Your SlideShare is downloading. ×
0
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Iad2 0910 Q1 Hoorcollege 1
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Iad2 0910 Q1 Hoorcollege 1

524

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
524
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Hoorcollege 1 IAD2 0910Q1<br />Ontwerpenvoormobiele interfaces<br />
  • 2. Bronnen<br />Nieuwemodulepagina IAD2:<br />http://vakgroep.cmd.hro.nl/iad/iad2_0910q1/<br />
  • 3. Nou ja, het scherm is gewoon wat kleiner…<br />
  • 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. ‘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. ‘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. Verbonden met…<br />
  • 8. Variaties target hardware<br />
  • 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. 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. ‘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. Belangrijksteknelpuntenmobielebruikbaarheid<br />Klein scherm<br />Lastigeinvoer (vooraltekst)<br />Langzameverbinding<br />Ongeschikte sites<br />Uit: http://www.useit.com/alertbox/mobile-usability.html<br />
  • 13. Schermen<br />Resolutie<br />Pitch (dpi, pixelgrootte)<br />Ook spraak als output modaliteit<br />
  • 14. Gestural Interfaces<br />Touchscreen vs. Free-form <br />
  • 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. 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. 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. Designing Touch Targets<br />But even spaciously sized targets can be tricky…<br />
  • 19. Patterns for Touchscreens and Interactive Surfaces<br />Tap to open/activate<br />
  • 20. Patterns for Touchscreens and Interactive Surfaces<br />Tap to select<br />
  • 21. Patterns for Touchscreens and Interactive Surfaces<br />Drag to move object<br />
  • 22. Patterns for Touchscreens and Interactive Surfaces<br />Slide to scroll<br />
  • 23. Patterns for Touchscreens and Interactive Surfaces<br />Spin to scroll<br />
  • 24. Patterns for Touchscreens and Interactive Surfaces<br />Pinch to shrink and spread to enlarge<br />
  • 25. Patterns for Free-Form Interactive Gestures<br />Proximity activates/deactivates<br />
  • 26. Patterns for Free-Form Interactive Gestures<br />Point to select/activate<br />
  • 27. Patterns for Free-Form Interactive Gestures<br />Rotate to change state<br />
  • 28. Patterns for Free-Form Interactive Gestures<br />Shake to change<br />
  • 29. Patterns for Free-Form Interactive Gestures<br />Tilt to move<br />
  • 30. Interesting demos<br />

×