design zen presentation, rfs, fall 2012
TRANSCRIPT
![Page 1: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/1.jpg)
DESIGN ZEN:ATTRACTIVE AND FUNCTIONAL WEBSITES
Graham Garner • E-Business Practicum BA/CA 388-01Wartburg College • Fall 2012
Tuesday, October 16, 12
![Page 2: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/2.jpg)
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 science
Tuesday, October 16, 12
![Page 3: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/3.jpg)
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 16, 12
![Page 4: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/4.jpg)
BUILDING BLOCKS OF IA: USERS
Do you know who's using your web site?
Do you know how they're using it?
And perhaps most importantly, do you know what information they want from your site?
Tuesday, October 16, 12
![Page 5: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/5.jpg)
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 16, 12
![Page 6: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/6.jpg)
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 16, 12
![Page 7: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/7.jpg)
ORGANIZATION SYSTEMS
Present the site's information to us in a variety of ways, such as content categories or specific audiences
Tuesday, October 16, 12
![Page 8: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/8.jpg)
NAVIGATION SYSTEMS
Help users move through the content
Tuesday, October 16, 12
![Page 9: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/9.jpg)
SEARCH SYSTEMS
Allow users to search the content
Tuesday, October 16, 12
![Page 10: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/10.jpg)
LABELING SYSTEMS
Describe categories, options, and links in language that (hopefully) is meaningful to users
Tuesday, October 16, 12
![Page 11: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/11.jpg)
QUESTIONS USERS ASK
1. Where am I?
2. I know what I'm looking for ; how do I search for it?
3. How do I get around this site?
4. What's important and unique about this organization?
5. What's available on this site?
6. What's happening there?
7. Do they want my opinion about their site?
8. How can I contact a human?
9. What's their physical and mailing address?
Tuesday, October 16, 12
![Page 12: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/12.jpg)
ZEN OF WEB DESIGNClear your mind.
Relax and meditate. Observe and learn from the masters.
Obtain clarity. Become one with the web.
Tuesday, October 16, 12
![Page 13: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/13.jpg)
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 16, 12
![Page 14: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/14.jpg)
COUNTERSPILL.ORGActivism • Green
Tuesday, October 16, 12
![Page 15: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/15.jpg)
BEETLE.COMAutomotive • Best Navigation/Structure
Best Visual Design - Function
Tuesday, October 16, 12
![Page 16: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/16.jpg)
MANILLA.COMBanking/Bill Paying
Tuesday, October 16, 12
![Page 17: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/17.jpg)
VISITNORWAY.COMBest Home/Welcome Page
Tuesday, October 16, 12
![Page 18: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/18.jpg)
KINETIC.COMBest Visual Design - Aesthetic
Tuesday, October 16, 12
![Page 20: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/20.jpg)
PINERIDGESIOUX.COMCharitable Organizations/Nonprofit
Tuesday, October 16, 12
![Page 21: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/21.jpg)
URBANEARS.COMConsumer Electronics
Tuesday, October 16, 12
![Page 22: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/22.jpg)
GOOGLE MUSICCorporate Communications
Tuesday, October 16, 12
![Page 24: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/24.jpg)
ALLSTATETEENDRIVER.COMInsurance
Tuesday, October 16, 12
![Page 25: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/25.jpg)
EPICURIOUS.COMLifestyle
Tuesday, October 16, 12
![Page 27: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/27.jpg)
ASKAPATIENT.COMPharmaceuticals
Tuesday, October 16, 12
![Page 28: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/28.jpg)
PADMAPPER.COMReal Estate
Tuesday, October 16, 12
![Page 30: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/30.jpg)
BEASTANDTHEHARE.COMRestaurant
Tuesday, October 16, 12
![Page 33: Design zen presentation, rfs, fall 2012](https://reader033.vdocuments.site/reader033/viewer/2022052823/5556d9bcd8b42ac60c8b45b8/html5/thumbnails/33.jpg)
SESAMESTREET.ORG/MUPPETSYouth
Tuesday, October 16, 12