Iad2 0910 Q1 Les 4 Patterns For Mobile

  • 363 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
363
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
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.