1011q1 design for mobile les 3 patterns for mobile

Design for mobileLes 3: mobile patterns

Interaction design patternsPatterns zijnontwerpoplossingen die zichbewezenhebbenPatterns wordengedocumenteerd in pattern collectiesVele pattern collectiesbevattenook mobile patternsVele patterns zijnooktoepasbaar op het mobiele platform (maarsommigejuistookweerniet)

Bronnenvoor mobile patternsTidwell, 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 patternsInternet:http://designinginterfaces.com/http://www.welie.com/patterns/index.phphttp://developer.yahoo.com/ypatterns/http://patterns.design4mobile.com/

InteractieknelpuntenDe belangrijksteknelpuntenvoorgebruikers van mobiele websites:*KleineschermenMoeizame (tekst)invoerTrageverbindingenInteractieontworpenvoorreguliere browsersMobile patterns zullendusvooraloplossingenmoetenbiedenvoordezeknelpunten*Uit: http://www.useit.com/alertbox/mobile-usability.html

InteractieknelpuntenDe belangrijksteknelpuntenvoorgebruikers van mobiele websites:* KleineschermenMoeizame (tekst)invoerTrageverbindingenInteractieontworpenvoorreguliere browsersMobile patterns zullendusvooraloplossingenmoetenbiedenvoordezeknelpunten*Uit: http://www.useit.com/alertbox/mobile-usability.html

Kleineschermen: indelen van contentOne window drilldownExtras on demandUit: http://designinginterfaces.com/

Kleineschermen: navigerenHub and spokePyramidUit: http://designinginterfaces.com/

Kleineschermen: page layout (pagination)Card stackClosable panelsUit: http://designinginterfaces.com/

Kleineschermen: page layout (pagination)Slide to scrollFling to scrollUit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Kleineschermen: informatiepresenterenLocal zoomingNew-item rowUit: http://designinginterfaces.com/

Kleineschermen: informatiepresenterenPinch to shrink and spread to enlargeUit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Kleineschermen: informatiepresenterenRotate to change stateUit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Moeizame (tekst)invoerAutocompletion*Uit: http://designinginterfaces.com/

Moeizame (tekst)invoerIllustrated choices*Uit: http://designinginterfaces.com/

Moeizame (tekst)invoerTap to open/activateUit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Moeizame (tekst)invoerTap to selectUit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Moeizame (tekst)invoerDrag to move objectUit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Moeizame (tekst)invoerProximity activates/deactivatesUit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Moeizame (tekst)invoerShake to changeUit: Saffer, Dan. (2009). Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Moeizame (tekst)invoerMaarals je kijktnaar de hoeveelheidtekst die elke dag op mobieltjeswordtgeproduceerd (cijfersuit VS*):4,1 miljardsmsjes per dag

1011q1 design for mobile les 3 patterns for mobile

More Related Content

Viewers also liked (20)

Similar to 1011q1 design for mobile les 3 patterns for mobile (20)

More from Hans Kemp (20)

1011q1 design for mobile les 3 patterns for mobile