Software engineering USER INTERFACE DESIGN.

Slides:



Advertisements
Similar presentations
COMPUTER INTERFACES.
Advertisements

Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
A graphical user interface (GUI) is a human-computer interface (i.e., a way for humans to interact with computers) that uses windows, icons and menus.
 An operating system (OS) is a set of computer programs that allow the user to perform basic tasks like copying, moving, saving and printing files. 
Ch 11 Cognitive Walkthroughs and Heuristic Evaluation Yonglei Tao School of Computing and Info Systems GVSU.
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,
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
Lecture 7 Date: 23rd February
1 SWE Introduction to Software Engineering Lecture 26 – User Interface Design (Chapter 16)
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.
User Interface Design. Overview The Developer’s Responsibilities Goals and Considerations of UI Design Common UI Methods A UI Design Process Guidelines.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
CSC450 Software Engineering
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
Operating Systems Chapter 4.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
11.10 Human Computer Interface www. ICT-Teacher.com.
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.
Unit 1_9 Human Computer Interface. Why have an Interface? The user needs to issue instructions Problem diagnosis The Computer needs to tell the user what.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
©RavichandranUser interface Slide 1 User interface design.
Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.
AS Level ICT Selection and use of appropriate software: Interfaces.
These slides are designed to accompany Software Engineering: A Practitioner’s Approach, 7/e (McGraw-Hill, 2009) Slides copyright 2009 by Roger Pressman.1.
10 Usability Heuristics for User Interface Design.
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
M. Guymon Pleasant Grove High School Spring 2003 Operating Systems Computer Technology Day 3.
Human-computer interfaces. Operating systems are software (i.e. programs) used to control the hardware directly used to run the applications software.
Software Architecture
A-Level Computing#BristolMet Session Objectives#15 MUST define the term user interface SHOULD describe the characteristics of different UIs and suggest.
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.
Developed by Tim Bell Department of Computer Science and Software Engineering University of Canterbury Human Computer Interaction.
Computer Components: Software Computer Technology.
Heuristic Evaluation Short tutorial to heuristic evaluation
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Different Types of HCI CLI Menu Driven GUI NLI
Human Computer Interface INT211
INFORMATION SYSTEM – SOFTWARE TOPIC: GRAPHICAL USER INTERFACE.
Knowledge Based Systems ExpertSystems Difficulties in Expert System Development u Scarce resources – new technology – demand for trained personnel u Development.
Chapter 2: Advanced programming concepts Part 3: The user interface Lecture 5 1.
© 2016 Cognizant. © 2016 Cognizant Introduction PREREQUISITES SCOPE Heuristic evaluation is a discount usability engineering method for quick, cheap,
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
System SOFTWARE.
Allows the user and the computer to communicate with each other.
Chapter 6 : User interface design
Characteristics of Graphical and Web User Interfaces
GUI Design and Coding PPT By :Dr. R. Mall.
11.10 Human Computer Interface
User Interface Design PPT By :Dr. R. Mall.
Difficulties in Expert System Development
Unit 2 User Interface Design.
TYPES AND COMPONENTS OF COMPUTER SYSTEM
Introduction to Operating System (OS)
User Interface Design PPT By :Dr. R. Mall.
Chapter 12 User Interface Design
Introduction to Computer Graphics
GRAPHICAL USER INTERFACE
Computer Technology Day 3
10 Design Principles.
Characteristics of Graphical and Web User Interfaces
GRAPHICAL USER INTERFACE GITAM GADTAULA. OVERVIEW What is Human Computer Interface (User Interface) principles of user interface design What makes a good.
GRAPHICAL USER INTERFACE GITAM GADTAULA KATHMANDU UNIVERSITY CLASS PRESENTATION.
User Interface Design (Lecture 7)
Proper functionality Good human computer interface Easy to maintain
Nilesen 10 hueristics.
Coupling Interaction: It occurs due to methods of a class invoking methods of other classes. Component Coupling: refers to interaction between two classes.
Computer Technology Day 3
February 16th, 2004 Class Meeting 5
Human-computer interaction
Presentation transcript:

Software engineering USER INTERFACE DESIGN

Characteristics of a user interface Speed of learning. A good user interface should be easy to learn. Speed of learning is hampered by complex syntax and semantics of the command issue procedures. A good user interface should not require its users to memorize commands.

Speed of use. Speed of use of a user interface is determined by the time and user effort necessary to initiate and execute different commands. Speed of recall. Once users learn how to use an interface, the speed with which they can recall the command issue procedure should be maximized.

Error prevention. A good user interface should minimize the scope of committing errors while initiating different commands. Attractiveness. A good user interface should be attractive to use. In this respect, graphics-based user interfaces have a definite advantage over text-based interfaces. Consistency. The commands supported by a user interface should be consistent. Consistency facilitates speed of learning, speed of recall, and also helps in reduction of error rate. Feedback. A good user interface must provide feedback to various user actions.

Error recovery (undo facility) Error recovery (undo facility). While issuing commands, even the expert users can commit errors. Therefore, a good user interface should allow a user to undo a mistake committed by him while using the interface. User guidance and on-line help. Users seek guidance and on-line help when they either forget a command or are unaware of some features of the software. Whenever users need guidance or seek help from the system, they should be provided with the appropriate guidance and help.

BASIC CONCEPTS: Mode-based interface vs. modeless interface A mode is a state or collection of states in which only a subset of all user interaction tasks can be performed. In a modeless interface, the same set of commands can be invoked at any time during the running of the software. Thus, a modeless interface has only a single mode and all the commands are available all the time during the operation of the software. On the other hand, in a mode-based interface, different set of commands can be invoked depending on the mode in which the system is.

Graphical User Interface vs. Text-based User Interface In a GUI multiple windows with different information can simultaneously be displayed on the user screen. This is perhaps one of the biggest advantages of GUI over text-based interfaces. Iconic information representation and symbolic information manipulation is possible in a GUI.

A GUI usually supports command selection using an attractive and user-friendly menu selection system. In a GUI, a pointing device such as a mouse or a light pen can be used for issuing commands. The use of a pointing device increases the efficacy issue procedure.

Some advantages about TBUI On the other hand, a text-based user interface can be implemented even on a cheap alphanumeric display terminal. Graphics terminals are usually much more expensive than alphanumeric terminals.

Types of user interfaces User interfaces can be classified into the following three categories: • Command language based interfaces • Menu-based interfaces • Direct manipulation interfaces

Command Language-based Interface A command language-based interface – as the name itself suggests, is based on designing a command language which the user can use to issue the commands. The user is expected to frame the appropriate commands in the language and type them in appropriately whenever required. A command language-based interface can be made concise requiring minimal typing by the user. Command language-based interfaces allow fast interaction with the computer and simplify the input of complex commands.

Menu-based Interface An important advantage of a menu-based interface over a command language-based interface is that a menu-based interface does not require the users to remember the exact syntax of the commands. A menu-based interface is based on recognition of the command names, rather than recollection. Further, in a menu-based interface the typing effort is minimal as most interactions are carried out through menu selections using a pointing device.

Direct Manipulation Interfaces Direct manipulation interfaces present the interface to the user in the form of visual models (i.e. icons or objects). For this reason, direct manipulation interfaces are sometimes called as iconic interface. In this type of interface, the user issues commands by performing actions on the visual representations of the objects, e.g. pull an icon representing a file into an icon representing a trash box, for deleting the file. Important advantages of iconic interfaces include the fact that the icons can be recognized by the users very easily, and that icons are language-independent.

Thank U…