• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Iad2 0910 Q1 Hoorcollege 1
 

Iad2 0910 Q1 Hoorcollege 1

on

  • 819 views

 

Statistics

Views

Total Views
819
Views on SlideShare
817
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 Iad2 0910 Q1 Hoorcollege 1 Presentation Transcript

    • Hoorcollege 1 IAD2 0910Q1
      Ontwerpenvoormobiele interfaces
    • Bronnen
      Nieuwemodulepagina IAD2:
      http://vakgroep.cmd.hro.nl/iad/iad2_0910q1/
    • Nou ja, het scherm is gewoon wat kleiner…
    • ‘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
    • ‘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’
    • ‘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
    • Verbonden met…
    • Variaties target hardware
    • Input devices
      Touch screen
      Pointingdevice (joystick)
      Keyboard (numeriek, alphanumeriek)
      Soft keys
      Dedicatedbuttons
      Camera
      Voice
      GPS
      Kompas
      Nabijheid sensor (iPhone)
      Oriëntatie sensor
    • Indelingmobiele ‘user experience’ volgens Nielsen
      Vooralgebaseerd op schermgrootte
      ‘Feature phones’
      ‘Smart phones’
      ‘Touch-screen phones’
      Hoe groter het scherm, hoe beter de bruikbaarheid
    • ‘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
    • Belangrijksteknelpuntenmobielebruikbaarheid
      Klein scherm
      Lastigeinvoer (vooraltekst)
      Langzameverbinding
      Ongeschikte sites
      Uit: http://www.useit.com/alertbox/mobile-usability.html
    • Schermen
      Resolutie
      Pitch (dpi, pixelgrootte)
      Ook spraak als output modaliteit
    • Gestural Interfaces
      Touchscreen vs. Free-form
    • 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)
    • Ergonomics of Interactive Gestures
      Limitations due to anatomy, physiology and mechanics of the human body (kinesiology)
      Left-handedness (7-10%)
      Fingernails
      Screen Coverage
    • Designing Touch Targets
      No smaller than 1x1cm in an ideal world
      In a not so ideal world:
      Iceberg Tips
      Adaptive Targets
    • Designing Touch Targets
      But even spaciously sized targets can be tricky…
    • Patterns for Touchscreens and Interactive Surfaces
      Tap to open/activate
    • Patterns for Touchscreens and Interactive Surfaces
      Tap to select
    • Patterns for Touchscreens and Interactive Surfaces
      Drag to move object
    • Patterns for Touchscreens and Interactive Surfaces
      Slide to scroll
    • Patterns for Touchscreens and Interactive Surfaces
      Spin to scroll
    • Patterns for Touchscreens and Interactive Surfaces
      Pinch to shrink and spread to enlarge
    • Patterns for Free-Form Interactive Gestures
      Proximity activates/deactivates
    • Patterns for Free-Form Interactive Gestures
      Point to select/activate
    • Patterns for Free-Form Interactive Gestures
      Rotate to change state
    • Patterns for Free-Form Interactive Gestures
      Shake to change
    • Patterns for Free-Form Interactive Gestures
      Tilt to move
    • Interesting demos