WEB210 » 05a) Information Architecture
Affinity Diagram for Information Architecture
The next stage of work you will need to complete is to show your Client how you are going to organize their information for their website via an Information Architecture document.
Requirements:
- Take a look at my Sample Architecture as this is the format that you will follow to complete this assignment.
- Conduct a content audit from both a top-down and bottom-up approach as to assess how to present current, missing and potential written and visual content to satisfy user needs assessed during the discovery phase for said Project. For example, you may choose to list the questions that you and your user audience came up with from a bottom-up approach and create affinity diagrams from said questions.
- Document the process you used to analyze your top-down and bottom-up approach to analyzing content groups for your information architecture. Take pictures of sketches, whiteboard drawings and post-it notes, etc. This app f’ing rules for that.
- Create a final hi-fidelity information architecture document done either in Illustrator, Visio or any such other application.
- Your entire process documentation and hi-fidelity information architecture document shall be posted on your staging area as one big (.pdf) document for Client approval and instructor review as your “Information Architecture” assignment according to the class Schedule (Fall) or Schedule (Summer).
Examples:
- Human Centered Design & Engineering Website Information Architecture | Mike Sinkula
- Information Architecture | Washington Junior Golf Association
Resources:
- Information Architecture for the Web | Students of Premium Design Works
- Guide to Creating Website Information Architecture and Content | Princeton University
This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.
25 Comments:
homeless humans of tacoma information architecture:
http://www.kristinfiedler.info/HHOT/images/hhot-ia.pdf
https://docs.google.com/document/d/1L2Yt6RL7UoI-dwYlxSE2lvm866vGfOLxPWsuOemw9ng/edit
The Winding Path Information Architecture
https://docs.google.com/document/d/18-sf-NNxq2JhFLKzs-5aR2x9qk77pOZnyOsPwXO4d4c/edit?usp=sharing
KCVC
https://docs.google.com/document/d/1Y3AUFJhVR3Fv7fXus_NDMmZGTllAfnd4X8qL4DUGK0o/edit?usp=sharing
https://drive.google.com/file/d/0B1Y0mF_XuLT_ZktzamtQaGFDTVk/view?usp=sharing
Seattle Hiroshima Club
Contact: Linda Ishii
Web Team members: Shelah Blando, Nico Davis, Frankie Crescioni, Andy Meyers, Milo Sherman
https://docs.google.com/document/d/13yznVq40mDi9ER0oTYSWXpQ2BmegKhMtj3XyLZG2fhY/edit?ts=57fef604
Musicians of the Houston Grand Opera
https://docs.google.com/document/d/1qdi9lArpDfMOA4Vq99Ze0cbWwBXacqBEeSWORuyOaIk/edit?usp=sharing
apologies for the lateness!
https://braincancerredesign.wordpress.com/assignments-web-170/
and there’s a link for the IA.
https://drive.google.com/file/d/0BxUZTiepW26GcGJwZVQ0M243enc/view?usp=sharing
Hi Mike,
Here is the link to our A5: INFORMATION ARCHITECTURE https://ssyc210.wordpress.com/2015/10/14/a5-information-architecture/
https://drive.google.com/file/d/0B2Fc3IitWpSPNkRiQ09uREcyWGc/view
https://drive.google.com/file/d/0Bwl_hRIDwRztMXU0OXRlSks2RTQ/view?usp=sharing
The National School of Academic Equitation
A5 – Information Architecture! :)
http://edison.seattlecentral.edu/~djones33/web210/nsae_info_architecture.pdf
Thanks!
http://burningheartdesign.com/web210/architecture.html
http://edison.seattlecentral.edu/~kander59/web210/clientstaging.html
Here is the info architecture for our team:
http://earthshipseattle210.wordpress.com/a5-information-architecture/
michelleszwedo.com/mineralschool-staging/images/information-architecture-mineral-school-2.pdf
http://michelleszwedo.com/mineralschool-staging/images/information-architecture-mineral-school-2.pdf
http://ngiramolaulia.com/web210/information-architecture-bhs-final.pdf
http://edison.seattlecentral.edu/~mbabad01/web210/information_architecture.pdf
Seattle Financial Empowerment Center.
Here’s the link to staging area.Also you can find a link to Information Architecture there.
http://edison.seattlecentral.edu/~atopiw01/web210/stagingarea/staging.html
Believe in Tibet
http://sagemcelroy.com/believeintibet/
http://rhm.zarahmcintosh.com/rhm-staging/RHM_Information_Arch.pdf
http://edison.seattlecentral.edu/~dbrown42/web210/arch.pdf
http://ctangalin.com/itcweb210/
Trackbacks: