Published on May 9, 2007
Author: AdamtheIA
Source: slideshare.net
Information Architecture & Why You Care About It As a Designer
The structural design of an information space to facilitate task completion and intuitive access to content. Definition Information Architecture for the World-Wide Web Louis Rosenfeld & Peter Morville Organizing info so people can find stuff >
Metaphor – Painterliness vs. Draftsmanship Detail from Water Lilies Claude Monet 1906
Metaphor – Painterliness vs. Draftsmanship Detail from The Entombment Raphael 1507
Metaphor – Painterliness vs. Draftsmanship Detail from The Entombment Raphael 1507
The Key is Balance A beautifully designed interface might satisfy the business vision but imply things about the function of a site that can’t be realized An elegantly coded back-end system might meet basic business requirements and still be wholly un-usable
The Role In Context IA is about Applied Usability Content Organization : structure & labeling Interaction Design : page-level elements
IA is about Applied Usability
Content Organization : structure & labeling
Interaction Design : page-level elements
The Role In Context IA is about Applied Usability Content Organization : structure & labeling Interaction Design : page-level elements
IA is about Applied Usability
Content Organization : structure & labeling
Interaction Design : page-level elements
The Context of Development It doesn’t matter what development processes your client or your company subscribe to. They all have the same thing in common Plan Build IA IA Idea
The Context of Development We’re going to focus on the first gap between an Idea and a Plan Idea Plan Build IA IA
Steps Requirements come from multiple sources. Some are formal Some are random Some are completely off the wall ! Gather | Qualify | Organize | Validate | Interaction
Requirements come from multiple sources.
Some are formal
Some are random
Some are completely off the wall !
Steps: Feature List Gather | Qualify | Organize | Validate | Interaction Granular breakdown and description of all potential features and functions
Gather | Qualify | Organize | Validate | Interaction Steps Scrutinize the requirements against three facets: User Value Business Value Technical Risk Use the outcome to determine your scope
Scrutinize the requirements against three facets:
User Value
Business Value
Technical Risk
Use the outcome to determine your scope
Steps: Feature Analysis Gather | Qualify | Organize | Validate | Interaction Evaluation of each element: Removes Bias Considers Constraints
Evaluation of each element:
Removes Bias
Considers Constraints
Steps Organize the features and functions into some kind of framework Process Flows for Linear Applications EX: E-Commerce Check-Out Site Maps for Information Sites EX: Corporate Information Site Page Flows to translate processes into pages EX: Catalog Index Gather | Qualify | Organize | Validate | Interaction
Organize the features and functions into some kind of framework
Process Flows for Linear Applications
EX: E-Commerce Check-Out
Site Maps for Information Sites
EX: Corporate Information Site
Page Flows to translate processes into pages
EX: Catalog Index
Steps: Process & Page Flow Gather | Qualify | Organize | Validate | Interaction Page Agnostic Page Specific Better for Linear Applications
Steps: Site Map Gather | Qualify | Organize | Validate | Interaction Better for Broad Content Sites
Steps Review your framework with the technical team to validate the way the system will support it Are there any constraints that might influence the way the user will be able to encounter the information? Gather | Qualify | Organize | Validate | Interaction
Steps Create a low-risk model of a page to account for the features and functions that have been scoped. This is the first time that the team will be able to see and think of the site in terms of pages. Gather | Qualify | Organize | Validate | Interaction
Steps: Wireframe Gather | Qualify | Organize | Validate | Interaction Functional Model, Few if any Design Elements
Why Do You Care? IAs promote the expertise of design by couching its impact in terms of usability Form Follows Function – IAs establish the function of a page independent of design elements. This keeps the client from designing for you IAs provide the framework to inform a solid design scheme Your grade depends on it
Q & A
Career Facts - Architecture ... complex technical information to a ... proportion of your design work on a computer. You analyze ...
Read more
Very few people understand exactly what information architects do and why we ... information architecture, you can ... an information designer for ...
Read more
Information architecture (IA) is the structural design of shared information ... Information architecture has somewhat different meanings in different ...
Read more
Why study Architecture in the first place? What are the merits of choosing Architecture as a career ... You will get study about design of RCC and ...
Read more
... Planning & Environmental Design. Career Information ... Landscape Architecture; Sustainable Environmental Design; ... that are right for you. Why ...
Read more
Architects design buildings and other structures. ... Why Do You Need to Know About ... If you want to be an architect you should be creative and have good ...
Read more
Why Should You Care? ... Some may seem so obvious that you first question why you ... complete IT Architecture. The types of information you need can be ...
Read more
Enterprise IT design ... Enterprise Architecture as an information and ... held to determine why the federal enterprise architecture program ...
Read more
Architects plan and design houses, ... Career Outlook; ... For information about careers in architecture, visit.
Read more
Landscape architects plan and design traditional ... for a Career in Landscape Architecture ... can use to obtain information that will help you make ...
Read more
Add a comment