SlideShare a Scribd company logo
WHAT IS USER INTERFACE?
• The interface (or Human Interface) is the aggregate of means by which
people – the users – interact with the system.
• The user interface is everything the user comes into contact with while
using system – physically, perceptually and conceptually.
THREE ASPECTS OF USER INTERFACE:
 The physical aspect- comprise of the devices the user really touches,
including the keyboard, mouse, touch screen or keypad.
 The Perceptual aspects- consist of everything the end user sees, hears,
or touches(beyond the physical devices.
 The conceptual aspects – include everything the user knows about
using the system.this include all the problem domain “things” in the
system the user manipulates, the operation that can be performed and
the procedure followed to carry out operations.
TO DESIGN A BETTER USER INTERFACE, USE THE FOLLOWING
OBJECTIVES:
• Match the user interface to the task
• Make the user interface efficient
• Provide appropriate feedback to users
• Generate usable queries.
• Improve productivity of knowledge workers.
The user interface has two main components:
1. Presentation language – the computer-to-human part of the transaction
2. Action language – characterizes the human-to-computer portion
GUIDELINES FOR DESIGNING USER INTERFACES
According to Ben Shneiderman, a leading researcher in HCI(Human-computer
Interaction), there are eight general guidelines that are applicable in most
interactive systems. These are the ff.:
1. Strive for consistency – it is imperative to design a consistent-appearing and
functioning interface. The following should be consistent throughout the
system:
a. The way information is arranged on forms
b. The names and arrangement of menu items
c. The size and shape of icons
d. The sequence followed to carry out tasks
2. Enable Frequent Users to use shortcuts. – Users used to work with one
application for the whole day so they quickly loose patience with long menu
sequences and multiple dialog boxes when they know exactly what they
want to do.
3. Offer Informative Feedback – each action taken by the user should result to
some type of feedback from the computer so that the users would know the
action was recognized.
4. Design Dialogs to Yield closure – every dialog should be organized in a
clear sequence with a beginning, middle and end. . Any well-defined
task has a beginning, middle and end; therefore it is the user’s task on
the computer to also feel this way.
5. Offer Simple Error Handling – user errors are costly in both the time
needed to correct them and the resulting mistakes. That is why, if
possible, systems designer should prevent the user from making
errors.
6. Permit Easy Reversal of Actions – users should feel that they can explore
options and take actions that can be canceled or reversed without any
difficulty.
7. Support Internal Locus of Control – Experienced users need to feel that
they are in-charge of the system and that the system responds to their
commands.
8. Reduce Short-Term Memory Load. – People can only remember about
seven chunks only information at a time.
TYPES OF USER INTERFACE
The different types of user interface are as follows:
• Natural Language Interface – this permits users to interact with the
computer in their everyday or natural language.
• Question-and-answer Interface - the computer displays a question to
the user on the display. And the computer then takes action on that input
information in a pre-programmed manner, usually by moving to the next
questions.
a dialog box is a type of question-and –answer interface that acts as a
question and answer interface with another application.
• Menu Interface – This type of user interface provides the user with a list
of available selections on the computer screen.
• Form-Fill Interface – also referred to as input/output forms, this
interface consists of onscreen forms or web-based forms that display
fields containing data items or parameters that need to be
communicated to the user
• Example of form fill interface of facebook
• Command – Language Interface – this user interface allows the user to
enter explicit statements to invoke operations within the system.
Example :
COPY C:NAMES.DOC A:NAMES.DOC
• Graphical User Interface – this types of user interface allows users to
directly manipulate the graphical representation on the screen, which
can be done with keyboard input, a joystick or a mouse.
• Other user interface include pointing devices:
• Stylus – a pointed stick that looks like a pen.
• Touch-sensitive screens – allow users to use finger in activating the display
• Voice recognition and synthesis – allows the users speak to the computer
while the system is able to recognize the individuals vocal signals, convert
them and store input
TWO MAIN DEVELOPMENTS IN SPEECH RECOGNITION ARE:
1. Continuous speech systems that allow for the input of regular text in
word processors
2. Speaker independence so that any number of people can enter
commands or words at a given workstation.
Some standards to consider in assessing the interfaces you have chosen
are follows:
1. The training period necessary for users should be acceptably short.
2. Users who are early in their training should be able to enter commands
without thinking about them or without referring to a help menu or
manual.
3. The interface should be faultless so that errors are few and those that
do occur are not occurring because of poor design.
4. The time that users and the system need to recover rom errors should
be short.
5. Occasional users should be able to study again the system quickly.
GUIDELINES FOR DESIGNING DIALOG
Dialog is the sequence in which information is displayed to an obtained
from a user. A well-designed dialog makes it easier for users to use a
computer and it leads to less frustration with the computer system.
There are three main points for designing good dialog and these are
follows:
1. Meaningful communication so that the computer understands what
people are entering and people understand what the computer is
presenting or requesting.
2. Minimal user action
3. Standard operation and consistency

More Related Content

What's hot

User interface design
User interface designUser interface design
User interface design
Naveen Sagayaselvaraj
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals
Anwal Mirza
 
Hci user interface-design principals lec 7
Hci user interface-design principals lec 7Hci user interface-design principals lec 7
Hci user interface-design principals lec 7
Anwal Mirza
 
interface
interfaceinterface
interface
rajshreemuthiah
 
User interface webpage
User interface webpageUser interface webpage
User interface webpagedhaval_tare
 
golden rules of user interface design
golden rules of user interface designgolden rules of user interface design
golden rules of user interface design
gadige harshini
 
Software engineering 19 user interface design elements
Software engineering 19 user interface design elementsSoftware engineering 19 user interface design elements
Software engineering 19 user interface design elements
Vaibhav Khanna
 
Human Factors and User Interface Design
Human Factors and User Interface DesignHuman Factors and User Interface Design
Human Factors and User Interface Design
SaggitariusArrow
 
Interaction styles
Interaction stylesInteraction styles
Interaction styles
Saqib Shehzad
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15koolkampus
 
Ch09-User Interface Design
Ch09-User Interface DesignCh09-User Interface Design
Ch09-User Interface Design
Fajar Baskoro
 
Software engineering 18 user interface design
Software engineering 18 user interface designSoftware engineering 18 user interface design
Software engineering 18 user interface design
Vaibhav Khanna
 
Types of User Interface
Types of User InterfaceTypes of User Interface
Types of User Interface
RathiPriyaRathnakuma
 
Direct manipulation - ppt
Direct manipulation - pptDirect manipulation - ppt
Direct manipulation - ppt
Ayeesha Kissinger
 
User interface design(sommerville) bangalore university
User interface design(sommerville) bangalore universityUser interface design(sommerville) bangalore university
User interface design(sommerville) bangalore university
Jaisha Shankar
 
computer programing and utilization
computer programing and utilizationcomputer programing and utilization
computer programing and utilizationTushar Limbasiya
 
User Interface Design,Principles & process
User Interface  Design,Principles & processUser Interface  Design,Principles & process
User Interface Design,Principles & process
Abd-Ur Rehman Saqib
 
16 user interfacedesign
16 user interfacedesign16 user interfacedesign
16 user interfacedesignrandhirlpu
 
Question/Answers & Query Dialogue
Question/Answers & Query DialogueQuestion/Answers & Query Dialogue
Question/Answers & Query Dialogue
Lakshika Rasanjali
 
Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)
emaan waseem
 

What's hot (20)

User interface design
User interface designUser interface design
User interface design
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals
 
Hci user interface-design principals lec 7
Hci user interface-design principals lec 7Hci user interface-design principals lec 7
Hci user interface-design principals lec 7
 
interface
interfaceinterface
interface
 
User interface webpage
User interface webpageUser interface webpage
User interface webpage
 
golden rules of user interface design
golden rules of user interface designgolden rules of user interface design
golden rules of user interface design
 
Software engineering 19 user interface design elements
Software engineering 19 user interface design elementsSoftware engineering 19 user interface design elements
Software engineering 19 user interface design elements
 
Human Factors and User Interface Design
Human Factors and User Interface DesignHuman Factors and User Interface Design
Human Factors and User Interface Design
 
Interaction styles
Interaction stylesInteraction styles
Interaction styles
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15
 
Ch09-User Interface Design
Ch09-User Interface DesignCh09-User Interface Design
Ch09-User Interface Design
 
Software engineering 18 user interface design
Software engineering 18 user interface designSoftware engineering 18 user interface design
Software engineering 18 user interface design
 
Types of User Interface
Types of User InterfaceTypes of User Interface
Types of User Interface
 
Direct manipulation - ppt
Direct manipulation - pptDirect manipulation - ppt
Direct manipulation - ppt
 
User interface design(sommerville) bangalore university
User interface design(sommerville) bangalore universityUser interface design(sommerville) bangalore university
User interface design(sommerville) bangalore university
 
computer programing and utilization
computer programing and utilizationcomputer programing and utilization
computer programing and utilization
 
User Interface Design,Principles & process
User Interface  Design,Principles & processUser Interface  Design,Principles & process
User Interface Design,Principles & process
 
16 user interfacedesign
16 user interfacedesign16 user interfacedesign
16 user interfacedesign
 
Question/Answers & Query Dialogue
Question/Answers & Query DialogueQuestion/Answers & Query Dialogue
Question/Answers & Query Dialogue
 
Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)
 

Similar to Designing user interface module 4

Dialogue management system
Dialogue management systemDialogue management system
Dialogue management systemMayank Agarwal
 
Hci [4]interaction
Hci [4]interactionHci [4]interaction
Hci [4]interaction
Welly Dian Astika
 
Unit 7 performing user interface design
Unit 7 performing user interface designUnit 7 performing user interface design
Unit 7 performing user interface design
Preeti Mishra
 
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
DennisAnaafi1
 
Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basics
GEETHAS668001
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
Ovidiu Von M
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
Aiman Hud
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
Saqib Raza
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
Abdul Rasheed Memon
 
Usability Heuristics
Usability HeuristicsUsability Heuristics
Usability Heuristics
Ovidiu Von M
 
Lecture (User Interface Design).ppt
Lecture (User Interface Design).pptLecture (User Interface Design).ppt
Lecture (User Interface Design).ppt
skknowledge
 
WINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.ppt
WINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.pptWINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.ppt
WINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.ppt
Vivekananda Gn
 
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.pptWINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
Vivekananda Gn
 
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.pptWINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
Vivekananda Gn
 
Designing mobile applications
Designing mobile applicationsDesigning mobile applications
Designing mobile applications
SynapseindiaComplaints
 
MR Summary Presentation
MR Summary PresentationMR Summary Presentation
MR Summary Presentationmarkrichman
 
Control mouse and computer system using voice commands
Control mouse and computer system using voice commandsControl mouse and computer system using voice commands
Control mouse and computer system using voice commands
eSAT Journals
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
Preeti Mishra
 
Ijetr021224
Ijetr021224Ijetr021224
Ijetr021224
ER Publication.org
 

Similar to Designing user interface module 4 (20)

Dialogue management system
Dialogue management systemDialogue management system
Dialogue management system
 
Hci [4]interaction
Hci [4]interactionHci [4]interaction
Hci [4]interaction
 
Unit 7 performing user interface design
Unit 7 performing user interface designUnit 7 performing user interface design
Unit 7 performing user interface design
 
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
 
Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basics
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
Usability Heuristics
Usability HeuristicsUsability Heuristics
Usability Heuristics
 
Lecture (User Interface Design).ppt
Lecture (User Interface Design).pptLecture (User Interface Design).ppt
Lecture (User Interface Design).ppt
 
WINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.ppt
WINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.pptWINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.ppt
WINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.ppt
 
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.pptWINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
 
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.pptWINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
WINSEM2022-23_SWE2004_ETH_VL2022230501954_2023-02-17_Reference-Material-I.ppt
 
Designing mobile applications
Designing mobile applicationsDesigning mobile applications
Designing mobile applications
 
HCI
HCI HCI
HCI
 
MR Summary Presentation
MR Summary PresentationMR Summary Presentation
MR Summary Presentation
 
Control mouse and computer system using voice commands
Control mouse and computer system using voice commandsControl mouse and computer system using voice commands
Control mouse and computer system using voice commands
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
Ijetr021224
Ijetr021224Ijetr021224
Ijetr021224
 

Recently uploaded

Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
Fwdays
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 

Recently uploaded (20)

Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 

Designing user interface module 4

  • 1.
  • 2. WHAT IS USER INTERFACE?
  • 3. • The interface (or Human Interface) is the aggregate of means by which people – the users – interact with the system. • The user interface is everything the user comes into contact with while using system – physically, perceptually and conceptually.
  • 4. THREE ASPECTS OF USER INTERFACE:  The physical aspect- comprise of the devices the user really touches, including the keyboard, mouse, touch screen or keypad.  The Perceptual aspects- consist of everything the end user sees, hears, or touches(beyond the physical devices.  The conceptual aspects – include everything the user knows about using the system.this include all the problem domain “things” in the system the user manipulates, the operation that can be performed and the procedure followed to carry out operations.
  • 5. TO DESIGN A BETTER USER INTERFACE, USE THE FOLLOWING OBJECTIVES: • Match the user interface to the task • Make the user interface efficient • Provide appropriate feedback to users • Generate usable queries. • Improve productivity of knowledge workers. The user interface has two main components: 1. Presentation language – the computer-to-human part of the transaction 2. Action language – characterizes the human-to-computer portion
  • 6. GUIDELINES FOR DESIGNING USER INTERFACES According to Ben Shneiderman, a leading researcher in HCI(Human-computer Interaction), there are eight general guidelines that are applicable in most interactive systems. These are the ff.: 1. Strive for consistency – it is imperative to design a consistent-appearing and functioning interface. The following should be consistent throughout the system: a. The way information is arranged on forms b. The names and arrangement of menu items c. The size and shape of icons d. The sequence followed to carry out tasks 2. Enable Frequent Users to use shortcuts. – Users used to work with one application for the whole day so they quickly loose patience with long menu sequences and multiple dialog boxes when they know exactly what they want to do. 3. Offer Informative Feedback – each action taken by the user should result to some type of feedback from the computer so that the users would know the action was recognized.
  • 7. 4. Design Dialogs to Yield closure – every dialog should be organized in a clear sequence with a beginning, middle and end. . Any well-defined task has a beginning, middle and end; therefore it is the user’s task on the computer to also feel this way. 5. Offer Simple Error Handling – user errors are costly in both the time needed to correct them and the resulting mistakes. That is why, if possible, systems designer should prevent the user from making errors. 6. Permit Easy Reversal of Actions – users should feel that they can explore options and take actions that can be canceled or reversed without any difficulty. 7. Support Internal Locus of Control – Experienced users need to feel that they are in-charge of the system and that the system responds to their commands. 8. Reduce Short-Term Memory Load. – People can only remember about seven chunks only information at a time.
  • 8. TYPES OF USER INTERFACE The different types of user interface are as follows: • Natural Language Interface – this permits users to interact with the computer in their everyday or natural language. • Question-and-answer Interface - the computer displays a question to the user on the display. And the computer then takes action on that input information in a pre-programmed manner, usually by moving to the next questions. a dialog box is a type of question-and –answer interface that acts as a question and answer interface with another application. • Menu Interface – This type of user interface provides the user with a list of available selections on the computer screen.
  • 9. • Form-Fill Interface – also referred to as input/output forms, this interface consists of onscreen forms or web-based forms that display fields containing data items or parameters that need to be communicated to the user • Example of form fill interface of facebook
  • 10. • Command – Language Interface – this user interface allows the user to enter explicit statements to invoke operations within the system. Example : COPY C:NAMES.DOC A:NAMES.DOC • Graphical User Interface – this types of user interface allows users to directly manipulate the graphical representation on the screen, which can be done with keyboard input, a joystick or a mouse. • Other user interface include pointing devices: • Stylus – a pointed stick that looks like a pen. • Touch-sensitive screens – allow users to use finger in activating the display • Voice recognition and synthesis – allows the users speak to the computer while the system is able to recognize the individuals vocal signals, convert them and store input
  • 11. TWO MAIN DEVELOPMENTS IN SPEECH RECOGNITION ARE: 1. Continuous speech systems that allow for the input of regular text in word processors 2. Speaker independence so that any number of people can enter commands or words at a given workstation. Some standards to consider in assessing the interfaces you have chosen are follows: 1. The training period necessary for users should be acceptably short. 2. Users who are early in their training should be able to enter commands without thinking about them or without referring to a help menu or manual. 3. The interface should be faultless so that errors are few and those that do occur are not occurring because of poor design. 4. The time that users and the system need to recover rom errors should be short. 5. Occasional users should be able to study again the system quickly.
  • 12. GUIDELINES FOR DESIGNING DIALOG Dialog is the sequence in which information is displayed to an obtained from a user. A well-designed dialog makes it easier for users to use a computer and it leads to less frustration with the computer system. There are three main points for designing good dialog and these are follows: 1. Meaningful communication so that the computer understands what people are entering and people understand what the computer is presenting or requesting. 2. Minimal user action 3. Standard operation and consistency