• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Ubiquitous IA
 

Ubiquitous IA

on

  • 2,764 views

Peter Morville's keynote for Internet User Experience 2011.

Peter Morville's keynote for Internet User Experience 2011.

Statistics

Views

Total Views
2,764
Views on SlideShare
2,717
Embed Views
47

Actions

Likes
9
Downloads
62
Comments
1

4 Embeds 47

http://paper.li 40
http://us-w1.rockmelt.com 3
http://a0.twimg.com 2
http://semanticstudios.com 2

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

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

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • what is this?
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Ubiquitous IA Ubiquitous IA Presentation Transcript

    • 1
      Ubiquitous IACross-Channel Strategy
      Peter Morville, IUE 2011
    • 2
    • 3
    • 4
    • 5
      #dtdt
    • 6
      Architecture
      Design
      Technology
      Information Architecture: It’s What You Do First.
    • 7
      Polar Bear IA
      in•for•ma•tion ar•chi•tec•turen.
      • The structural design of shared information environments.
      • The combination of organization, labeling, search, and navigation systems in web sites and intranets.
      • The art and science of shaping information products and experiences to support usability and findability.
      • An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape.
    • 8
    • 9
      On the Web, the signis the path, the map is the territory.
    • 10
      S
      T
      R
      U
      C
      T
      U
      R
      E
      STRATEGY
      IA
      What architects do
      for buildings, we do for…
    • 11
      Framing
      Classic Information Architecture (Polar Bear).
      Web Strategy (Web, Mobile, Social).
      Cross-Channel Strategy (Physical, Digital).
      Ubiquitous IA (Intertwingularity).
      .
    • 12
      The Library of Congress
      “To further the progress of knowledge and creativity.”.
    • Fragmentation
      Fragmentation into multiple sites, domains, and identities is clearly a major problem. Users don’t know which site to visit for which purpose.
      Findability
      Users can’t find what they need from the home page, but most users don’t come through the front door. They enter via a web search or a deep link, and are confused by what they find. Even worse, most never use the Library, because its resources aren’t easily findable.
    • 14
      Visual Thinking Unwritten Rule #1
      “Whoever best describes a problem is the person most likely to solve the problem.
      …or, whoever draws the best picture gets the funding.”
    • 15
      Web Strategy
      One Library
      Core Areas
      Network Intelligence
    • 16
    • 17
      Search is a Complex, Adaptive System
      Source: Search Patterns (2010)
    • 18
      Wireframes
      Interfaces
      • Portal
      • Search
      • Object
      • Set
      • Page
      Caveats
      • Visual Design
      • Starting Point
    • 19
    • 20
    • 21
    • 22
      Desire Paths
    • 23
    • 24
    • 25
    • 26
      Modes of Information Seeking
      Marcia Bates, UCLA (2002)
      “We absorb perhaps 80 percent of all our knowledge through simply being aware in our social context and physical environment.”
    • 27
    • 28
      “Information is blurring the lines between products and services to create multi-channel, cross-platform, trans-media, physico-digital user experiences.” Peter Morville
      “People keep pretending they can make things deeply hierarchical, categorizable, and sequential when they can’t. Everything is deeply intertwingled.” Ted Nelson
    • 29
      World’s Best Information Architect
      Source: Subject to Change (2008)
    • 31
    • 32
      Desktop
      Mobile
      Kiosk
    • 33
      Touchpoint Taxonomy
    • 34
      Design Principles
      Design Principles
    • 35
      Cross-Channel Strategy
      Composition multi- or cross-channel; mix of platforms, devices, media; coherence
      Consistency brand, features, organization, interaction
      balanced against value of optimization
      Connection links, tags, signs, maps; call to action
      Continuity bookmark, resume playback, flow
      Context personal, social, location, time, task
      Conflict identify/resolve, org chart, free-riding
      http://findability.org/archives/000652.php
    • 36
      Adapted from Cross-Platform Service User Experience
      portal.acm.org/citation.cfm?id=1851637
    • 37
      Craft beautiful designs that deliver a quality experience
      to your users no matter how large (or small) their display.
      Fluid Grids
      Flexible Images
      Media Queries
    • 38
    • 39
      Why Separate Mobile & Desktop Web Pages at Bagcheck?
      With a dual template system, we were able to optimize:
      Source Order
      Media (Speed, Quality, Interaction)
      URL Structure
      Application Design
      Navigation at Top
      Navigation at Bottom
    • 40
      Why Separate Mobile & Desktop Web Pages at Bagcheck?
      With a dual template system, we were able to optimize:
      Source Order
      Media (Speed, Quality, Interaction)
      URL Structure
      Application Design
      Embedded Video
      Thumbnail
      (few pixels / detail)
    • 41
      Why Separate Mobile & Desktop Web Pages at Bagcheck?
      With a dual template system, we were able to optimize:
      Source Order
      Media (Speed, Quality, Interaction)
      URL Structure
      Application Design
      One Page
      (with modules)
      Four Pages
      (mobile-only URLs)
    • 42
      Why Separate Mobile & Desktop Web Pages at Bagcheck?
      With a dual template system, we were able to optimize:
      Source Order
      Media (Speed, Quality, Interaction)
      URL Structure
      Application Design
      Modal Dialog
      Barcode Scan
    • 43
      To make the right decisions about composition and
      consistency, you need a cross-channel strategy.
    • 44
      Design for Connection
    • 45
      Over 50% of REI online business is picked up in a store.
    • 46
    • 47
    • Barcode
      Identifies a Product (e.g. Kellogg’s Frosted Flakes 14 oz.)
      QR Code
      Initiates a Response (e.g., URL, Message, Phone, SMS, Email)
      48
    • 50
      Price Check
      Product Detail
      Endless Aisle
    • 51
      Continuity
    • 52
      Conflict
    • 53
      Context
    • 54
      Source: Mobile First (2011) by Luke Wroblewski
    • 55
      Sensors
      • Location (GPS)
      • Orientation (Compass)
      • Motion (Accelerometer)
      • Orientation/Motion (Gyroscope)
      • Touch (Multi-Touch, Gestural)
      • Light (Ambient)
      • Proximity
      • Device (Bluetooth)
      • Audio (Microphone)
      • Image/Video (Camera)
      • RFID (Soon)
    • 56
    • 57
    • 58
      “After a half-hour, a three-tone alert sounds…If the bottle still has not been opened, the system makes an automated reminder phone call to the patient or a caregiver. The GlowCap system compiles adherence data which anyone can be authorized to track. That way the doctor can make sure Gramps stays on his meds.”
    • 59
      BrainPort
      Camera in glasses captures video.
      Image recreated on grid of 400 electrodes.
      User feels the shape on the tongue.
      Brain learns to see through the tongue.
    • Marathon
      60
      Cross-Channel
      We must leave our
      comfort zones, cross-train,
      and collaborate.
      Triathlon
    • 61
    • 62
    • 63
      Source:delightability.com
    • 64
    • 65
      Ubiquitous IA
      http://iainstitute.org/
      http://worldiaday.org/ February 11, 2012 in 14 cities
      http://iasummit.org/ March 21-25, 2012 in New Orleans, USA
      euroia.org/ September 27-29, 2012 in Rome, Italy
      http://semanticstudios.com/publications/semantics/
      http://rosenfeldmedia.com/uxzeitgeist/topics/information-architecture/
    • 66
      reFraming
      Classic Information Architecture(Polar Bear).
      Web Strategy (Web, Mobile, Social).
      Cross-Channel Strategy (Physical, Digital).
      Intertwingularity (Ubiquitous, Ambient).
    • 67
    • 68
      IA Therefore I Am
      Peter Morville
      morville@semanticstudios.com
      Search Patterns
      http://searchpatterns.org/
      Semantic Studios
      http://semanticstudios.com/
      Blog
      http://findability.org/