Web Strategery
•Télécharger en tant que PPTX, PDF•
1 j'aime•2,358 vues
A glimpse at the overall web strategy and supporting foundations of web strategies for UTHSC. Explained by using an analogy to a bridge
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (6)
Similaire à Web Strategery
Similaire à Web Strategery (20)
Dernier
Dernier (20)
Web Strategery
- 1. Foreword Picture Your Audience… • Not for Web Developers, Programmers, Designers, or whatever you guys may call yourselves • You should already know this • For all the other folks around campus • The Content Contributors Spencer Tunick - Mexico City http://spencertunick.com/installations/urban/343 @ctbarber #UAD12
- 3. Say my name… Just as awesome as Heisenberg ———-> @ctbarber #UAD12
- 5. Web Strategery An Effective Way to Say No to Click Here Todd Barber @ctbarber #UAD12 cbarber@uthsc.edu Information Technology Services Web Services
- 6. The “eccentric” faculty member that wants to use <blink> Chancellor President CMS Upgrades Redesign Committee Provost CIO CFO Auditors Consultants Your boss Your boss’s boss Your staff The know-it-all faculty member The super nice staff member That guy from the College of Busine That girl from the College of Arts and Sciences Communications & Marketing Information Technol The Server Administrator The Dean of the College of Medicine The new researcher that brings in lots of $$$$$$$ Department of Journalism Department Department of Computer Science Department of Sociology School of Music School of Health StudiesDepartment of English Department of Math School of Rock The external dining services vendor Internet Explorer Firefox Chrome Safari The one browser that the really important person on campus uses PHP Python Ruby YOU The young whipper snapper in the office The old guy that falls asleep in all the meetings The font is bad Carousels .NET The Athletics Department State Government Federal Government @ctbarber #UAD12
- 10. @ctbarber #UAD12
- 11. @ctbarber #UAD12
- 12. We had to put some thought into it. @ctbarber #UAD12
- 13. This is more like it animal thinker we want you to think about content and how it relates to all the other things we will keep the other things updated This was probably more like it. @ctbarber #UAD12
- 14. This is more like it animal thinker we want you to think about content and how it relates to all the other things we will keep the other things updated OK, this was it. @ctbarber #UAD12
- 15. Strategery… Strategy for the people that just have to spell it correctly. @ctbarber #UAD12
- 16. Emerging Web Technology 1. Don’t Reinvent the Wheel 2. Follow the Leaders 3. Stay Flexible @ctbarber #UAD12
- 17. Web Architecture 1. Consumable 2. Portable 3. Simple 4. Consistent EmergingWebTechnology @ctbarber #UAD12
- 18. Web Content 1. Adherence to Copyright and Plagiarism Policies 2. Search Engine Optimization 3. Writing for the Web EmergingWebTechnology WebArchitecture @ctbarber #UAD12
- 19. Web Design 1. Intuitive User Experience 2. Harmonious Color Palette 3. Typography 4. Modular EmergingWebTechnology WebArchitecture WebContent @ctbarber #UAD12
- 23. EmergingWebTechnology WebArchitecture WebContent WebDesign AccessibilityUsability Foster Campus Awareness & Involvement Gold (Au) Standard @ctbarber #UAD12
- 24. EmergingWebTechnology WebArchitecture WebContent WebDesign Accessibility Foster Campus Awareness & Involvement Usability Gold (Au) Standard @ctbarber #UAD12
- 25. Pictures • Naked Audience in Mexico City photo by Spencer Tunick http://spencertunick.com/installations/urban/343 • Golden Gate Bridge Traffic photo by Henner Zeller (no changes made) https://commons.wikimedia.org/wiki/File:Golden_Gate_Bridge_Front_Traffic.jpeg License: CC BY-SA 3.0 • Rodin’s Thinker photo by Drflet (no changes made) https://commons.wikimedia.org/wiki/File:Rodin%27s_The_Thinker.jpg License: CC BY-SA 3.0 • Gorilla Thinker photo by Lilach Daniel (no changes made) https://www.flickr.com/photos/lilachdan/3848628184/sizes/l/ License: CC BY 2.0 • Saturday Night Live skit images are screen grabs from Hulu http://www.hulu.com/watch/284761
- 26. Backword Questions? • Lots of things we leave out because our web maturity as a campus isn’t there yet • Mainly the business aspects • But I do include it for some folks Todd Barber @ctbarber (Twitter & Linked In) cbarber@uthsc.edu
- 27. Todd Barber @ctbarber (Twitter & Linked In) cbarber@uthsc.edu Overall Strategy 1. Accessibility 2. Usability 3. Foster Campus Awareness & Involvement Supporting Pillars 1. Emerging Web Technology 1. Don’t Reinvent the Wheel 2. Follow the Leaders 3. Stay Flexible 2. Web Architecture 1. Consumable 2. Portable 3. Simple 4. Consistent 3. Web Content 1. Adherence to Copyright and Plagiarism Policies 2. Search Engine Optimization (SEO) 3. Writing for the Web 4. Web Design 1. Intuitive User Experience 2. Harmonious Color Palette 3. Typography 4. Modular
Notes de l'éditeur
- The tools I mention are our tools, I am aware there are others. The Content Contributors - Our strategy for them. Bad thing about going last is my brain is fried, but you may not know the difference b/c yours is too Good thing about going last is to see all the trends of presentations
- obligatory kitten photo, but it has nothing to do with anything. However these are personalized so feel free to send a twitter shout out to Boots and Tippy
- I’m in central IT - group of 5
- Close to downtown Memphis, in the medical district. Level 1 trauma center right across the street, Le Bonheur Children’s Hospital is the tower in the background, and St. Jude is right around the corner. about 2900 students, and 2800 faculty and staff, and 1250 residents, interns, and fellows
- Bury the lead We aligned it with university strategy. Keeps us on track. Keeps them on track. There may be an aside or two throughout. Steal if you would like
- as things fly in our direction -> gets overwhelming
- need a way to push it to the background it doesn’t go away, but minimized
- with distraction removed we see things: motorcycle camper truck cars SUV
- pull back some and see more things: more cars more trucks a bus some coming - some going some rules and regulations people on the side
- shift focus just a tad see people also doing different things some coming some going some moving some still taking pictures
- keep focus on the people coming to our site, but our content contributors need to be happy too
- had to make sense to us in the web world and the real issues we face had to be understandable to those outside the web world
- But we came up with something… so we needed the different perspective
- More like Rodin - we could have spelled it right Where did strategy come from? build The first one was destroyed almost the same day it was given to our CIO first one was way too general and didn’t mean anything maintain - not as difficult to change as policy adapt - as the web landscape changes for equal political party play time - what was the other word? came up with an analogy to explain what we want to do with our web So let’s build a bridge
- What is the most important part (the cornerstone)? Most important part is the technology. content is king, but the king needs a kingdom. development tools - OU Campus, grunt, gulp, Foundation, bower, composer, PHP, Laravel, vagrant know when to move to new tech - know when to drop browser support - OmniUpdate, Foundation, Laravel be a playa - have an exit strategy whatever the tool
- we don’t know who or what is coming to the site anymore should be able to move servers (local/cloud) - move sections of the site or a page - OU Campus helps with this start with the simplest of code. If it works, great. If not, add minimal complexity put things in the same spot, name things the same, tell people the same things
- remind people of the law - Google Images is generally NOT your friend - check the license basic SEO practices (no click here), good titles, headings different from print - middle school writing level - paste text into hemingwayapp Your content should focus on your primary target audience, whoever that may be
- elements on page should relate - different sections on the page should be noticeable the colors should work - no orange (that is our system level color and is reserved on our campus for the logo) in most cases, we do want something to be read - the typography should support that the aforementioned sections should have visual definitions and boundaries if needed. lines, boxes, negative space
- These 4 pillars are more for the web group, but they are there. We want the campus to know there is a strong foundation but that for the most part, it can fade away as well. We can maintain this. Now let’s build on top, our suspension. What we put in is our Overall Web Strategy, what we actually tell folks is the most important thing
- we start with a11y Section 508 WCAG 2.0 AA WAI-ARIA Don’t need all the details, some is built into the templates, other things they do need to know (((Until they do it for the right reasons, we scare with FUD and lawsuits)))
- screen size, device, and location shouldn’t matter. be consistent, clean, learnable, searchable, repeatable, simple But Todd, you haven’t shown me how to do anything yet - I know, first we want you to know how important this is to us, and how important it should be to the university. These two are our Gold standard - our most important things that we want you to focus on. A11y is more important and wins out if needed.
- build our campus community teach others about the suspensions and the foundation groundwork for governance Almost done building the bridge…need pixie dust
- Now some pixie dust and the content is magically there, right? Our ultimate goal is to get all of our visitors to the correct information as quickly as possible.
- If done early ask - Does your university have a strategy? Is it competitive?