Iad2 0910 Q1 Les 4 Patterns For Mobile

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

Kleineschermen: page layout (pagination)
Card stack
Closable panels

Slide to scroll
Fling to scroll
Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Spin to scroll

Kleineschermen: informatiepresenteren
Local zooming
New-item row

Pinch to shrink and spread to enlarge

Rotate to change state

Autocompletion
*Uit: http://designinginterfaces.com/

Illustrated choices
*Uit: http://designinginterfaces.com/

Tap to open/activate

Point to select/activate