This document discusses interaction design patterns for mobile interfaces. Patterns are design solutions that have proven effective. There are many sources of mobile patterns, including books and websites. Key challenges for mobile interaction include small screens, difficult text input, and slow connections. Mobile patterns aim to address these challenges. Examples of patterns for small screens include card stacks for pagination and pinch to shrink/spread to enlarge for information presentation. Patterns for difficult text input include autocompletion and tap to select. The document lists sources for various mobile interaction patterns.

1. Ontwerpenvoormobiel: mobile patternsInteraction design 2, 2009-2010, kwartaal 1

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

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

5. InteractieknelpuntenDe belangrijksteknelpuntenvoorwebgebruikersbijmobieleinteractie*KleineschermenMoeizame (tekst)invoerTrageverbindingenInteractieontworpenvoorreguliere browsersMobile patterns zullendusvooraldezeknelpuntenaanpakken*Uit: http://www.useit.com/alertbox/mobile-usability.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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