Soumettre la recherche
Mettre en ligne
User interface design(sommerville) bangalore university
•
2 j'aime
•
4,081 vues
Jaisha Shankar
Suivre
User Interface Design tutorial for Bangalore University and others
Lire moins
Lire la suite
Formation
Technologie
Signaler
Partager
Signaler
Partager
1 sur 29
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Visual Programming Lecture.pptx
Visual Programming Lecture.pptx
Muhammadkhan704767
User Interface Design
User Interface Design
Gil Pasiona
User Interface
User Interface
Nyros Technologies
SE_Lec 07_UML CLASS DIAGRAM
SE_Lec 07_UML CLASS DIAGRAM
Amr E. Mohamed
JDBC: java DataBase connectivity
JDBC: java DataBase connectivity
Tanmoy Barman
Lecture 01 introduction to database
Lecture 01 introduction to database
emailharmeet
Real Time Software Design in Software Engineering SE13
Real Time Software Design in Software Engineering SE13
koolkampus
Chapter 12 user interface design
Chapter 12 user interface design
SHREEHARI WADAWADAGI
Contenu connexe
Tendances
SELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWS
Dhanya LK
JAVA AWT
JAVA AWT
shanmuga rajan
Windowforms controls c#
Windowforms controls c#
prabhu rajendran
Database security
Database security
Software Engineering
Solid design principles
Solid design principles
Mahmoud Asadi
Windows memory management
Windows memory management
Tech_MX
System Menu And Navigation
System Menu And Navigation
Ovidiu Von M
Software Engineering - Ch2
Software Engineering - Ch2
Siddharth Ayer
User Interface Analysis and Design
User Interface Analysis and Design
Saqib Raza
Software engineering 18 user interface design
Software engineering 18 user interface design
Vaibhav Khanna
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPT
vicci4041
evaluation techniques in HCI
evaluation techniques in HCI
sawsan slii
Unix case-study
Unix case-study
NishantMishra126
Applets
Applets
Prabhakaran V M
Data definition language
Data definition language
VENNILAV6
iOS viper presentation
iOS viper presentation
Rajat Datta
Good bad design
Good bad design
Yaowaluck Promdee
Visual Programming
Visual Programming
Bagzzz
Uml diagrams
Uml diagrams
barney92
Windows operating system
Windows operating system
Dhairya Joshi
Tendances
(20)
SELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWS
JAVA AWT
JAVA AWT
Windowforms controls c#
Windowforms controls c#
Database security
Database security
Solid design principles
Solid design principles
Windows memory management
Windows memory management
System Menu And Navigation
System Menu And Navigation
Software Engineering - Ch2
Software Engineering - Ch2
User Interface Analysis and Design
User Interface Analysis and Design
Software engineering 18 user interface design
Software engineering 18 user interface design
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPT
evaluation techniques in HCI
evaluation techniques in HCI
Unix case-study
Unix case-study
Applets
Applets
Data definition language
Data definition language
iOS viper presentation
iOS viper presentation
Good bad design
Good bad design
Visual Programming
Visual Programming
Uml diagrams
Uml diagrams
Windows operating system
Windows operating system
En vedette
User interface-design
User interface-design
DarkHorse Technologies Pvt Ltd
The Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing Content
Neil Patel
Chapter 1 Fundamentals of Database Management System
Chapter 1 Fundamentals of Database Management System
Eddyzulham Mahluzydde
Fundamentals of Database system
Fundamentals of Database system
philipsinter
Network management
Network management
Mohd Arif
Database Management Systems (DBMS)
Database Management Systems (DBMS)
Dimara Hakim
Operating system overview concepts ppt
Operating system overview concepts ppt
RajendraPrasad Alladi
En vedette
(7)
User interface-design
User interface-design
The Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing Content
Chapter 1 Fundamentals of Database Management System
Chapter 1 Fundamentals of Database Management System
Fundamentals of Database system
Fundamentals of Database system
Network management
Network management
Database Management Systems (DBMS)
Database Management Systems (DBMS)
Operating system overview concepts ppt
Operating system overview concepts ppt
Similaire à User interface design(sommerville) bangalore university
user-interface-design-131010063550-phpapp01.pdf
user-interface-design-131010063550-phpapp01.pdf
LPhiHng3
User Interface Design
User Interface Design
Yes3000
UI_1.pdf
UI_1.pdf
Karthikeyan Muthukrishnan
Hi600 ch09_text_slides
Hi600 ch09_text_slides
ljmcneill33
Ian_Sommerville_Software_Engineering_6th.pdf
Ian_Sommerville_Software_Engineering_6th.pdf
jyotineeli1
software engineering ch-1
software engineering ch-1
kamlesh kumar mehta
merged (1).pdf
merged (1).pdf
ssuser92d367
0273710133 pp01v2
0273710133 pp01v2
Ravi Chandra
User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction
ENGWAU TONNY
01 unidad i introduccion
01 unidad i introduccion
victdiazm
ch1.ppt
ch1.ppt
OmarMohammadHamad
Software Prototyping
Software Prototyping
Zafar Ayub
Ch1
Ch1
Mayuran Ramanathan
IRJET- Face Recognition using Landmark Estimation and Convolution Neural Network
IRJET- Face Recognition using Landmark Estimation and Convolution Neural Network
IRJET Journal
Introduction to Software Enigneering
Introduction to Software Enigneering
university of education,Lahore
Ch1
Ch1
guestfea9c55
UEVision Presents: How Usability Can Help You Get More Customers
UEVision Presents: How Usability Can Help You Get More Customers
UEVision, Inc.
Multichannel User Interfaces
Multichannel User Interfaces
Icinetic
Multichannel User Interfaces
Multichannel User Interfaces
Pedro J. Molina
Hi600 ch04_text_slides
Hi600 ch04_text_slides
ljmcneill33
Similaire à User interface design(sommerville) bangalore university
(20)
user-interface-design-131010063550-phpapp01.pdf
user-interface-design-131010063550-phpapp01.pdf
User Interface Design
User Interface Design
UI_1.pdf
UI_1.pdf
Hi600 ch09_text_slides
Hi600 ch09_text_slides
Ian_Sommerville_Software_Engineering_6th.pdf
Ian_Sommerville_Software_Engineering_6th.pdf
software engineering ch-1
software engineering ch-1
merged (1).pdf
merged (1).pdf
0273710133 pp01v2
0273710133 pp01v2
User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction
01 unidad i introduccion
01 unidad i introduccion
ch1.ppt
ch1.ppt
Software Prototyping
Software Prototyping
Ch1
Ch1
IRJET- Face Recognition using Landmark Estimation and Convolution Neural Network
IRJET- Face Recognition using Landmark Estimation and Convolution Neural Network
Introduction to Software Enigneering
Introduction to Software Enigneering
Ch1
Ch1
UEVision Presents: How Usability Can Help You Get More Customers
UEVision Presents: How Usability Can Help You Get More Customers
Multichannel User Interfaces
Multichannel User Interfaces
Multichannel User Interfaces
Multichannel User Interfaces
Hi600 ch04_text_slides
Hi600 ch04_text_slides
Dernier
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
MJDuyan
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
MohonDas
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
Dr. Santhosh Kumar. N
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
raviapr7
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
raviapr7
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
Dr. Asif Anas
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
MYDA ANGELICA SUAN
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Katherine Villaluna
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
Celine George
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
EduSkills OECD
General views of Histopathology and step
General views of Histopathology and step
obaje godwin sunday
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
MohonDas
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
CaraSkikne1
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
iammrhaywood
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Katherine Villaluna
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
Conquiztadors- the Quiz Society of Sri Venkateswara College
The Singapore Teaching Practice document
The Singapore Teaching Practice document
Xsasf Sfdfasd
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
Eugene Lysak
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 Sales
Celine George
Prelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quiz
Conquiztadors- the Quiz Society of Sri Venkateswara College
Dernier
(20)
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
General views of Histopathology and step
General views of Histopathology and step
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
The Singapore Teaching Practice document
The Singapore Teaching Practice document
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 Sales
Prelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quiz
User interface design(sommerville) bangalore university
1.
User Interface
Design ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 1
2.
User interface design
Objectives Understand a number of user interface design principles which have been introduced to serveral interaction styles and understand when these are most appropriate. Understand when to user graphical and textual persentation of information. Know what is involved in the principal activities in the user interface design process. Understand usability attributes and have been introduced to different approaches to interface evaluation. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 2
3.
UI design principles
User familiarity • The interface should be based on user-oriented terms and concepts rather than computer concepts • E.g., an office system should use concepts such as letters, documents, folders etc. rather than directories, file identifiers, etc. Consistency • The system should display an appropriate level of consistency • Commands and menus should have the same format, command punctuation should be similar, etc. Minimal surprise • If a command operates in a known way, the user should be able to predict the operation of comparable commands ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 3
4.
UI design principles
(cont.) Recoverability • The system should provide some resilience to user errors and allow the user to recover from errors • This might include an undo facility, confirmation of destructive actions, 'soft' deletes, etc. User guidance • Some user guidance such as help systems, on-line manuals, etc. should be supplied User diversity • Interaction facilities for different types of user should be supported • E.g., some users have seeing difficulties and so larger text should be available ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 4
5.
Topics Covered
Design Issues The UI Design Process User Analysis User Interface Prototyping Interface Evaluation ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 5
6.
Design Issues
The designer of a user interface to a computer is faced with two key questions: 1. How should the user interact with the computer system? 2. How should information from the computer system be presented to the user? ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 6
7.
Interaction styles
Direct manipulation • Easiest to grasp with immediate feedback • Difficult to program Menu selection • User effort and errors minimized • Large numbers and combinations of choices a problem Form fill-in • Ease of use, simple data entry • Tedious, takes a lot of screen space Command language • Easy to program and process • Difficult to master for casual users Natural language • Great for casual users • Tedious for expert users ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 7
8.
Information presentation
Information presentation is concerned with presenting system information to system users The information may be presented directly or may be transformed in some way for presentation The Model-View-Controller approach is a way of supporting multiple presentations of data Information to Presentation be displayed software ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 8 Display
9.
Information display factors
Is the user interested in precise information or data relationships? How quickly do information values change? Must the change be indicated immediately? Must the user take some action in response to a change? Is there a direct manipulation interface? Is the information textual or numeric? Are relative values important? ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 9
10.
Alternative information presentations
Jan Feb M ar A il M pr ay June 2842 2851 3164 2789 1273 2835 4000 3000 2000 1000 0 Jan Feb Mar A il M pr ay June ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 10
11.
Information display
1 0 10 20 4 2 3 Dial with needle Pie chart Thermometer Horizontal bar ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 11
12.
Displaying relative values
Pressure Temper atu re 0 100 200 300 400 0 25 50 75 100 ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 12
13.
Design factors in
message wording Context Experience Skill Level Style Culture ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 13
14.
Design factors in
message wording Context Whenever possible, the messages generated by the system should reflect the current user context. As far as is possible, the system should be aware of what the user is doing and should generate messages that are relevant to their current activity. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 14
15.
Design factors in
message wording(Cntd.) Experience As users become familiar with a system they become irritated by long. ‘Meaningfull’ messages. However, beginners find it difficult to understand short, terse statements of a problem. You should provide both types of messages and allow the user to control message conciseness. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 15
16.
Design factors in
message wording(Cntd.) Skill Level Messages should be tailored to the users’ skills as well as their expericence. Messages for the different classses of users may be expessed in different ways depending on the terminology that is familiar to the reader. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 16
17.
Design factors in
message wording(Cntd.) Style Messages should be positive rather than negative. They should use the active rather than the passive mode of address. They should never be insulting or try to be funny. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 17
18.
Design factors in
message wording(Cntd.) Culture Whenever possible, the designer of messages should be familiar with the culture of the contury where the system is sold. There are distinct differences between Europe, Asia and America. A suitable message for one culture might be unacceptable in another. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 18
19.
System and user-oriented
error messages U se r- o rie nte d e rro r me ssa g e Sy ste m- o rie nte d e rro r me ssa g e Erro r #27 ? Pa tie nt J. Ba te s is no t re g iste re d Invalid patient id entered Click on Patients for a list of registered patients Click on R etry to re-input a patient name Click on Help for more information OK C a nce l Pa ti e nts H e lp R e tr y C a nce l ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 19
20.
User interface design
process Analyse and Produce paper- Evaluate design understand user based design with end-users activities prototype Produce Design Evaluate design dynamic design prototype with end-users prototype Executable Implement prototype final user interface ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 20
21.
User Analysis
If you don’t understand what users want to do with a system, then you have no realistic prospect of designing an effective user interface. To develop this understanding, you may user techniques such as task analysis, ethnographic studies, user interviews and observations or commonly, a mixture of all of these. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 21
22.
Analysis Techniques
Hierarchical Task Analysis(HTA) In HTA, a high level task is broken down into subtasks, and plans are identified that specify what might happen in a specific suitation. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 22
23.
Analysis Techniques (Cntd.)
Ethnography It closely observe how people work, how they interact with others and how features in the workplace are used to support their work. The advantage of ethnography is that the ethnographer can observe intuitive actions and informal collabrations that can then spark further discussions about the work. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 23
24.
User Interface Prototyping
Approachers Paper Prototyping Storyboard 3 Main Approachers Script-driven approach(Macromedia) Visual Programming Languages(VB) Internet-Based Prototyping(Java) ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 24
25.
Interface Evaluation
It is the process of assessing the usability of an interface and checking that it meets user requirements. Therefore, it should be part of the normal verification and validation process for software system. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 25
26.
Simple evaluation techniques
Questionnaires for user feedback Video recording of system use and subsequent tape evaluation. Instrumentation of code to collect information about facility use and user errors. The provision of a “gripe” button for on-line user feedback. ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 26
27.
Usability attributes Attribute
Description Learnability How long does it take a new user to become productive with the system? Speed of operation How well does the system response match the user’s work practice? Robustness How tolerant is the system of user error? Recoverability How good is the system at recovering from user errors? Adaptability How closely is the system tied to a single model of work? ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 27
28.
Key points
Interface design should be user-centred. An interface should be logical and consistent and help users recover from errors Interaction styles include direct manipulation, menu systems form fill-in, command languages, and natural language Graphical displays should be used to present trends and approximate values. Digital displays when precision is required Colour should be used sparingly and consistently ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 28
29.
Key points
Ideally, a user interface should be evaluated against a usability specification What about help for the user? • Systems should provide on-line help. This should include “help, I’m in trouble” and “help, I want information” • A range of different types of user documents should be provided ©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 29
Télécharger maintenant