Iad2 0910 Q1 Hoorcollege 1
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Iad2 0910 Q1 Hoorcollege 1

on

  • 845 views

 

Statistics

Views

Total Views
845
Views on SlideShare
843
Embed Views
2

Actions

Likes
0
Downloads
4
Comments
0

1 Embed 2

http://www.slideshare.net 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

Iad2 0910 Q1 Hoorcollege 1 Presentation Transcript

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