Describing systems well, so people can find their way around them.

fullfattruckMobile - Wireless

Dec 10, 2013 (3 years and 5 months ago)

66 views

©2011 DaviD sherwin | @changeorDer | Dksherwin@msn.com | changeorDerblog.com
what is information architecture (ia)?
Describing systems well, so people can find
their way around them.
how is information architecture useD in an interactive system?
1. search & navigation: how do locate a place i want to go?
how do i find the right things when i get there?
2. labeling: are things named appropriately for users?
3. organization: Do things that visitors find important
have the right priority?
why shoulD i care about information architecture?
if people can’t find the content & functionality
you’re providing, they won’t stick around.
making information accessible & useful
making information accessible & useful
what’s the process for establishing information architecture for a site/app?
inventory
catalogue existing and proposed content and site/app functionality,
including audience priorities and stakeholder goals.
things you’ll Do:
• inventory content
• create a site/app map of
existing site (if a redesign)
• capture functional
requirements & client goals

structure & prototype
sketch out draft structures for site content, including labeling for
navigation/search and organization of content on site/app screens.
things you’ll Do:
• revise site/app maps
• revise wireframes
• build functional prototypes
• create visual design comps
• Develop live code
things you’ll Do:
• create draft maps of
content & functionality
• consider screen organiza-
tion and composition via
page templates & flows
validate
how do prospective users expect site content to be organized and labeled?
improve your ia and design through user testing and analyzing site metrics.
extend
when you have a solid foundation based on user feedback, flesh out
your designs at the appropriate level of fidelity. validate as necessary.
things you’ll Do:
• analyze results from card
sorting, site/app metrics
• test prototypes, flows,
and visual design comps
4.0 pets
©2011 DaviD sherwin | @changeorDer | Dksherwin@msn.com | changeorDerblog.com
making information accessible & useful
what Documentation woulD i use when creating a site/app?
website application
mapping of website/app content
mapping placement and interconnections
between website sections and pages.
screen composition & placement of functionality
mapping how users navigate between
functional areas of an application.
how navigation looks to the user. critical
for stakeholder signoff on site/app ia.
templates of screen structure for your
site/app. look for repeating patterns.
wireframes/prototypes that show key states
of a user fulfilling an important task.
0.0 home
1.0 women
2.0 men
3.0 kiDs
womens
womens
womens
womens
site map
home
women
men
2.0
mens
2.0
mens
mapping connections between content
areas on a website or application.
concept map
1.0 women
0.0 home
navigation
6.0 search
search
application map
search
logo
primary navigation
2nDary
nav
sliDeshow
home | women | men | kiDs |
coats
Jackets
scarves
shoes
shirts
ties
pants
cuff links
bibs
caps
binkies
navigation schemas
wireframe templates
wireframe flows
kiDs
bibs
caps
binkies
search
photo
of cap
photo
of cap
photo
of cap
photo
of cap
photo
of cap
name
cost
< back
buy now >
cap Description
making information accessible & useful
what shoulD i reaD if i want to go further?
“flexible fuel: educating the client on ia”
by keith laferrierre
http://www.alistapart.com/articles/flexiblefueleducating
theclientonia/
“can you say that in english? explaining uX research to clients”
by David sherwin
http://www.alistapart.com/articles/can-you-say-that-in-english-
explaining-ux-research-to-clients/
“complete beginner’s guide to information architecture”
by andrew maier
http://www.uxbooth.com/blog/complete-beginners-guide-to-
information-architecture/
“integrating prototyping into your Design process”
by fred beecher
http://www.boxesandarrows.com/view/integrating
articles
books
Above the Fold by brian miller
http://abovethefoldbook.com/
Card Sorting: Designing Usable Categories by Donna spencer
http://rosenfeldmedia.com/books/cardsorting/
Designing Interfaces by Jennifer tidwell
http://designinginterfaces.com/
Don’t Make Me Think by steve krug
http://amzn.to/pltsu3
Information Architecture for the World Wide Web
by peter morville and louis rosenfeld
http://amzn.to/oyikQ8
Information Architecture: Blueprints for the Web
by christina wodtke and austin govella
http://amzn.to/qbufnv
Mobile First by luke wroblewski
http://www.abookapart.com/products/mobile-first
Prototyping: A Practicioner’s Guide by todd Zaki warfel
http://rosenfeldmedia.com/books/prototyping/