Your SlideShare is downloading. ×
0
Hoorcollege 1 IAD2 0910Q1<br />Ontwerpenvoormobiele interfaces<br />
Bronnen<br />Nieuwemodulepagina IAD2:<br />http://vakgroep.cmd.hro.nl/iad/iad2_0910q1/<br />
Nou ja, het scherm is gewoon wat kleiner…<br />
‘PersonalCommunicationDevices’<br />Persoonlijk, gericht op één identificeerbaar persoon<br />Communicatief, gebruikt voor...
‘The Carry Principle’<br />De gevolgen voor het apparaat:<br />Vorm: klein, draadloos, op batterijen<br />Features: alles ...
‘The Carry Principle’<br />De gevolgen voor het gebruikscenario:<br />Beschikbaarheid: gebruikers zijn altijd beschikbaar ...
Verbonden met…<br />
Variaties target hardware<br />
Input devices<br />Touch screen<br />Pointingdevice (joystick)<br />Keyboard (numeriek, alphanumeriek)<br />Soft keys<br /...
Indelingmobiele  ‘user experience’ volgens Nielsen<br />Vooralgebaseerd op schermgrootte<br />‘Feature phones’<br />‘Smart...
‘Mobile User Experience’ volgens Nielsen<br />The Mobile User Experience Is Miserable<br />Mobile Web 2009 = Desktop Web 1...
Belangrijksteknelpuntenmobielebruikbaarheid<br />Klein scherm<br />Lastigeinvoer (vooraltekst)<br />Langzameverbinding<br ...
Schermen<br />Resolutie<br />Pitch (dpi, pixelgrootte)<br />Ook spraak als output modaliteit<br />
Gestural Interfaces<br />Touchscreen vs. Free-form <br />
Ergonomics of Interactive Gestures<br />&quot;Hands are underrated. Eyes are in charge, mind gets all the study, and heads...
Ergonomics of Interactive Gestures<br />Limitations due to anatomy, physiology and mechanics of the human body (kinesiolog...
Designing Touch Targets<br />No smaller than 1x1cm in an ideal world<br />In a not so ideal world:<br />Iceberg Tips<br />...
Designing Touch Targets<br />But even spaciously sized targets can be tricky…<br />
Patterns for Touchscreens and Interactive Surfaces<br />Tap to open/activate<br />
Patterns for Touchscreens and Interactive Surfaces<br />Tap to select<br />
Patterns for Touchscreens and Interactive Surfaces<br />Drag to move object<br />
Patterns for Touchscreens and Interactive Surfaces<br />Slide to scroll<br />
Patterns for Touchscreens and Interactive Surfaces<br />Spin to scroll<br />
Patterns for Touchscreens and Interactive Surfaces<br />Pinch to shrink and spread to enlarge<br />
Patterns for Free-Form Interactive Gestures<br />Proximity activates/deactivates<br />
Patterns for Free-Form Interactive Gestures<br />Point to select/activate<br />
Patterns for Free-Form Interactive Gestures<br />Rotate to change state<br />
Patterns for Free-Form Interactive Gestures<br />Shake to change<br />
Patterns for Free-Form Interactive Gestures<br />Tilt to move<br />
Interesting demos<br />
Upcoming SlideShare
Loading in...5
×

Iad2 0910 Q1 Hoorcollege 1

528

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
528
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Iad2 0910 Q1 Hoorcollege 1"

  1. 1. Hoorcollege 1 IAD2 0910Q1<br />Ontwerpenvoormobiele interfaces<br />
  2. 2. Bronnen<br />Nieuwemodulepagina IAD2:<br />http://vakgroep.cmd.hro.nl/iad/iad2_0910q1/<br />
  3. 3. Nou ja, het scherm is gewoon wat kleiner…<br />
  4. 4. ‘PersonalCommunicationDevices’<br />Persoonlijk, gericht op één identificeerbaar persoon<br />Communicatief, gebruikt voor communicatie en verbonden met een netwerk op verschillende manieren<br />Handheld, draagbaar en te bedienen met één hand<br />Direct wakker te maken door gebruiker of netwerk<br />
  5. 5. ‘The Carry Principle’<br />De gevolgen voor het apparaat:<br />Vorm: klein, draadloos, op batterijen<br />Features: alles in één functionaliteit<br />Capaciteiten: altijd een fractie van desktop computers<br />User interface: singlewindow interface (transientposture)<br />Proliferatie: geen ‘onesize fits all’<br />
  6. 6. ‘The Carry Principle’<br />De gevolgen voor het gebruikscenario:<br />Beschikbaarheid: gebruikers zijn altijd beschikbaar voor interactie<br />Beperkte aandacht: gebruikers zijn veelal met meer bezig dan interactie <br />Veranderend sociaal gedrag: gebruikers raken minder betrokken bij directe omgeving en blijven meer ‘op afstand’ betrokken<br />
  7. 7. Verbonden met…<br />
  8. 8. Variaties target hardware<br />
  9. 9. Input devices<br />Touch screen<br />Pointingdevice (joystick)<br />Keyboard (numeriek, alphanumeriek)<br />Soft keys<br />Dedicatedbuttons<br />Camera<br />Voice<br />GPS<br />Kompas<br />Nabijheid sensor (iPhone)<br />Oriëntatie sensor<br />
  10. 10. Indelingmobiele ‘user experience’ volgens Nielsen<br />Vooralgebaseerd op schermgrootte<br />‘Feature phones’<br />‘Smart phones’<br />‘Touch-screen phones’<br />Hoe groter het scherm, hoe beter de bruikbaarheid<br />
  11. 11. ‘Mobile User Experience’ volgens Nielsen<br />The Mobile User Experience Is Miserable<br />Mobile Web 2009 = Desktop Web 1998<br />Uit: http://www.useit.com/alertbox/mobile-usability.html<br />
  12. 12. Belangrijksteknelpuntenmobielebruikbaarheid<br />Klein scherm<br />Lastigeinvoer (vooraltekst)<br />Langzameverbinding<br />Ongeschikte sites<br />Uit: http://www.useit.com/alertbox/mobile-usability.html<br />
  13. 13. Schermen<br />Resolutie<br />Pitch (dpi, pixelgrootte)<br />Ook spraak als output modaliteit<br />
  14. 14. Gestural Interfaces<br />Touchscreen vs. Free-form <br />
  15. 15. Ergonomics of Interactive Gestures<br />&quot;Hands are underrated. Eyes are in charge, mind gets all the study, and heads do all the talking. Hands type letters, push mice around, and grip steering wheels, so they are not idle, just underemployed.&quot;<br />—Malcolm McCullough, Abstracting Craft<br />(from: Saffer, 2009)<br />
  16. 16. Ergonomics of Interactive Gestures<br />Limitations due to anatomy, physiology and mechanics of the human body (kinesiology)<br />Left-handedness (7-10%)<br />Fingernails<br />Screen Coverage<br />
  17. 17. Designing Touch Targets<br />No smaller than 1x1cm in an ideal world<br />In a not so ideal world:<br />Iceberg Tips<br />Adaptive Targets<br />
  18. 18. Designing Touch Targets<br />But even spaciously sized targets can be tricky…<br />
  19. 19. Patterns for Touchscreens and Interactive Surfaces<br />Tap to open/activate<br />
  20. 20. Patterns for Touchscreens and Interactive Surfaces<br />Tap to select<br />
  21. 21. Patterns for Touchscreens and Interactive Surfaces<br />Drag to move object<br />
  22. 22. Patterns for Touchscreens and Interactive Surfaces<br />Slide to scroll<br />
  23. 23. Patterns for Touchscreens and Interactive Surfaces<br />Spin to scroll<br />
  24. 24. Patterns for Touchscreens and Interactive Surfaces<br />Pinch to shrink and spread to enlarge<br />
  25. 25. Patterns for Free-Form Interactive Gestures<br />Proximity activates/deactivates<br />
  26. 26. Patterns for Free-Form Interactive Gestures<br />Point to select/activate<br />
  27. 27. Patterns for Free-Form Interactive Gestures<br />Rotate to change state<br />
  28. 28. Patterns for Free-Form Interactive Gestures<br />Shake to change<br />
  29. 29. Patterns for Free-Form Interactive Gestures<br />Tilt to move<br />
  30. 30. Interesting demos<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×