Interactive Piano Teacher Design Review Ted, Abe, Michael, Chris, Tina, May.

Slides:



Advertisements
Similar presentations
Review for Vocabulary Section 5 Quiz. What is a computer program used for a specific task? Ex. Word processing software, slideshow software.
Advertisements

MS Access 2003 Tutorial By: Juan GUANTENG!!! Y7. Step 1 Launch the Microsoft Access 2003 program. This can be done by clicking an icon on the desktop.
Member FINRA/SIPCThursday, November 12, 2009 Resource Menu Changes - Report User Experience Study | Kevin Cornwall.
Non-ChangesImprovementsWalkthroughIntroduction 1 The Math Notebook Redefining Class Notes Laurin Beckhusen ● Christopher Chow ● Sean Gabriel Michael Jurka.
Skills: navigate the Paint.net user interface, and use the toolbox, tool settings and status lines, command menus, use the history, layer and color windows.
11 HCI - Lesson 5.1 Heuristic Inspection (Nielsen’s Heuristics) Prof. Garzotto.
PokerGuide Patrick Chi Dae-Ho Chung Toland Hon James Lovejoy James Liu James Zhang.
Part 4: Evaluation Days 25, 27, 29, 31 Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what,
AJ Brush Richard Anderson
Heuristic Evaluation. Sources for today’s lecture: Professor James Landay: stic-evaluation/heuristic-evaluation.ppt.
Evaluation Through Expert Analysis U U U
Heuristic Evaluation.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
S MART P HONE H EURISTICS 09 August H EURISTIC EVALUATION To analyze a user interface for conformance with recognized usability principles (heuristics).
Crazy Conductor Revolution NGUYEN DINH DUY KHEK REN YONG KENNY CHUA KIEN CHUAN HUANG JIN JERILYN LIU LINXI.
PART A Emac Lisp   Emac Lisp is a programming language  Emacs Lisp is a dialect.
Evaluate the Usability of a User Interface Tool or Toolkit Assignment 1 Assignment 1 Evaluate the Usability of a User Interface Tool or Toolkit T. H Ranasinghe.
1 SKODA-AUTO.CZ prototype evaluation Poznań, 23th of March 2015.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Heuristic evaluation IS 403: User Interface Design Shaun Kane.
Heuristic Evaluation: Hotels.com
1 Usability evaluation and testing User interfaces Jaana Holvikivi Metropolia.
Tool name : Firebug A URL for more information about the tool, or where to buy or download it : Firebug is.
Conceptual Models & Interface Metaphors. Objectives By the end of this class, you will be able to… Define conceptual model Identify instances where the.
Heuristic Evaluation VINCENT SCHOENMAKERS CARLOS A. TIJERINA IBARRA EDGAR I. VILLANUEVA.
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
User Interface Design Session 11- LBSC 790 / INFM 718B Building the Human-Computer Interface Cartoon removed.
Nielsen’s Ten Usability Heuristics
Usability Evaluation/LP Usability: how to judge it.
10 Usability Heuristics for User Interface Design.
Usability Expert Review Anna Diubina. What is usability? The effectiveness, efficiency and satisfaction with which specified users achieve specified goals.
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
Usability Evaluation June 8, Why do we need to do usability evaluation?
Heuristic Evaluation and Discount Usability Engineering Taken from the writings of Jakob Nielsen – inventor of both.
©2011 Elsevier, Inc. Heuristic Evaluation of MealpayPlus website Ruidi Tan Rachel Vilceus Anant Patil Junior Anthony Xi Li Kinberley Seals Niko Maresco.
Trulia Heuristic Evaluation Presented by: Raudel Rosales Kevin Rodriguez.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Y ASER G HANAM Heuristic Evaluation. Roadmap Introduction How it works Advantages Shortcomings Conclusion Exercise.
MS Access: Introduction 1Database Design. MS Access: Overview MS Access A Database Management System (DBMS) designed to create applications that organize,
The Cisco Binary Game INSTALLING THE GAME Extract Set-up File Double click Binary_setup.zip Save to computer Launch Set-up Click binary_setup.exe Follow.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
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.
Developed by Tim Bell Department of Computer Science and Software Engineering University of Canterbury Human Computer Interaction.
HCI project--iNews Introduction (Yao Jie) Usage Scenario (Yao Jie) Design Evolution (Yao Jie) Summary of Evaluation (Jianfeng Yin) Modification (Jianfeng.
Websites with good heuristics Irene Wachirawutthichai.
Heuristic Evaluation Short tutorial to heuristic evaluation
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Catholic University College of Ghana Fiapre-Sunyani INFORMATION TECHNOLOGY I Audrey Asante, Faculty of ICST Graphic User Interface Tutorials and Documentation.
CPSC 481 – Week 10 Heuristic Evaluation Sowmya Somanath (based on previous tutorials by Alice Thudt, Jonathan Haber and Brennan Jones)
RUGGAAMUFFIN Requirements analysis and design Shane Murphy.
CMPF124 Personal Productivity With Information Technology Chapter 1 – Part 2 Introduction to Windows Operating Systems Manipulating Windows GUI CMPF 124.
Ten Usability Heuristics with Example.. Page 2 Heuristic Evaluation Heuristic evaluation is the most popular of the usability inspection methods. Heuristic.
COGNITIVE WALKTHROUGH Vigneshwar Poojar. The cognitive walkthrough is a formalized way of imagining people’s thoughts and actions when they use an interface.
Choreography Assistant Human Computer Interaction - April 6, 2004 Choreography Assistant.
Project Course in Pen- Based Computing Fall 2007 Tablet Flash Cards YoungJoo Jeong Manoj Kintali Dave Hacker.
APPLE MAPS FOR APP Heuristic Evaluation By Rayed Alakhtar.
© 2016 Cognizant. © 2016 Cognizant Introduction PREREQUISITES SCOPE Heuristic evaluation is a discount usability engineering method for quick, cheap,
Ten Usability Heuristics These are ten general principles for user interface design. They are called "heuristics" because they are more in the nature of.
HOW TO RECORD YOUR VOICE FOR AN AUDIO PODCAST Audacity Tutorial.
Human Computer Interaction Lecture 15 Usability Evaluation
Evaluation Techniques 1
Heuristic Evaluation Jon Kolko Professor, Austin Center for Design.
Tina, Sloane, Marie, Karna
10 Design Principles.
Making diabetes management fun and easy for kids
Chapter 26 Inspections of the user interface
User Interface Design.
Nilesen 10 hueristics.
Polytone Convey volume and emotion through text. By: A Team
Presentation transcript:

Interactive Piano Teacher Design Review Ted, Abe, Michael, Chris, Tina, May

Purpose of Interface Teach users how to read music Teach users how to read music Teach users how to play the piano Teach users how to play the piano Would be a replacement for a human teacher Would be a replacement for a human teacher

The Intended Users People interested in learning to play the piano People interested in learning to play the piano People who want feedback when practicing People who want feedback when practicing People who do not have access to, or cannot afford a human piano teacher People who do not have access to, or cannot afford a human piano teacher Need a basic understanding of computers Need a basic understanding of computers

Non-Intuitive Button Names Selected names did not match terms from the user’s vocabulary Selected names did not match terms from the user’s vocabulary For example: Button named “Learn To Read Music” originally named “Learning Mode” For example: Button named “Learn To Read Music” originally named “Learning Mode” Violated Heuristic # 2 Match between system and the real world Violated Heuristic # 2 Match between system and the real world

Added Welcome Screen It wasn’t clear what state the program would start in when we did our heuristic evaluation. It wasn’t clear what state the program would start in when we did our heuristic evaluation. Added a welcome screen that asks the user to choose a mode when the program starts. Added a welcome screen that asks the user to choose a mode when the program starts. Violated Heuristic # 1 Visibility of system status Violated Heuristic # 1 Visibility of system status

No Help System In the original design there was no help system. In the original design there was no help system. Added tool-tips, help menu, and a tutorial system. Added tool-tips, help menu, and a tutorial system. Violated Heuristic # 10 Help and documentation Violated Heuristic # 10 Help and documentation

Added Standard Windows Menus Originally we only used buttons in the interface. If users didn’t recognize icons, they had no options. Originally we only used buttons in the interface. If users didn’t recognize icons, they had no options. Added a menu system which was consistent with standard windows menus. Added a menu system which was consistent with standard windows menus. Violated heuristic #4,6 Consistency and standards, and Recognition rather than recall Violated heuristic #4,6 Consistency and standards, and Recognition rather than recall