1011q1 design for mobile les 3   patterns for mobile
Upcoming SlideShare
Loading in...5
×
 

1011q1 design for mobile les 3 patterns for mobile

on

  • 1,559 views

 

Statistics

Views

Total Views
1,559
Views on SlideShare
940
Embed Views
619

Actions

Likes
0
Downloads
23
Comments
0

4 Embeds 619

http://vakgroep.cmd.hro.nl 610
http://vakgroep.cmi.hro.nl 5
http://www.vakgroep.cmd.hro.nl 2
http://cmdraoul.blogspot.com 2

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

1011q1 design for mobile les 3   patterns for mobile 1011q1 design for mobile les 3 patterns for mobile Presentation Transcript

  • Design for mobile
    Les 3: mobile patterns
  • 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
    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.
    Nielsen, Jakob (2009). Mobile Usability. http://www.useit.com/alertbox/mobile-usability.html
  • 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 belangrijksteknelpuntenvoorgebruikers van mobiele websites:*
    Kleineschermen
    Moeizame (tekst)invoer
    Trageverbindingen
    Interactieontworpenvoorreguliere browsers
    Mobile patterns zullendusvooraloplossingenmoetenbiedenvoordezeknelpunten
    *Uit: http://www.useit.com/alertbox/mobile-usability.html
  • Interactieknelpunten
    De belangrijksteknelpuntenvoorgebruikers van mobiele websites:*
    Kleineschermen
    Moeizame (tekst)invoer
    Trageverbindingen
    Interactieontworpenvoorreguliere browsers
    Mobile patterns zullendusvooraloplossingenmoetenbiedenvoordezeknelpunten
    *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: 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.
  • Interactieknelpunten
    De belangrijksteknelpuntenvoorgebruikers van mobiele websites:*
    Kleineschermen
    Moeizame (tekst)invoer
    Trageverbindingen
    Interactieontworpenvoorreguliere browsers
    Mobile patterns zullendusvooraloplossingenmoetenbiedenvoordezeknelpunten
    *Uit: http://www.useit.com/alertbox/mobile-usability.html
  • 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
    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.
  • Moeizame (tekst)invoer
    Maarals je kijktnaar de hoeveelheidtekst die elke dag op mobieltjeswordtgeproduceerd (cijfersuit VS*):
    • 4,1 miljardsmsjes per dag
    • 1 op 3 tienersverzendtmeerdan 100 smsjes per dag, zo’n 3000 smsjes per maand
    • Zo’n 72% volwassenenverstuurtregelmatigeensms
    • 54% tienerssmstdagelijks
    • 61% van de smartphonegebruikersstuurt en/of ontvangtdagelijkssmsjes
    Hoe moeilijkkan de invoer van tekst op mobieldanzijn???
    * http://www.lukew.com/ff/entry.asp?1187/