Your SlideShare is downloading. ×
0
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Iad2 0910 Q1 Les 4 Patterns For Mobile

387

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
387
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Ontwerpenvoormobiel: mobile patterns
    Interaction design 2, 2009-2010, kwartaal 1
  • 2. 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)
  • 3. 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.
  • 4. Bronnenvoor mobile patterns
    Internet:
    http://designinginterfaces.com/
    http://www.welie.com/patterns/index.php
    http://developer.yahoo.com/ypatterns/
    http://patterns.design4mobile.com/
  • 5. Interactieknelpunten
    De belangrijksteknelpuntenvoorwebgebruikersbijmobieleinteractie*
    Kleineschermen
    Moeizame (tekst)invoer
    Trageverbindingen
    Interactieontworpenvoorreguliere browsers
    Mobile patterns zullendusvooraldezeknelpuntenaanpakken
    *Uit: http://www.useit.com/alertbox/mobile-usability.html
  • 6. Kleineschermen: indelen van content
    One window drilldown
    Extras on demand
    Uit: http://designinginterfaces.com/
  • 7. Kleineschermen: navigeren
    Hub and spoke
    Pyramid
    Uit: http://designinginterfaces.com/
  • 8. Kleineschermen: page layout (pagination)
    Card stack
    Closable panels
    Uit: http://designinginterfaces.com/
  • 9. Kleineschermen: page layout (pagination)
    Slide to scroll
    Fling to scroll
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
  • 10. Kleineschermen: page layout (pagination)
    Spin to scroll
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
  • 11. Kleineschermen: informatiepresenteren
    Local zooming
    New-item row
    Uit: http://designinginterfaces.com/
  • 12. Kleineschermen: informatiepresenteren
    Pinch to shrink and spread to enlarge
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
  • 13. Kleineschermen: informatiepresenteren
    Rotate to change state
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
  • 14. Moeizame (tekst)invoer
    Autocompletion
    *Uit: http://designinginterfaces.com/
  • 15. Moeizame (tekst)invoer
    Illustrated choices
    *Uit: http://designinginterfaces.com/
  • 16. Moeizame (tekst)invoer
    Tap to open/activate
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
  • 17. Moeizame (tekst)invoer
    Point to select/activate
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
  • 18. Moeizame (tekst)invoer
    Tap to select
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
  • 19. Moeizame (tekst)invoer
    Drag to move object
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
  • 20. Moeizame (tekst)invoer
    Proximity activates/deactivates
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.
  • 21. Moeizame (tekst)invoer
    Shake to change
    Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

×