A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.
It's fast and free.
processing...Retrieve Sign In
Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.
processing...Welcome to Webmonkey
- edit articles
- add to the code library
- design and write a tutorial
- comment on any Webmonkey article
Sign In Information Sent
Information Architecture Tutorial
/skill level/
/viewed/
m (1 revision(s)) |
|||
| (One intermediate revision not shown.) | |||
| Line 1: | Line 1: | ||
| - | |||
Information architecture is the science of figuring out what you want your site to do and then constructing a blueprint before you dive in and put the thing together. It's more important than you might think, and John Shiple, aka Squishy, tells you why. | Information architecture is the science of figuring out what you want your site to do and then constructing a blueprint before you dive in and put the thing together. It's more important than you might think, and John Shiple, aka Squishy, tells you why. | ||
| Line 8: | Line 7: | ||
Next, Squishy gets into creativityland, where you start to build the beast:form a skeleton, pick your metaphors, map out your navigation. Then it's time to break out the graphics program, come up with layout grids, design sketches, and mock-ups, and get ready to build! | Next, Squishy gets into creativityland, where you start to build the beast:form a skeleton, pick your metaphors, map out your navigation. Then it's time to break out the graphics program, come up with layout grids, design sketches, and mock-ups, and get ready to build! | ||
| + | |||
| + | <span id="title_name_el" class="wm_hidden_meta_class" title="Squishy's Crash Course in Information Architecture" style="visibility:hidden"> <span id="page_path_el" class="wm_hidden_meta_class" title="/webmonkey/98/28/" style="visibility:hidden"> <span id="author_el" class="wm_hidden_meta_class" title="squishy" style="visibility:hidden"> <span id="creation_date_el" class="wm_hidden_meta_class" title="1998-07-13T24:00:00Z" style="visibility:hidden"> </span></span></span></span> | ||
| + | |||
| + | == Suggested readings == | ||
| + | <div id="series"> | ||
| + | <div class="series_hdr">From the series</div> | ||
| + | {| width="620" style="background:#e5f9ff;" | ||
| + | | | ||
[[Tutorial:Information Architecture Tutorial | Information Architecture Tutorial]]<br /> | [[Tutorial:Information Architecture Tutorial | Information Architecture Tutorial]]<br /> | ||
[[Tutorial:Information Architecture Tutorial - Lesson 1 | Information Architecture Tutorial - Lesson 1]]<br /> | [[Tutorial:Information Architecture Tutorial - Lesson 1 | Information Architecture Tutorial - Lesson 1]]<br /> | ||
| Line 14: | Line 21: | ||
[[Tutorial:Information Architecture Tutorial - Lesson 4 | Information Architecture Tutorial - Lesson 4]]<br /> | [[Tutorial:Information Architecture Tutorial - Lesson 4 | Information Architecture Tutorial - Lesson 4]]<br /> | ||
[[Tutorial:Information Architecture Tutorial - Lesson 5 | Information Architecture Tutorial - Lesson 5]] | [[Tutorial:Information Architecture Tutorial - Lesson 5 | Information Architecture Tutorial - Lesson 5]] | ||
| - | + | |} | |
| - | + | </div> | |
Current revision
Information architecture is the science of figuring out what you want your site to do and then constructing a blueprint before you dive in and put the thing together. It's more important than you might think, and John Shiple, aka Squishy, tells you why.
Squishy first looks at how to define your site's goals, shedding light on the all-important art of collecting clients' or co-workers' opinions and assembling them in a coherent, weighted order of importance. He also shares his scheme for documenting everything so that all parties can keep up.
The next step is figuring out who the heck your audiences are going to be. Once that's out of the way, you can start organizing your future site into pages of content and functions that the site will need to have.
Next, Squishy gets into creativityland, where you start to build the beast:form a skeleton, pick your metaphors, map out your navigation. Then it's time to break out the graphics program, come up with layout grids, design sketches, and mock-ups, and get ready to build!
Suggested readings
- This page was last modified 22:20, 21 May 2008.
/related_articles/
Special Offer For Webmonkey Users
WIRED magazine:
The first word on how technology is changing our world.
Registration on or use of this site constitutes acceptance of our User Agreement (Revised 4/2/2009) and Privacy Policy (Revised 4/2/2009).
Wired.com © 2009 Condé Nast Digital. All rights reserved.
The material on this site may not be reproduced, distributed, transmitted, cached or otherwise used, except with the prior written permission of Condé Nast Digital.