• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Mockups of dialog box designs for Children
 

Mockups of dialog box designs for Children

on

  • 602 views

Mockups of dialog boxes designed for children as part of my Master's thesis. More information can be found in the presentation ...

Mockups of dialog boxes designed for children as part of my Master's thesis. More information can be found in the presentation http://www.slideshare.net/mohanrajrm/designing-adaptive-interfaces-for-children Prototyping was done by modifying the open-source TuxPaint program (tuxpaint.org). More info http://www.cs.ubc.ca/~mohanr/

Statistics

Views

Total Views
602
Views on SlideShare
458
Embed Views
144

Actions

Likes
0
Downloads
0
Comments
0

3 Embeds 144

http://dl.dropbox.com 95
http://dl.dropboxusercontent.com 48
http://www.linkedin.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

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

    Mockups of dialog box designs for Children Mockups of dialog box designs for Children Presentation Transcript

    • One way informational dialogs Your picture has been Printed.Figure1. Call-outs that originate from the related icon. Non-modal. Disappears after n seconds.
    • One way informational dialogs Your picture has been Printed.Figure2. Call-outs that originate from the penguin in the help-section. Non-modal. Stays until replaced by another message.
    • Two way dialogs Save your picture first? No, Yes, Save it Don’t botherFigure3. Visually portraying the two way nature of dialogs involving two entities – computer and child.
    • Illustrating consequences Your Picture will be SAVED Save your picture first? No, Yes, Save it Don’t botherFigure4.1 Visually illustrating the consequences of the choices. Mouse pointer hovering over “Yes..”.
    • Illustrating consequences You will LOSE your picture Save your picture first? No, Yes, Save it Don’t botherFigure4.2 Visually illustrating the consequences of the choices. Mouse pointer hovering over “No..”.
    • Illustrating consequences No, Save your picture first? Yes, Save it Don’t botherFigure5. Visually illustrating the consequences of the choices. Static version – doesn’t animate on hover – information presented statically.
    • Layering information 1 4 Confirm Quit? x Confirm Quit? x Do you really want to Quit ? Do you really want to Quit ? Yes No Back Yes No Back 2 5 Confirm Quit? x Confirm Quit? x Do you really want to Quit ? Do you really want to Quit ? Yes No Back Yes No Back 3 6 Confirm Quit? x Confirm Quit? x Do you really want to Quit ? Do you really want to Quit ? Yes No Back Yes No BackFigure6. Gradually revealing/highlighting information to reduce cost of decision.