PROJECT #4 Design Heejoon Jung Kyu Hou Eunyoung Cho Minho Jeung.

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
Interaction Techniques Level 2 Prepared by: RHR First Prepared on: Nov 23, 2006 Last Modified on: Quality checked by: MOH Copyright 2004 Asia Pacific Institute.
Windows Basics An Introduction to the Windows Operating System.
User Interface. What is a User Interface  A user interface is a link between the user and the computer. It allows the user and the computer to communicate.
Don Norman Worked for industry (Apple) Professor First published in 1988 Does not focus on computer interfaces Coined: user-centered design Goal: Motivate.
Sriram DRUPAL GCI What is a drop down menu? A drop down menu is a menu of options that appears when an item is selected with a mouse. The item.
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.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Exergames and the involvement of seniors Ellen Brox Norut (Northern Research Institute) Norway SeGaMed December 2014.
COMP 3715 Spring 05. Computer Interface Interaction between human and computer Has to deal with two things  User’s mental model Different user has different.
Assistive Technology Training Online (ATTO) University at Buffalo – The State University of New York USDE# H324M IntelliTalk.
Part 1: Introducing User Interface Design Chapter 1: Introduction –Why the User Interface Matters –Computers are Ubiquitous –The Importance of Good User.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
© Lethbridge/Laganière 2001 Chapter 7: Focusing on Users and Their Tasks1 7.1 User Centred Design (UCD) Software development should focus on the needs.
Chapter 14 Designing the User Interface
Exploring the Basics of Windows XP
Module 3 Productivity Programs Common Features and Commands Microsoft Office 2007.
Sofia Carlander Kinoshita Laboratory 2004/2005
Ch 26 & 27 User Interfaces.
INTROSE Introduction to Software Engineering Raymund Sison, PhD College of Computer Studies De La Salle University User Interface Design.
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.
Spring /6.831 User Interface Design and Implementation1 Lecture 3: Visibility.
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
– Strategies for Effective Navigation Design & Prototype Phases.
© Copyright De Montfort University 2003 All Rights Reserved Interactive Design Sept 03 John T Burns Interactive Systems Design & Evaluation John Burns.
User interface design. Recap OOD is an approach to design so that design components have their own private state and operations Objects should have constructor.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Gary MarsdenSlide 1University of Cape Town Case Study - Nokia 5110 We will try to put together what we have learnt to date by looking at a cell- phone,
IC 3 BASICS, Internet and Computing Core Certification Key Applications Lesson 10 Creating and Formatting an Excel Worksheet.
Visualizing Information in Global Networks in Real Time Design, Implementation, Usability Study.
Basic Principles of HCI Lecture Requirements Analysis Establish the goals for the Website from the standpoint of the user and the business. Agree.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Copyright © 2010 Wolters Kluwer Health | Lippincott Williams & Wilkins Introduction to Windows Chapter 2.
Fall 2002CS/PSY Design. Fall 2002CS/PSY System-Centered Design Focus is on the technology  What can be built easily using the available tools.
INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.
XP New Perspectives on Microsoft Windows 2000 Professional Windows 2000 Tutorial 1 1 Microsoft Windows 2000 Professional Tutorial 1 – Exploring the Basics.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
-0- Methods-Project 4Pathfinder Methods Project 4 – Prototype Pathfinder Team members Lee, Wangbong Eom, Jihye Oh, Youngseok Suh, Il-seok.
Introducing… Microsoft Windows VISTA Introducing… Microsoft Windows VISTA.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
User interface design and human computer interaction Xiangming Mu.
The Design of Everyday Things Darn these hooves! I hit the wrong switch again! Who designs these instrument panels, raccoons?
New NoveList Training. Why the new interface? We’ve spent the two years since our last interface change listening to your feedback, conducting focus groups,
1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst.
© 2008 Autodesk Prototyping with Inventor Fusion Fusion FIRST training 2011.
AirRacquet System Team Innovation Bjoern Doering Jonah Peranson Ali-Akber Saifee Wendy Wang.
Know your Operating System Thanks to Dina Sokol. An operating system is software (a computer program) that manages your computer.
Importance of user interface design – Useful, useable, used Three golden rules – Place the user in control – Reduce the user’s memory load – Make the.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
European Commission Managing European consumer’s health safety and protection through alert systems Developments for the Health and Consumer Protection.
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.
Cs413_design02.ppt GUI Design The User Controls Navigation Traditional GUI design the designer can control where the user can go gray out menu options.
CIS 210 Systems Analysis and Development Week 7 Part II Designing Interfaces and Dialogues,
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
1/10 Problem Frame Analysis Eunyoung Cho Kyu Hou Minho Jeung Heejoon Jung Oct. 25, 2005.
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.
A user interface, like the one created by the DOS operating system, that makes use of typed commands.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Chapter 2 Hix & Hartson Guidelines.
Human-Computer Interaction
Usability engineering
Design : Agenda Design challenges Idea generation Design principles
Design dilbert Fall 2002 CS/PSY 6750.
Human and Computer Interaction (H.C.I.) &Communication Skills
Presentation transcript:

PROJECT #4 Design Heejoon Jung Kyu Hou Eunyoung Cho Minho Jeung

Contents Focus Area I Prototyping I-1 Prototyping I-2 Evaluation Focus Area II Prototyping II-1 Prototyping II-2 Evaluation Conclusion

Focus Area I Sequence Make a voice command to pick “search by firm name” among three different search types. Speak a firm name. Change the search type to search by address.

Prototyping I

Prototyping I Advantage: The search result has very limited area because the searching area is specified. Disadvantage: There is no feedback when unacceptable command is received

Prototyping I-2 Advantage: A user can move one menu to another menu by various commands. Disadvantage: Because of not restricting search area, the search results can include many places that have same firm name.

Evaluation Feedback - look and listen the response - watch the state of the navigation. - look and listen the response - watch the state of the navigation. Affordanc es - Navigation speaks and displays what the driver can do. - Convey messages about possible search types. User’s Mental Model If a driver says “ 상호검색 ”, the navigation display “ 상호검색 ” interface. So the mapping can be easily learned and remembered. - Driver can easily choose the menu by saying left, right, up, down. The user naturally thinks that the 4 triangles can be used in order to shift menu. Selective Attention and Focus Focused on the Voice User Interface, so the GUI might be complex due to commands. Design for Error This prototype can undo activity, when the driver make a command which the drive do not want. This prototype maps the various voice commands to a certain function.

Focus Area II Sequence Move the map according to four directions. Zoom in the map Zoom out the map Move to current location

Prototyping II-1 The arrows represent the direction. Zoom in, zoom out button and Move to current location button. A user tells arrow’s direction. Advantage: A user can identify the menu intuitively. Disadvantage: When a user zooms in or out, he should iterate v oice command.

Prototyping II-2 This does not show menu bars at first. When a user tells a menu name, the pull-down menu, will be appeared. Advantage: Sub menus enable a user to select specific sub menus like magnifications. Disadvantage: When a user speaks menu name, the sub menus will be represented.

Evaluation Affordances Four direction arrows and comman d buttons enables a user grasp the f unction of menus because four dire ction arrows and command buttons h ave visibility Menus are not appeared until a user c ommands an initial menu. The seven stages of action Good visibility. Natural Mapping. Use both knowledge in the world a nd knowledge in the head. Easy to use. Good visibility, when sub-menus are displayed. Feedback. Uses knowledge in the head. Difficult to use. User’s mental model The arrows are natural mapping. When a user commands arrows’ dir ection, the map focus is moved acco rding to the command. Zoom in/out buttons are bad case of natural mapping because a user can not expect how much the map will be magnified or reduced. Driver may not know what he can do in this prototype. Thus, this is bad case of natural mapping. The sub-menus are good natural map ping.

Conclusion Focused on User Centered Design Providing Better Usability Fast and Easy Way User Feedback Early