Information architecture design
Download
1 / 11

Information Architecture Design Week 8 Schedule - PowerPoint PPT Presentation


  • 555 Views
  • Uploaded on

Information Architecture & Design Week 8 Schedule Metaphors, Graphics and Labels Other Readings Research Topic Presentations Research Papers Returned Labeling Systems Design Labels are More Than Link Descriptors Convey the Structure and Purpose of the Web Site

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Information Architecture Design Week 8 Schedule' - adamdaniel


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Information architecture design l.jpg
Information Architecture & Design

  • Week 8 Schedule

    • Metaphors, Graphics and Labels

    • Other Readings

    • Research Topic Presentations

    • Research Papers Returned


Labeling systems design l.jpg
Labeling Systems Design

  • Labels are More Than Link Descriptors

  • Convey the Structure and Purpose of the Web Site

  • Describe in the Language of the (Analyzed) User(s) (But Not All Jargon)

  • Differentiate Each Topic

  • Imply Hierarchy

    • News – Tech News – Computing News – Macintosh News

  • Nouns and Verbs (Mixed & Consistency)

  • Reading Behavior


Varieties of label designs l.jpg
Varieties of Label Designs

  • Contextual Links

  • Headings

    • Text

    • Narrative Help

  • Navigation System Choices

    • Toolbars & Navigation Bars

    • Application Functionality

  • Index Terms

    • Searching (Results)

    • Browsing

  • Graphics (Iconic)

    • Maps

    • Images

  • Email Subject Lines

    Rosenfeld p 80


Labels in use affecting design l.jpg
Labels in Use (Affecting Design)

  • A-Z Indexes (“Term Rotate” and Flatten)

  • Thesaurus of Labels (and Relationships)

  • Narrowing the Possibilities of Use

  • Examine All the Labels at End of Tech-Independent Design

  • Consistent with Headings and <TITLE>

  • Bookmark Uniqueness

  • Work With Your Content (Content Analysis – UseSearch & Evaluate Results)

  • Card Sorting to Determine Structure and Metaphors/Themes

  • Dates, Times, Sizes, Rankings & Categories Too


Well designed labels l.jpg
Well-Designed Labels…

  • Go Unnoticed

  • Use Size and Color for Hierarchy

  • Follow Consistent Graphical & Textual Representation

  • Describe and are Parallel to Other Labels

  • Metaphorically Correct

  • Use Rollover Text

  • Communicates Part of the Structure of the Site (The Name of the Label is like the Name of the Page it Links to)

  • Notes If It Breaks The Browsing Metaphor (another Window via Links)


Bad labelling exampls l.jpg
Bad Labelling Exampls

  • Typos & Misspellings (See Above!)

  • Too Much Text or Extraneous That Really Doesn’t Tell You Anything About The Link That Makes You Less Likely To Understand The Link And Actually May Take More Time To Interpret Than Actually Clicking On The Link Name

  • TOO MUCH UPPERCASE TEXT THAT IS MORE ARDUOUS TO READ AND COMPREHEND

  • Links in Color

  • “Click Here”

  • Are Too Numerous

  • Are Too Cute


Metaphors l.jpg
Metaphors

  • What Does the Web “Look” Like To You?

  • What Does an Individual Web Site “Look” Link To You?

  • How Do You Integrate with Labels?

  • How Does Metaphor Affect Memory of a Site (during use and after a visit)?

  • Always a Physical Space (Movement)?

    • Information Highway

    • Maps

    • “Explorer” & “Navigator” (Opera?)

  • How Do People Describe a Web Site Visit?


Maglio matlock 1998 l.jpg
Maglio & Matlock (1998)

  • Great Bibliography

  • Users Remembered Little of Site Visits

    • Anchor Points - Key Nodes that lead to Target Information

    • Personal Routines – What Worked Before Will Work Now (!)

      • Consistently Among Web Sites

      • Consistency Among Search Engines

      • Bad User Habits Continue

      • Bad Design Conventions Continue

    • Language of Web Site Use

      • Visiting

      • Went…

    • Talk Aloud Protocols When Studying Web Use

    • Users Conceptualize Themselves Moving TOWARD Information, not Information Being BROUGHT to Them.


Maglio matlock 1998 2 l.jpg
Maglio & Matlock (1998) 2

  • Metaphor and Thought

    • Lakoff and Johnson

  • Not Only a Literary Device (in Study)

  • Linguistic Analysis

  • Cognitive Analysis

  • Trends and Metaphors of the Times

    • Clockwork to Computers

  • “Image Schemata”

    • Pre-conceptual structures from our embodied experience

    • Habits and Assumptions in terms of understanding


Maglio matlock 1998 3 l.jpg
Maglio & Matlock (1998) 3

  • Language Use on the Web

    • Outside & Inside Actions

  • System Actions

    • Click, Scroll, Type

  • Move

    • Go, Follow

  • Computer Assistance

    • Display, Bring Up

  • Information Action

    • Look For, Search, Browse

  • Individual Process

    • Look, See

  • Physical Motion Most Common

    • What about the Browser? (Agency)

    • What about Other Users? (Collaboration)


How to design text from metaphor l.jpg
How to Design Text (from Metaphor)

  • Labels and Graphics

  • Jakob Nielsen

  • Other News Examples?

    • NY Times

    • WSJ

    • AAS

  • iSchool


ad