Design zen presentation, fall 2012

700 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
700
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Design zen presentation, fall 2012

  1. 1. DESIGN ZEN: ATTRACTIVE AND FUNCTIONAL WEBSITES Graham Garner • E-Business Practicum BA/CA 388-01 Wartburg College • Fall 2012Tuesday, October 2, 12
  2. 2. INFORMATION ARCHITECTURE (IA) • Structural design of information environments • Combination of organization, labeling, search, and navigation systems • Making web sites usable and findable • Focused on design and architecture on the Web; it’s an art and a scienceTuesday, October 2, 12
  3. 3. WHY IA MATTERS • The cost of finding information is lost productivity. • The cost of not finding information is that bad decisions come from bad information. • It costs more to fix a problem twice than it does once. • The cost of maintenance is clear. • Building a brand costs money and time.Tuesday, October 2, 12
  4. 4. BUILDING BLOCKS OF IA: USERS Do you know whos using your web site? Do you know how theyre using it? And perhaps most importantly, do you know what information they want from your site?Tuesday, October 2, 12
  5. 5. BUILDING BLOCKS OF IA: CONTENT Think about all the stuff that makes up a web site. Think about Ownership, Format, Structure, Metadata, Volume and Dynamism.Tuesday, October 2, 12
  6. 6. BUILDING BLOCKS OF IA: CONTEXT What makes your business unique? Then, find ways to align the information architecture with the goals, strategy and culture of your business.Tuesday, October 2, 12
  7. 7. ORGANIZATION SYSTEMS Present the sites information to us in a variety of ways, such as content categories or specific audiencesTuesday, October 2, 12
  8. 8. NAVIGATION SYSTEMS Help users move through the contentTuesday, October 2, 12
  9. 9. SEARCH SYSTEMS Allow users to search the contentTuesday, October 2, 12
  10. 10. LABELING SYSTEMS Describe categories, options, and links in language that (hopefully) is meaningful to usersTuesday, October 2, 12
  11. 11. QUESTIONS USERS ASK 1. Where am I? 2. I know what Im looking for; how do I search for it? 3. How do I get around this site? 4. Whats important and unique about this organization? 5. Whats available on this site? 6. Whats happening there? 7. Do they want my opinion about their site? 8. How can I contact a human? 9. Whats their physical and mailing address?Tuesday, October 2, 12
  12. 12. ZEN OF WEB DESIGN Clear your mind. Relax and meditate. Observe and learn from the masters. Obtain clarity. Become one with the web.Tuesday, October 2, 12
  13. 13. With nearly 70 categories, Website entries make up the majority of Webby Awards Winners, Nominees and Honorees. Some are beautiful to look at and interact with. Others are a testament to usability and functionality. And a handful excel across the board. To be selected among the best is an incredible achievement worthy of praise -- and perhaps a little bragging.Tuesday, October 2, 12
  14. 14. COUNTERSPILL.ORG Activism • GreenTuesday, October 2, 12
  15. 15. BEETLE.COM Automotive • Best Navigation/Structure Best Visual Design - FunctionTuesday, October 2, 12
  16. 16. MANILLA.COM Banking/Bill PayingTuesday, October 2, 12
  17. 17. VISITNORWAY.COM Best Home/Welcome PageTuesday, October 2, 12
  18. 18. KINETIC.COM Best Visual Design - AestheticTuesday, October 2, 12
  19. 19. MASHABLE.COM Blog - BusinessTuesday, October 2, 12
  20. 20. PINERIDGESIOUX.COM Charitable Organizations/NonprofitTuesday, October 2, 12
  21. 21. URBANEARS.COM Consumer ElectronicsTuesday, October 2, 12
  22. 22. GOOGLE MUSIC Corporate CommunicationsTuesday, October 2, 12
  23. 23. MINT.COM Financial ServicesTuesday, October 2, 12
  24. 24. ALLSTATETEENDRIVER.COM InsuranceTuesday, October 2, 12
  25. 25. EPICURIOUS.COM LifestyleTuesday, October 2, 12
  26. 26. PITCHFORK.COM MusicTuesday, October 2, 12
  27. 27. ASKAPATIENT.COM PharmaceuticalsTuesday, October 2, 12
  28. 28. PADMAPPER.COM Real EstateTuesday, October 2, 12
  29. 29. FERVR.NET Religion and SpiritualityTuesday, October 2, 12
  30. 30. BEASTANDTHEHARE.COM RestaurantTuesday, October 2, 12
  31. 31. ASOS.COM RetailTuesday, October 2, 12
  32. 32. ESPN.COM SportsTuesday, October 2, 12
  33. 33. SESAMESTREET.ORG/MUPPETS YouthTuesday, October 2, 12

×