Your SlideShare is downloading. ×
0
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3   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

1011q1 design for mobile les 3 patterns for mobile

631

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
631
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
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. Design for mobile<br />Les 3: mobile patterns<br />
  2. Interaction design patterns<br />Patterns zijnontwerpoplossingen die zichbewezenhebben<br />Patterns wordengedocumenteerd in pattern collecties<br />Vele pattern collectiesbevattenook mobile patterns<br />Vele patterns zijnooktoepasbaar op het mobiele platform (maarsommigejuistookweerniet)<br />
  3. Bronnenvoor mobile patterns<br />Tidwell, Jenifer. (2006). Designing Interfaces: Patterns for Effective Interaction Design. O`Reilly Media. <br />Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices. Sebastopol, CA: O’Reilly & Associates, Inc. <br />Nielsen, Jakob (2009). Mobile Usability. http://www.useit.com/alertbox/mobile-usability.html<br />
  4. Bronnenvoor mobile patterns<br />Internet:<br />http://designinginterfaces.com/<br />http://www.welie.com/patterns/index.php<br />http://developer.yahoo.com/ypatterns/<br />http://patterns.design4mobile.com/<br />
  5. Interactieknelpunten<br />De belangrijksteknelpuntenvoorgebruikers van mobiele websites:*<br />Kleineschermen<br />Moeizame (tekst)invoer<br />Trageverbindingen<br />Interactieontworpenvoorreguliere browsers<br />Mobile patterns zullendusvooraloplossingenmoetenbiedenvoordezeknelpunten<br />*Uit: http://www.useit.com/alertbox/mobile-usability.html<br />
  6. Interactieknelpunten<br />De belangrijksteknelpuntenvoorgebruikers van mobiele websites:* <br />Kleineschermen<br />Moeizame (tekst)invoer<br />Trageverbindingen<br />Interactieontworpenvoorreguliere browsers<br />Mobile patterns zullendusvooraloplossingenmoetenbiedenvoordezeknelpunten<br />*Uit: http://www.useit.com/alertbox/mobile-usability.html<br />
  7. Kleineschermen: indelen van content<br />One window drilldown<br />Extras on demand<br />Uit: http://designinginterfaces.com/<br />
  8. Kleineschermen: navigeren<br />Hub and spoke<br />Pyramid<br />Uit: http://designinginterfaces.com/<br />
  9. Kleineschermen: page layout (pagination)<br />Card stack<br />Closable panels<br />Uit: http://designinginterfaces.com/<br />
  10. Kleineschermen: page layout (pagination)<br />Slide to scroll<br />Fling to scroll<br />Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.<br />
  11. Kleineschermen: informatiepresenteren<br />Local zooming<br />New-item row<br />Uit: http://designinginterfaces.com/<br />
  12. Kleineschermen: informatiepresenteren<br />Pinch to shrink and spread to enlarge<br />Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.<br />
  13. Kleineschermen: informatiepresenteren<br />Rotate to change state<br />Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.<br />
  14. Interactieknelpunten<br />De belangrijksteknelpuntenvoorgebruikers van mobiele websites:* <br />Kleineschermen<br />Moeizame (tekst)invoer<br />Trageverbindingen<br />Interactieontworpenvoorreguliere browsers<br />Mobile patterns zullendusvooraloplossingenmoetenbiedenvoordezeknelpunten<br />*Uit: http://www.useit.com/alertbox/mobile-usability.html<br />
  15. Moeizame (tekst)invoer<br />Autocompletion<br />*Uit: http://designinginterfaces.com/<br />
  16. Moeizame (tekst)invoer<br />Illustrated choices<br />*Uit: http://designinginterfaces.com/<br />
  17. Moeizame (tekst)invoer<br />Tap to open/activate<br />Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.<br />
  18. Moeizame (tekst)invoer<br />Tap to select<br />Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.<br />
  19. Moeizame (tekst)invoer<br />Drag to move object<br />Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.<br />
  20. Moeizame (tekst)invoer<br />Proximity activates/deactivates<br />Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.<br />
  21. Moeizame (tekst)invoer<br />Shake to change<br />Uit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.<br />
  22. Moeizame (tekst)invoer<br />Maarals je kijktnaar de hoeveelheidtekst die elke dag op mobieltjeswordtgeproduceerd (cijfersuit VS*):<br /><ul><li>4,1 miljardsmsjes per dag
  23. 1 op 3 tienersverzendtmeerdan 100 smsjes per dag, zo’n 3000 smsjes per maand
  24. Zo’n 72% volwassenenverstuurtregelmatigeensms
  25. 54% tienerssmstdagelijks
  26. 61% van de smartphonegebruikersstuurt en/of ontvangtdagelijkssmsjes</li></ul>Hoe moeilijkkan de invoer van tekst op mobieldanzijn???<br />* http://www.lukew.com/ff/entry.asp?1187/<br />

×