• Share
  • Email
  • Embed
  • Like
  • Private Content
Information Architecture: Get Your Blue Prints in Order
 

Information Architecture: Get Your Blue Prints in Order

on

  • 1,339 views

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.

Statistics

Views

Total Views
1,339
Views on SlideShare
1,339
Embed Views
0

Actions

Likes
3
Downloads
43
Comments
0

0 Embeds 0

No embeds

Accessibility

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.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
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 – http://en.wikipedia.org/wiki/User_experience
    • Elements of User Experience *Jesse James Garrett http://www.jjg.net/elements/pdf/elements.pdf
    • 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 – http://en.wikipedia.org/wiki/Information_architecture
    • 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 http://en.wikipedia.org/wiki/Data_flow_diagram
    • 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 http://www.iainstitute.org http://www.boxesandarrows.com http://www.userglue.com/blog http://maadmob.net/donna/blog/ http://blog.jjg.net/ http://semanticstudios.com/ http://louisrosenfeld.com/home/ http://businessol.com/usability-blog
    • Thank you.Questions.Wrap Up.