Choreography Assistant Human Computer Interaction - April 6, 2004 Choreography Assistant.

Slides:



Advertisements
Similar presentations
Online Student Success: Teaching the ABCs of Online Proficiency to Produce As, Bs, and Cs in Online Classes.
Advertisements

Structured Design The Structured Design Approach (also called Layered Approach) focuses on the conceptual and physical level. As discussed earlier: Conceptual.
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.
Copyright 1999 all rights reserved The HCI Design Process n User Interfaces are not just built by sitting down and drawing up designs for them n Just like.
CISB213 Human Computer Interaction Design Principles
1 Forms Design. 2 Class list form DB Brock 1999 Version Titles are a good thing Notice the inconsistency between the order of these fields.
Human Computer Interface. HCI and Designing the User Interface The user interface is a critical part of an information system -- it is what the users.
12/09/051 Olin CollegeHFID – Team Stilton Blue Franklin W. Olin College of Engineering, December 09, 2005 Team Stilton Blue: Zach Brock,Luis Diego Cabezas,
Interactive Piano Teacher Design Review Ted, Abe, Michael, Chris, Tina, May.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
Technology Education and Information Design Copyright 2009 MediTech NUI: New User Interface Online Training.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
Chapter 13: Designing the User Interface
Programming with App Inventor Computing Institute for K-12 Teachers Summer 2012 Workshop.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
User Interface January 14, 2011 CSE 403, Winter 2011, Brun Three Mile Island.
Interface Analysis Report
ePath Learning’s Design and Development Process
XP Chapter 4 Succeeding in Business with Microsoft Office Access 2003: A Problem-Solving Approach 1 Collecting Data for Well-Designed Forms Chapter 4 “Making.
XP New Perspectives on Introducing Microsoft Office XP Tutorial 1 1 Introducing Microsoft Office XP Tutorial 1.
EGrants web portal provides online submission, tracking, reviewing, and processing of most TEA grant applications.  New generation roll-out spring 2007.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
Interim Presentation Group 4 - May 14th, 2012 Langson Library Redesign.
Guidelines and Prototypes CS774 Human Computer Interaction Spring 2004.
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
11.10 Human Computer Interface www. ICT-Teacher.com.
Basic Principles of HCI Lecture Requirements Analysis Establish the goals for the Website from the standpoint of the user and the business. Agree.
Kidz Korner A Gesture-Based Immersive Environment Geneviève Bertrand Jonathan Gravel-Guérin Patricia Pinard Tuesday April 6, 2004.
CHAPTER TWO THE MAKING OF MULTIMEDIA: AND MULTIMEDIA DEVELOPMENT TEAM
Laser Harp 2002 Introduction: Purpose and Scope Electronic musical toy, not an instrument Uses laser beams instead of strings Teaching capability.
Technovation Incorporating Feedback Week 4. Check-in: paper prototype By now, your paper prototype should be complete, so that you can begin creating.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
12.1 CSC 123 Systems Analysis & Design Part IV: The Essentials of Design Chapter 12 Designing Effective Input.
More on Design of Everyday Things. Turn it up, or shut it down?
MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami.
A-Level Computing#BristolMet Session Objectives#15 MUST define the term user interface SHOULD describe the characteristics of different UIs and suggest.
HCI: JCU Workflow Re-Design 2010 SP2: CP3301/CP5607 Human Computer Interaction Angela McCarthy Glenn Molochino Laurence Tardiani.
Using Linked Submissions in Editorial Manager™ Created by J. Putrino, 3/21/2013.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Interaction design Xiangming Mu.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Human-computer Interaction Source: P.M.Heathcote A Level ICT Chapter 61.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
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.
Computer Science 160 Group 5 Scott Carter, Chuck Moidel, Leila Takayama, Kevin Wang Tuesday, December 4, 2001.
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
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.
Mr. Potato Head Mr. Potato Head Human-Computer Interaction Project 2004 by: Dory Azar André Cloutier Danny Castonguay Wadih Maalouf.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
GUI Design and Coding PPT By :Dr. R. Mall.
11.10 Human Computer Interface
Digital media & interaction design
Unit 2 User Interface Design.
Designing Information Systems Notes
Web Design and Development
Introduction to HCI CS 565.
COMP444 Human Computer Interaction Design Principles
Systems Analysis and Design in a Changing World, 6th Edition
Med-Fi Prototype Presentation
Alex Lee, Jeremy Marcelo, Melinda Wang, Sarina Wu
Nexmail Lei Guang, Haroon Barri.
Polytone Convey volume and emotion through text. By: A Team
Presentation transcript:

Choreography Assistant Human Computer Interaction - April 6, 2004 Choreography Assistant

Human Computer Interaction - April 6, 2004 The Need… High number of man hours required to make and teach a dance Difficulty in working with poor dancers

Choreography Assistant Human Computer Interaction - April 6, 2004 Example Use Cheerleading routine

Choreography Assistant Human Computer Interaction - April 6, 2004 Assumptions about the User The user is old enough to be choreographing dances No required proficiency with computers Familiarity with a stereo system

Choreography Assistant Human Computer Interaction - April 6, 2004 The System Allows visualization of a completed, multi-person dance routine Only requires the choreographer to be present in it’s design, and not the whole troupe

Choreography Assistant Human Computer Interaction - April 6, 2004 The Environment

Choreography Assistant Human Computer Interaction - April 6, 2004 The Gestures Two Gestures: –Moving –Selecting

Choreography Assistant Human Computer Interaction - April 6, 2004 Using the System

Choreography Assistant Human Computer Interaction - April 6, 2004 Digital Da Vinci Evaluation Strengths "good job at mapping the real environment“ good visibility of the system status: "The consistency in cursor changes is apparent" most of the time the users are "constrained form making errors", "there was apparent design for error“ "error messages are easy to understand"

Choreography Assistant Human Computer Interaction - April 6, 2004 Weaknesses Mouse action problems Visibility Conceptual Model Digital Da Vinci Evaluation

Choreography Assistant Human Computer Interaction - April 6, 2004 Visibility Problems PROBLEM: New dancers appeared on top of each other SOLUTION: A new area was created: the New Dancer Area

Choreography Assistant Human Computer Interaction - April 6, 2004 Visibility Problems PROBLEM: The dancers should be color-coded to distinguish duplicated dancers and mirrored dancers SOLUTION: The dancers were numbered Prototype Version Alpha Version

Choreography Assistant Human Computer Interaction - April 6, 2004 Conceptual Model Problems Default was not set to “Move” No possibility to only Mirror Button has to be selected from the toolbar each time the action needs to be performed CD player interface is confusing Prototype Version

Choreography Assistant Human Computer Interaction - April 6, 2004 Suggested Features That Were Not Implemented The user should be allowed to change the lighting and set design The user should be able to change the settings once in a choreography Difference between “Watch a Choreography” and “Watch a Dancer”

Choreography Assistant Human Computer Interaction - April 6, 2004 Design Evolution After meeting with the dance leader of the McGill University Cheerleading team we added: adjusting the dance floor - because the number of dancers as well as the distance between each dancer vary depending on the venue: on a stage, outdoors, in a room listening to the music at any time because choreographs get their inspiration for a dance by listening to the music.

Choreography Assistant Human Computer Interaction - April 6, 2004 Design evolution -Functionality Duplicate and mirror a dancer-> Duplicate -> Mirror Impossible to superimpose dancers Only one dancer can be made at a time Tutorial button on the main interface Warn users before re-recording over a previously recorded dancer

Choreography Assistant Human Computer Interaction - April 6, 2004 Design Evolution - Dancer Icon Alpha no video video Paper Mock-upPrototypeBeta mirrored

Choreography Assistant Human Computer Interaction - April 6, 2004 Design Evolution - Labeling Toolbar -> Dancer Toolbar Main Menu -> Choreography Menu Swap ->Swap Two Dancers, Record -> Record a Dancer, etc. help text at the bottom of the screen describing button functionality

Choreography Assistant Human Computer Interaction - April 6, 2004 Design Evolution - Layout Audience representation Dancer toolbar unavailable when no dancers are created “New Dancer” section of work area

Choreography Assistant Human Computer Interaction - April 6, 2004 To unselect a button either -> select another button or -> re-select this button Changed to: Unselect a button after the function is used once Changed to: Unselect a button only by selecting another button Move button is default after New Dancer is selected Design Evolution – Button Behaviour

Choreography Assistant Human Computer Interaction - April 6, 2004 HCI principles Consistency throughout Visibility: – dancer labeling – buttons access

Choreography Assistant Human Computer Interaction - April 6, 2004 HCI principles Know thy user: – target user laid out system requirements – extensive user testing at every stage Gesture-based interaction –adequate conceptual model

Choreography Assistant Human Computer Interaction - April 6, 2004 HCI principles System feedback: – depressed buttons and selected dancer – confirmation of critical actions 7 or less buttons per toolbar

Choreography Assistant Human Computer Interaction - April 6, 2004 HCI principles - Error prevention –Warning messages Familiar interface –Selectable buttons and icons with simple affordances