Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Strategery

2,015 views

Published on

A glimpse at the overall web strategy and supporting foundations of web strategies for UTHSC. Explained by using an analogy to a bridge

Published in: Education
  • Be the first to comment

  • Be the first to like this

Web Strategery

  1. 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
  2. 2. @ctbarber #UAD12 #Boots #Tippy
  3. 3. Say my name… Just as awesome as Heisenberg ———-> @ctbarber #UAD12
  4. 4. Web Strategery An Effective Way to Say No to Click Here Todd Barber @ctbarber #UAD12 cbarber@uthsc.edu Information Technology Services Web Services
  5. 5. 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
  6. 6. @ctbarber #UAD12
  7. 7. @ctbarber #UAD12
  8. 8. @ctbarber #UAD12
  9. 9. @ctbarber #UAD12
  10. 10. We had to put some thought into it. @ctbarber #UAD12
  11. 11. 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
  12. 12. 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
  13. 13. Strategery… Strategy for the people that just have to spell it correctly. @ctbarber #UAD12
  14. 14. Emerging Web Technology 1. Don’t Reinvent the Wheel 2. Follow the Leaders 3. Stay Flexible @ctbarber #UAD12
  15. 15. Web Architecture 1. Consumable 2. Portable 3. Simple 4. Consistent EmergingWebTechnology @ctbarber #UAD12
  16. 16. Web Content 1. Adherence to Copyright and Plagiarism Policies 2. Search Engine Optimization 3. Writing for the Web EmergingWebTechnology WebArchitecture @ctbarber #UAD12
  17. 17. Web Design 1. Intuitive User Experience 2. Harmonious Color Palette 3. Typography 4. Modular EmergingWebTechnology WebArchitecture WebContent @ctbarber #UAD12
  18. 18. EmergingWebTechnology WebArchitecture WebContent WebDesign @ctbarber #UAD12
  19. 19. EmergingWebTechnology WebArchitecture WebContent WebDesign Accessibility @ctbarber #UAD12
  20. 20. EmergingWebTechnology WebArchitecture WebContent WebDesign AccessibilityUsability Gold (Au) Standard @ctbarber #UAD12
  21. 21. EmergingWebTechnology WebArchitecture WebContent WebDesign AccessibilityUsability Foster Campus Awareness & Involvement Gold (Au) Standard @ctbarber #UAD12
  22. 22. EmergingWebTechnology WebArchitecture WebContent WebDesign Accessibility Foster Campus Awareness & Involvement Usability Gold (Au) Standard @ctbarber #UAD12
  23. 23. 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
  24. 24. 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
  25. 25. 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

×