1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.

Slides:



Advertisements
Similar presentations
User Interface Structure Design
Advertisements

1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
1 CS 502: Computing Methods for Digital Libraries Lecture 22 Web browsers.
CS CS 5150 Software Engineering Lecture 11 Usability 1.
CS CS 5150 Software Engineering Lecture 12 Usability 2.
Usability presented by the OSU Libraries’ u-team.
1 CS 501 Spring 2006 CS 501: Software Engineering Lecture 10 Requirements 4.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
CS CS 5150 Software Engineering Lecture 12 Usability 2.
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 User interface design l Designing effective interfaces for software systems.
1 CS 430 / INFO 430 Information Retrieval Lecture 24 Usability 2.
CS CS 5150 Software Engineering Lecture 11 Usability 1.
1 CS 501 Spring 2007 CS 501: Software Engineering Lectures 11 & 12 Usability.
1 CS 501 Spring 2005 CS 501: Software Engineering Lecture 11 Usability 1.
© 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.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
1 CS 501 Spring 2006 CS 501: Software Engineering Lectures 11 & 12 Usability.
CS 501: Software Engineering Fall 2000 Lecture 17 Design for Usability I.
User interface design. Recap User Interface GUI Characteristics (Windows, Icons, Menus, Pointing, Graphics) User Centered Design User Interface Design.
Human Computer Interface. Human Computer Interface? HCI is not just about software design HCI applies to more than just desktop PCs!!! No such thing as.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
Systems Analysis and Design in a Changing World, 6th Edition
INTROSE Introduction to Software Engineering Raymund Sison, PhD College of Computer Studies De La Salle University User Interface Design.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
CS 360 Lecture 3.  The software process is a structured set of activities required to develop a software system.  Fundamental Assumption:  Good software.
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.
Ch 14. Testing & modeling users
Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem
Interacting with IT Systems Fundamentals of Information Technology Session 5.
CS 5150 Software Engineering Lecture 11 Usability 2.
Human Computer Interaction
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
CS CS 5150 Software Engineering Lecture 11 Usability 1.
Chapter 3: Managing Design Processes
User Interface Structure Design Chapter 11. Key Definitions The user interface defines how the system will interact with external entities The system.
Slide 1 Chapter 11 User Interface Structure Design Chapter 11 Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 12 Designing for Usability II.
1 CS430: Information Discovery Lecture 18 Usability 3.
Software Architecture
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,
Software Engineering User Interface Design Slide 1 User Interface Design.
Prototyping What prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes.
Chapter 8 Usability Specification Techniques Hix & Hartson.
E.g.: MS-DOS interface. DIR C: /W /A:D will list all the directories in the root directory of drive C in wide list format. Disadvantage is that commands.
CS 5150 Software Engineering Lecture 9 Usability 1.
1 CS 501 Spring 2008 CS 501: Software Engineering Lectures 11 & 12 Usability.
CS CS 5150 Software Engineering Lecture 12 Usability 2.
CS 360 Lecture 13.  Human Computer Interaction (HCI) is the academic discipline that studies how people interact with computers.  More HCI details during.
Importance of user interface design – Useful, useable, used Three golden rules – Place the user in control – Reduce the user’s memory load – Make the.
Human Computer Interface INT211
Software Development Process CS 360 Lecture 3. Software Process The software process is a structured set of activities required to develop a software.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
1 CS 501 Spring 2005 CS 501: Software Engineering Lecture 12 Usability 2.
13 November 2007Kaiser: COMS W4156 Fall COMS W4156: Advanced Software Engineering Prof. Gail Kaiser
William H. Bowers – Specification Techniques Torres 17.
Usability and User Interfaces CS 560. Human Computer Interaction Human Computer Interaction (HCI) is the academic and industrial discipline that studies.
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
CS 501: Software Engineering Fall 1999 Lecture 23 Design for Usability I.
Chapter 6 : User interface design
GUI Week 9.
Usability and user Interfaces
Usability Techniques Lecture 13.
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
User interface design.
CS 501: Software Engineering
Presentation transcript:

1 SWE 513: Software Engineering Usability II

2 Usability and Cost Good usability may be expensive in hardware or special software development User interface development may be a major part of a software development project Programming environments provide powerful user interface toolkits Costs are multiplied if a user interface has to be used on different computers or migrate to different versions of systems Web browsers provide a general purpose user interface where others maintain the user interface software

3 Usability: Requirements and Refinement It is very difficult to specify and comprehend an interactive interface in a textual documents. Requirement documents benefit from sketches, comparison with existing systems, etc. Design documents should definitely include graphical elements and often benefit from a mock-up or other form of prototype. Implementation plans should include evaluation of user factors and time to make changes.

4 The Design/Evaluate Loop Evaluate ? Design Build Analyze requirements

5 Methods for Specifying Usability Requirements and Evaluation of Usability Initial Mock-upPrototypeProduction Client's opinions    Competitive analysis  Expert opinion   Focus groups   Observing users    Measurements  

6 Mock-up Example

7 Focus Group A focus group is a group interview Interviewer Potential users Typically 5 to 12 Similar characteristics (e.g., same viewpoint) Structured set of questions May show mock-ups Group discussions Repeated with contrasting user groups

8 Usability Laboratory Concept: Monitor users while they use system Evaluators User one-way mirror

9 Usability Laboratory

10 Usability Laboratory Observing techniques Human observer Video camera Tape recording Study techniques Human protocol (user talks aloud while using system) User carries out specified list of tasks Software designer presents story board (mock-up) to user

11 Eye Tracking

12 Eye Tracking

13 Measurement Basic concept: log events in the users' interactions with a system Examples from a Web system Clicks (when, where on screen, etc.) Navigation (from page to page) Keystrokes (e.g., input typed on keyboard) Use of help system Errors May be used for statistical analysis or for detailed tracking of individual user.

14 Information Presentation Simple is often better than fancy Text precise, unambiguous fast to compute and transmit Graphical interface simple to comprehend / learn uses of color shows variations

15 Command Line Interfaces User interacts with computer by typing commands Allows complex instructions to be given to computer Facilitates formal methods of specification & implementation Skilled users can input commands quickly Requires learning or training Can be adapted for people with disabilities Can be multi-lingual Suitable for scripting / non-human clients

16 Direct Interaction User interacts with computer by manipulating objects on screen Can be intuitive and easy to learn Users get immediate feedback Not suitable for some complex interactions Does not require typing skills Straightforward for casual users, slow for skilled users Icons can be language-independent Difficult to build scripts Only suitable for human users

17 Design for Direct Manipulation Conceptual models, metaphors, icons => there may not be an intuitive model Navigation around large space Conventions are growing over the years => scroll bars, buttons, help systems, sliders => good for users, good for designers

18 Menus Easy for users to learn and use Certain categories of error are avoided Enables context-sensitive help Major difficulty is structure of large menus Scrolling menus Hierarchical Associated control panels Menus plus command line Users prefer broad and shallow to deep menu systems

19

20 Help System Design Help system design is difficult! Must prototype with mixed users Categories of help: => Overview and general information => Specific or context information => Tutorials (general) => Cook books and wizards => Emergency ("I am in trouble...") Must have many routes to same information Never blame the user!

21 System Considerations of User Interfaces Personal computer cycles are there to be used Any network transfer involves delay Shared systems have unpredictable performance Data validation often requires access to shared data Mobile code poses security risks

22 The Importance of Design Good support for users is more than a cosmetic flourish Elegant design, appropriate functionality, & responsive system: => a measurable difference to their effectiveness A system that is hard to use: => users may fail to find important results, or mis-interpret what they do find => user may give up in disgust A computer system is only as good as the interface it provides to its users