Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.

Slides:



Advertisements
Similar presentations
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
Advertisements

User Interface Design Notes p7 T120B pavasario sem.
Chapter 13 User Interface Design.
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
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.
Interface Design Instructor: Dr. Jerry Gao. Interface Design Jerry Gao, Ph.D. Jan Interface design - Internal and external interfaces - User interfaces.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.
Lecture 7 Date: 23rd February
COMP365: DESIGN Information systems architecture
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.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 User interface design l Designing effective interfaces for software systems.
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.
Dialogue Styles.
User interface design. Recap User Interface GUI Characteristics (Windows, Icons, Menus, Pointing, Graphics) User Centered Design User Interface Design.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 16 Slide 1 User interface design.
CSC450 Software Engineering
User interface design.
Computer Graphics Lecture 10 Fasih ur Rehman. Last Class Viewing – Perspectives – Projections.
Ch 26 & 27 User Interfaces.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
Lecture 03 Fasih ur Rehman
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
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.
Lecture 6 User Interface Design
©RavichandranUser interface Slide 1 User interface design.
Computer Graphics Lecture 04 Fasih ur Rehman. Last Class Overview of Graphics Systems – Display Devices Colors and colored displays Raster displays and.
Computer Graphics Lecture 06 Fasih ur Rehman. Last Class Overview of Graphic Systems – LED Display – Plasma TV – Hardcopy Devices – Input Devices Human.
Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:
Software Architecture
Computer Graphics Lecture 32 Fasih ur Rehman. 3D Transforms The idea of 3D transforms is the same as that of 2D – A 3D point is represented by (x, y,
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.
Define and describe operating systems which contain a Command Line Interface (CLI) Define and describe operating systems which contain a Graphical User.
Computer Graphics Lecture 08 Fasih ur Rehman. Last Class Ray Tracing.
Different Types of HCI CLI Menu Driven GUI NLI
Computer Graphics Lecture 02 Fasih ur Rehman. Last Class Introduction to Computer Graphics Areas Application.
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 User interface design l Designing effective interfaces for software systems.
Ch16: User Interface Design Users often judge a system by its interface rather than its functionality Poorly designed interfaces can cause users to make.
Systems Analysis and Design in a Changing World, 6th Edition 1 Chapter 7 - Designing the User and System Interfaces.
Human Computer Interface INT211
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 Chapter 15 User Interface Design.
Computer Graphics Lecture 26 Fasih ur Rehman. Last Class Shading Phong Reflection Model.
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.
Computer Graphics Lecture 17 Fasih ur Rehman. Last Class 3D Transforms Inverse Rotation.
Chapter 29 - Interaction design Chapter 29 is available online:
Computer Graphics Lecture 16 Fasih ur Rehman. Last Class Homogeneous transformations Types of Transformations – Linear Transformations – Affine Transformations.
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.
Computer Graphics Lecture 09 Fasih ur Rehman. Last Class Viewing – Perspectives – Projections.
Computer Graphics Lecture 15 Fasih ur Rehman. Last Class Combining Transformations Affine versus Rigid body Transformations Homogenous Transformations.
Chapter 15 User Interface Design.
Chapter 6 : User interface design
Characteristics of Graphical and Web User Interfaces
Chapter 16: User Interface Design
User Interface Design PPT By :Dr. R. Mall.
Unit 2 User Interface Design.
Lecture 18 Fasih ur Rehman
Software engineering USER INTERFACE DESIGN.
GUI Week 9.
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.
Presentation transcript:

Computer Graphics Lecture 28 Fasih ur Rehman

Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process and flow

Today’s Agenda Graphical User Interfaces

Design Principles Experience and capabilities and needs of the system users must be taken into account during design process of UI Designers should be aware of people’s physical and mental limitations and should be convinced that people make mistakes

Design Principles User familiarity – The interface should use terms and concepts drawn from the experience of the users. Consistency Minimal surprise Recoverability – e.g. undo User guidance – help and prompts etc. User diversity – Various people with various background may use

User System Interactions Two issues need to be addressed – How the information from user be provided to the system – How the processed information (from computer) be presented to the user? User System Interactions – Direct manipulation – Menu selection – Form fill-in – Command language – Natural language

USER SYSTEM INTERACTION STYLES

Direct Manipulations Advantages – User in good control – Short learning curve – Immediate feedback Disadvantages – May be hard to implement – Only suitable where there is a visual metaphor for tasks and objects Video games and CAD Systems

Menu Selection Advantages – Avoids user error – Little typing required Disadvantages – Slow for experienced users – Can become complex if many menu options General purpose software

Form fill-in Advantages – Simple data entry – Easy to learn Disadvantages – Takes up a lot of screen space Financial Applications (banks stocks)

Command Language Advantages – Powerful and – flexible Disadvantages – Hard to learn – Poor error management Operating systems

Natural Language Advantages – Accessible to casual users – Easily extended Disadvantages – Requires more typing – Natural language understanding systems are unreliable Time tables etc.

Summary User System Interactions – Direct manipulation – Menu selection – Form fill-in – Command language – Natural language

References Fundamentals of Computer Graphics Third Edition by Peter Shirley and Steve Marschner Interactive Computer Graphics, A Top-down Approach with OpenGL (Sixth Edition) by Edward Angel.