 Introduction  Interface Design Failures  Design Failure explained  Interaction Techniques  Conclusion.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Asper School of Business University of Manitoba Systems Analysis & Design Instructor: Bob Travica User interface Updated: December 2014.
LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.
© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.
Design & Developed by: EATL
Web Accessibility Issues from the User Perspective Jenny Craven, Research Associate Centre for Research In library and Information Management (CERLIM)
Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
Principles and Methods
User Interface Design Users should not have to adapt to a piece of software; the software should be designed to fit the user.
Evaluation: Inspections, Analytics & Models
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Chapter 13: Designing the User Interface
Allison Bloodworth, Senior User Interaction Designer, University of California, Berkeley Gary Thompson, User Experience Leader, Unicon, Inc. Introduction.
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
Object-Oriented Analysis and Design LECTURE 8: USER INTERFACE DESIGN.
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
©2011 1www.id-book.com Analytical evaluation Chapter 15.
User Interface Theory & Design
Revision Lesson : DESIGNING COMPUTER-BASED INFORMATION SYSTEMS.
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
INTROSE Introduction to Software Engineering Raymund Sison, PhD College of Computer Studies De La Salle University User Interface Design.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Evaluation of Products for Accessibility: The CUDA Lab at CSULB and Technical Evaluation at the Campus Level Fred Garcia and Shawn Bates.
Output and User Interface Design
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
11.10 Human Computer Interface www. ICT-Teacher.com.
Interacting with IT Systems Fundamentals of Information Technology Session 5.
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.
Website Accessibility. What is Website Accessibility? Making information on the internet usable and understandable for EVERYONE, including those with.
© 2010 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 13 Instructions and Procedures Strategies for Technical Communication in the.
Heuristic evaluation Functionality: Visual Design: Efficiency:
COMP106 Assignment 2 Proposal 1. Interface Tasks My new interface design for the University library catalogue will incorporate all of the existing features,
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Teachers Discovering Computers Integrating Technology and Digital Media in the Classroom 5 th Edition Let’s Review Lesson 2! Who Wants to Be a Computer.
Chapter 9 Design guidance and design rationale. UIDE Chapter 9 Sources of Design Guidance Standards Standards –User interface standard Design Guidelines.
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
COMP 106 Practical 2 Proposal 5 Slide 1. Designing an Interface (1) The user must be able to anticipate a widget's behaviour from its visual properties.
© 2008 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 22 Instructions and Procedures Technical Communication, 11 th Edition John.
Windows User Interface and Web User Interface By E. Marlene Graham.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
Multimedia and the Web.
Multimedia and Computers Introduction to Computers.
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 28 Behavior.
Windows layout. During the design process, the individual elements, or building blocks, of screens will have been identified. A logical flow of information.
Design Phase intro & User Interface Design (Ch 8)
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
Requirement engineering & Requirement tasks/Management. 1Prepared By:Jay A.Dave.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
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.
{ User Centered Design Final Presentation Donia Canaveral }
Powerpoint Templates Page 1 iPhone combines smart phone capabilities with graphical interface iPhone Application Development.
Rip DVD’s Easily With DVD Fab The world is moving to the portables and PC’s have long been sidelined in the western countries. Whats moving ? The world.
DOCUMENTATION REF: Essentials of IT (Hamilton et al) Chapter 1.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Chapter 10 Multimedia and the Web.
Instructions and Procedures
Unit 17 - Multimedia Products
Designing Information Systems Notes
Looking Inside the machine (Types of hardware, CPU, Memory)
HCI – DESIGN RATIONALE 20 November 2018.
Human Computer Interface Prototype
MBI 630: Week 11 Interface Design
Teaching slides Chapter 6.
Class Meeting 8 November 1, 2005
Presentation transcript:

 Introduction  Interface Design Failures  Design Failure explained  Interaction Techniques  Conclusion

 It is process of creating an interaction, in a way to allow human-computer interaction.  Most common ways of achieving interface design is by using screen, mouse, keyboard, touchpads etc.

 Easier to use.  Accomplish the users goals.  Usage should be understood with minimum effort.  Does not draw unnecessary attention to itself.  Balance technical functionality and visual elements.

 In general, everyone in the UX community believes that the user experience is the Brand.  Without adequate planning and testing prior to launch, a bad first impression of a system will result in bad perceptions about the Brand.

 Motorola ROKR w/ iTunes (2004)  Only 100 songs were visible in iTunes, even though we could put 1GB of micro SD card inside the device.

 Eyetop Wearable DVD Player (2004):  Glasses with LCD Screen attached to one side lets you walk and watch DVDs.

 Google X(2005)  Google introduced online interface in Apple’s OS X style dock above the search bar.

 Macintosh  Long before charming Apple TV, Apple launched a mix of TV and computer in one body.

 Nokia N-Gage:  Although, phone combined with gaming console was proved to be a winner, clumsiness of the design doomed Nokia’s plans.

About Healthcare.gov:  Healthcare.gov is a health insurance exchange website operated under the United States federal government designed to serve residents of thirty six states in US.  It received 2 out of possible 10 score from usability testers, and Users gave a very low satisfaction rating

 Find the health care plan you think best suits your purpose.  Determine how much the suitable plan will cost.  Start the application process and finding out the difficulties in application process.

 Trying to find information about plans and costs was virtually impossible  Inadequate planning of usage by the team at HealthCare.gov is the prime culprit.  Chat system experiences slow or no response time.

 Slow response time with no information created confusion.

 Login instructions are confusing.  There is no detailed description to let the user know the steps in the process to create a login.

 Eight golden rules of the Interface Design by Shneiderman.  Jakob Neilsen’s 10 Usability Heuristics.  7 unbreakable laws of user interface design by Peter Vukovic.  Golden rules of user Interface Design by Theo Mandel.

 Navigation  Standardization  Consideration  Input Control

 No directing to pages without links.  Grouping the similar elements.  Provide subject with clear navigation link.  Matching descriptive part and subject part.  Navigation tabs and walk through the interface.

 Be consistent.  Use standard notations.  Follow sequence order.  Minimize the download time  Compatible data display and data entry format.

 Usage of Terminology.  Use the simple and elegant features.  Provide necessary help  Clear Design documentation.  Comment/Feedback section.

 Minimal input tasks  Provide flexibility for input entry.  Provide conversion units  Allow editable input fields.  No multitasking operations.

 The proposed 4 guidelines will help the UI designers to overcome design issues.  This strategic approach will lead to successful user interface design.

Websites:   s-user-experience-healthcare-gov/244933/ s-user-experience-healthcare-gov/244933/  e_care_act_usability_issues/ e_care_act_usability_issues/  design-failures-of-all-times/ design-failures-of-all-times/  healthcare-gov-ux-failures/ healthcare-gov-ux-failures/