Information Architecture: Get Your Blue Prints in Order

Information Architecture: Get Your Blue Prints in Order



Information architecture is the most critical component of your site, yet it’s often overlooked. When done correctly, it enables users to navigate logically through a site, confidently find the ...

Information architecture is the most critical component of your site, yet it’s often overlooked. When done correctly, it enables users to navigate logically through a site, confidently find the information they seek, and accomplish their goals. Without defining a website's structure, hierarchy, and navigation, you cannot ensure a consistent user-experience, and run the risk of frustrating visitors, and ultimately, losing them for good.



Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds


Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Information Architecture: Get Your Blue Prints in Order Information Architecture: Get Your Blue Prints in Order Presentation Transcript

  • INFORMATION ARCHITECTUREGetting Your Blueprints In Order
  • Agenda Defining User Experience Defining Information Architecture (IA) Breaking Down the Concepts of Information Architecture How Does IA Fit into the Project Lifecycle Strategy and Tactics Wireframe to Design Examples Why IA Matters
  • What is User Experience?The term used to describe theoverall experience andsatisfaction a user has whenusing a product or system.It most commonly refers to acombination of software andbusiness topics, such as sellingover the web, but it applies toany result of interaction design.* *Wikipedia – View slide
  • Elements of User Experience *Jesse James Garrett View slide
  • What is Information Architecture?Information Architecture Culture, Business Goals, Technology,(IA) is the art of Resourcesexpressing a model or Contextconcept of informationused in activities that IA Content Usersrequire explicit details ofcomplex systems. Information being read, Tasks, Behaviors, data, documents, Audience, Looking to knowledge accomplish goals *Wikipedia –
  • User ExperienceUsability Engineer Graphic Designer Information Architect Interaction Designer
  • Richard Saul Wurman coined the term in“information architecture”in 1997
  • Let’s take a Deeper Dive
  • Breaking Down the Concepts of Information Architecture 1 Information 2 Structuring, Organizing, and Labeling 3 Finding and Managing 4 Art and Science
  • Informationis DataandKnowledge
  • How would you Structure, Organize and Label all of theseproducts from scratch?
  • Your Users Are…. browse. search. ask questions. Can they find your data?
  • Managingthesesolutionsentailsfinding abalancebetween theuser and thebusinessneeds
  • Little Bit of Art Little Bit of Science  Experience  User Needs  Intuition  Patterns of Behavior  Creativity  Scientific Analysis
  • Succinctly…
  • Information Architects could almost be called“Digital Librarians”
  • Where Does IA Fit intothe Project Lifecycle?
  • Typical Project ProcessDiscovery Design Build Test Launch
  • Optimized Project Lifecycle
  • Optimized Project Lifecycle
  • Strategy and Tactics
  •  Audience ResearchStrategy  Audience Personas Users  Content Audit / Analysis  Classification Schemes  Labeling  Card sorting  Affinity Diagrams Business  Data Flow Diagrams  Beta Sitemap  Content Maps  Low-Fi Wireframes  Hi-Fi Wireframes  Navigation Optimization Technical  Wireframe Testing RequirementsTactics
  • Audience Research and Personas Conduct interviews with your users Online user testing Audience surveys Record each session with audio and or video. Watch, list, and interact Formulate personas based off of your research
  • Content Audit and Analysis Is there an existing website? Is there a current sitemap that illustrates the number of pages per domain? Need to understand the existing content and data types in order to optimize the hierarchy Target the content types instead of generalities
  • Content Audit and Analysis Create spreadsheet detailing the breakout of existing pages Document Page Name, URL, Document Type, Topic of Discussion and any additional Notes
  • Classification SchemesHow Will the Content BeOrganized? Alphabetical Audience Color Date Geographic Popularity Tag-Based Task Topic
  • Labeling Need clear and concise words that differentiate grouping from groupingWhere to look for input onjustified labeling conventions Ask individuals during user research Information gathered from card sorting exercises Review internal search words Review referring keywords
  • Card sorting Task users with grouping information in a fashion that makes the most sense to them 2 different types of card sorts: Open and Closed Results are analyzed and used as a guide when creating the website’s hierarchy
  • Affinity Diagrams Describes the system from the users point of view Captures the behavioral requirements by detailing the scenario driven requests by each persona Useful for illustrating the interaction between the audience and the system and/or website
  • Data Flow DiagramsGraphical representation ofthe “flow of data” through aninformation system.Data Flow diagrams can alsobe used for the visualizationof data processing.* *Wikipedia
  • Beta Sitemap
  • Content Map
  • Low-Fi Wireframes
  • High-Fi Wireframes
  • Navigation Optimization Are your targeted keywords present within the architecture? Are there any words that can be changed which will not change the context of the label? Must strike the balance between optimizing for search engines and changing the meaning for the userExample: Instead of just “Articles”what type of articles are they? Couldthey be labeled “Cooking Articles.”
  • Wireframe Testing Moderated and Unmoderated testing Users are assigned tasks to complete “Blocks of content” are clickable to other wireframes Testing is recorded to capture the subtleties All qualitative data
  • Wireframe to Design Examples
  • Why Does InformationArchitecture Matter?
  • Why Does InformationArchitecture Matter? consider this…
  • Do you know how many potential customers leave your site due to frustration?
  • How much extratime and money isspent on customersupport becauseyour customerscan’t find theinformation theyseek?
  • If customers can’t find what they’relooking for, what does that say aboutyour brand?
  • Jakob Nielson states:“ The cost of poor navigation and lack of design standards is….at least ten million dollars per year in lost employee productivity for a company with 10,000 employees. ”
  • Continuing IA Education Websites / Blogs
  • Thank you.Questions.Wrap Up.