Mr. Potato Head Mr. Potato Head Human-Computer Interaction Project 2004 by: Dory Azar André Cloutier Danny Castonguay Wadih Maalouf.

Slides:



Advertisements
Similar presentations
Structured Design The Structured Design Approach (also called Layered Approach) focuses on the conceptual and physical level. As discussed earlier: Conceptual.
Advertisements

Chapter 11 Designing the User Interface
An Iterative Approach to Interface Design April 8 th, 2004 Bartini.
Digital da Vinci Presented by: Navin Harjani Sikander Morad Christopher Sun.
What’s New in Blackboard 9.1 SP 11.  Blackboard 9.1 SP11 takes Blackboard closer to the cloud and introduces a modernized user interface more in line.
Don Norman Worked for industry (Apple) Professor First published in 1988 Does not focus on computer interfaces Coined: user-centered design Goal: Motivate.
GUI Testing. High level System Testing Test only those scenarios and outputs that are observable by the user Event-driven Interactive Two parts to test.
Spring /6.831 User Interface Design and Implementation1 Lecture 1: Usability.
Ch. 6 Web Page Design – Absolute Positioning, Image Maps, and Navigation Bars Mr. Ursone.
An online photo browsing system Carrie Burgener Andrea Nelson Scott Fisher Mike Wooldridge
Interactive Piano Teacher Design Review Ted, Abe, Michael, Chris, Tina, May.
Adobe Photoshop 6 Advanced Level Course. Easy Fixes Photoshop is the best tool to fix old, torn and faded photographs, and can fix almost all flaws in.
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
Chapter 13: Designing the User Interface
Chapter 14 Designing the User Interface
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
People: Usability COMP 101 November 12, 2014 Carolyn Seaman Amanda Mancuso Susan Martin University of Maryland Baltimore County.
Principles of User Centred Design Howell Istance.
I Didn’t Know You Could Do That in Articulate Quizmaker! Debbie Richards Creative Interactive Ideas Samples and Resources:
Design for Interaction Rui Filipe Antunes
AGENDA Introduction to Virtual Mechanic Demo Architectural diagram and summary QA steps and user acceptance testing Bugs in the software Feedback from.
Lesson 1 What is Camtasia?. Lesson 2 Editing Objectives After completing the lesson, the student will be able to: Edit a basic recording Camtasia file.
User Interface Design Session 11- LBSC 790 / INFM 718B Building the Human-Computer Interface Cartoon removed.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Kidz Korner A Gesture-Based Immersive Environment Geneviève Bertrand Jonathan Gravel-Guérin Patricia Pinard Tuesday April 6, 2004.
Standard Grade Presentations & Multimedia. Presentation & Multimedia Software Allows the user to set up exciting and attractive documents which helps.
1 Welcome to the world of EZ-Mail should be for Everyone… Including your Grandmother!!!
Building Minds an after school tutoring company for preschool and elementary aged children Team Ron Kennedy, Christie Robbins, Joel Touchet Sponsor: Sheila.
Laser Harp 2002 Introduction: Purpose and Scope Electronic musical toy, not an instrument Uses laser beams instead of strings Teaching capability.
Evaluation of User Interface Design 4. Predictive Evaluation continued Different kinds of predictive evaluation: 1.Inspection methods 2.Usage simulations.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
Learning Unity. Getting Unity
Virti-Cue Production Task Project Proposal and Storyboard.
1. Go to and click Log in or Sign up. Bonnie Addison 8/29/11.
MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami.
1 Perception and VR MONT 104S, Fall 2008 Lecture 21 More Graphics for VR.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Usability 1 Usability evaluation Without users - analytical techniques With users - survey and observational techniques.
1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst.
The Emotion Quiz Cecelia Redding Erika Zimmermann Jeff Crowe Torben Eisler.
HCI Mini-Presentation M.A.C.S. Project Human Computer Interaction By Jeremy Cooperstock McGill University.
AirRacquet System Team Innovation Bjoern Doering Jonah Peranson Ali-Akber Saifee Wendy Wang.
The first thing you need to do is log in. This is what the “Log In Screen” looks like. Remember to get teacher permission and login information prior.
Reuse text and other document parts: Introducing building blocks Swap, format, and remove building blocks You’ve added a cover page to your document. What.
Chapter 2 – The Little Crab Program:. Little Crab Scenario Inheritance: The Arrows Denote Hierarchy Crab is an Animal Animal is an Actor Therefore, It.
LOOKOUT GPS TRACKER BY : PENYU NELANG. WHAT IS LOOKOUT ? We proposed this device to cope the kidnapped problems that become a rampant issues these days.
{ Power Point and Text Working with Text Boxes and Formatting Text.
Choreography Assistant Human Computer Interaction - April 6, 2004 Choreography Assistant.
Usability Engineering Dr. Dania Bilal IS 587 Fall 2007.
AFTER THE QUIZ: ANALYSIS TOOLS, MODERATING & QUIZ LOGGING Professional Development February 4, 2016.
UI Requirements and Design Material in part from Marty Stepp and Valentine Razmov, past 403 classes. CSE 403, Spring 2008.
Desktop Publishing Lesson 1 — Working with Documents.
App2Talk Tutorial App2Talk Tutorial.
Click through this presentation at your own pace.
Digital media & interaction design
Evaluation Techniques 1
Laurens Bolle Melvin Hulsmans Koen Theijs
Lesson 1: Buttons and Events – 12/18
Programming Logic Alice.
File Stream and Team Drives
Communication Disability
First form of our mobile application:
NightOwl Medium-Fi Prototype
Med-Fi Prototype Presentation
Learning How to Create an Online Interactive Poster using
To be able to create my first advert, I needed an image to go along of the bottom of my advert. I decided to use an image that match the colours on my.
Polytone Convey volume and emotion through text. By: A Team
Presentation transcript:

Mr. Potato Head Mr. Potato Head Human-Computer Interaction Project 2004 by: Dory Azar André Cloutier Danny Castonguay Wadih Maalouf

Mr. Potato Head: Mr. Potato Head: - “Gesture-based” game designed for the shared reality environment - Children ages: 4 to 6 years old Design Goals:- Design Goals: - Hand-eye coordination - I - Introduce children to computers - Entertainment (it’s a game!)

Real Mr. Potato Head Java Applet “Mr. Potato Head”

Learnability: Learnability: Children should be able to learn how to pick, drag and drop in less than a minute Affordance: Affordance: A child new to the system should attempt to drag the camera, reset button and trash can no more than 2-3 times Feedback: Feedback: Fewer than 5% of children should click the camera button multiple times due to uncertainties as to what it does and whether or not it worked

Children can’t read Clear/Reset buttons confusing Garbage can function unclear

Changes with respect to paper prototype feedback: Removal of Clear button: the one that clears the workspace Replacement of “Reset” text button by a button showing an unused potato Garbage can appears only when picture is taken

Strengths: Operations supported by the system are clearly visible Good use of audio feedback Interface is clear, simple, and well organizedWeaknesses: Clear button still not easy to understand Confusing button colors Garbage can function still not clear No help or documentation

Changes made with respect to Kidz Corner Comments: Clear button picture changed Button colors changed Garbage can lid opens when an image is selected Addition of Potato Helper Addition of a sample Potato Head for children to imitate

Strengths: Once again interface is clear and simple Good animation for the garbage canWeaknesses: Potato Helper and Sample Potato are confusing Many functions are still not implemented Clear button picture not understood Audio error messages should be added

Resolution of previously detected problems: Potato Helper Clear button Removal of Sample Potato Animation added for trashcan Tutorial feature added Audio error messages added Final Implementation Decision: Use of Java

Error prevention measures added and feedback: Shadow when object is picked up An “X” appears when moved to an illegal area In the cave: Gestures have been mapped Selection in X coordinate worked fine

Design Techniques: Early focus on user population Iterative design HCI Principles followed: Visibility Visibility Feedback Help and Documentation