• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Iad2 0910 Q1 Les 4 Patterns For Mobile
 

Iad2 0910 Q1 Les 4 Patterns For Mobile

on

  • 758 views

 

Statistics

Views

Total Views
758
Views on SlideShare
705
Embed Views
53

Actions

Likes
0
Downloads
7
Comments
0

2 Embeds 53

http://vakgroep.cmd.hro.nl 52
http://vakgroep.cmi.hro.nl 1

Accessibility

Categories

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Iad2 0910 Q1 Les 4 Patterns For Mobile Iad2 0910 Q1 Les 4 Patterns For Mobile Presentation Transcript

    • Ontwerpenvoormobiel: mobile patterns
      Interaction design 2, 2009-2010, kwartaal 1
    • Interaction design patterns
      Patterns zijnontwerpoplossingen die zichbewezenhebben
      Patterns wordengedocumenteerd in pattern collecties
      Vele pattern collectiesbevattenook mobile patterns
      Vele patterns zijnooktoepasbaar op het mobiele platform (maarsommigejuistookweerniet)
    • Bronnenvoor mobile patterns
      Boeken:
      Tidwell, Jenifer. (2006). Designing Interfaces: Patterns for Effective Interaction Design. O`Reilly Media.
      Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices. Sebastopol, CA: O’Reilly & Associates, Inc.
    • Bronnenvoor mobile patterns
      Internet:
      http://designinginterfaces.com/
      http://www.welie.com/patterns/index.php
      http://developer.yahoo.com/ypatterns/
      http://patterns.design4mobile.com/
    • Interactieknelpunten
      De belangrijksteknelpuntenvoorwebgebruikersbijmobieleinteractie*
      Kleineschermen
      Moeizame (tekst)invoer
      Trageverbindingen
      Interactieontworpenvoorreguliere browsers
      Mobile patterns zullendusvooraldezeknelpuntenaanpakken
      *Uit: http://www.useit.com/alertbox/mobile-usability.html
    • Kleineschermen: indelen van content
      One window drilldown
      Extras on demand
      Uit: http://designinginterfaces.com/
    • Kleineschermen: navigeren
      Hub and spoke
      Pyramid
      Uit: http://designinginterfaces.com/
    • Kleineschermen: page layout (pagination)
      Card stack
      Closable panels
      Uit: http://designinginterfaces.com/
    • Kleineschermen: page layout (pagination)
      Slide to scroll
      Fling to scroll
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
    • Kleineschermen: page layout (pagination)
      Spin to scroll
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
    • Kleineschermen: informatiepresenteren
      Local zooming
      New-item row
      Uit: http://designinginterfaces.com/
    • Kleineschermen: informatiepresenteren
      Pinch to shrink and spread to enlarge
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
    • Kleineschermen: informatiepresenteren
      Rotate to change state
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
    • Moeizame (tekst)invoer
      Autocompletion
      *Uit: http://designinginterfaces.com/
    • Moeizame (tekst)invoer
      Illustrated choices
      *Uit: http://designinginterfaces.com/
    • Moeizame (tekst)invoer
      Tap to open/activate
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
    • Moeizame (tekst)invoer
      Point to select/activate
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
    • Moeizame (tekst)invoer
      Tap to select
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
    • Moeizame (tekst)invoer
      Drag to move object
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
    • Moeizame (tekst)invoer
      Proximity activates/deactivates
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
    • Moeizame (tekst)invoer
      Shake to change
      Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.