• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
1011q1 design for mobile les 3   patterns for mobile
 

1011q1 design for mobile les 3 patterns for mobile

on

  • 1,548 views

 

Statistics

Views

Total Views
1,548
Views on SlideShare
929
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/