SlideShare a Scribd company logo
1 of 42
Download to read offline
USER INTERFACE
OVERVIEW
What is Human Computer Interface (User Interface)
principles of user interface design
What makes a good Interface
Why should we care about UI?
GROUP MEMBERS
Abdulsemed Lezin
Habab Sadam
Michael Gebre
Ferhan Hussen
Amente Nigussie
WHAT IS UI?
Visual part of computer application or operating system through which a
user interacts with a computer or a software.
It determines how commands are given to the computer or the program and
how information is displayed on the screen.
Three main types of user interfaces are
(1) Command language: the user must know the machine and program-
specific instructions or codes.
(2) Menus: user chooses the commands from lists displayed on the screen.
(3) Graphical user interface (GUI): user gives commands by selecting and
clicking on icons displayed on the screen.
THE USER INTERFACE
System users often judge a system by its interface rather than its
functionality
A poorly designed interface can cause a user to make catastrophic
errors
Poor user interface design is the reason why so many software
systems are never used
Most users of business systems interact with these systems through
graphical user interfaces (GUIs)
In some cases, legacy text-based interfaces are still used
User Interface
GRAPHICAL USER INTERFACE (GUI)
Graphical User interfaces rely much more heavily on the mouse. A
typical example of this type of interface is any version of the Windows
Operating System. The main advantages are:
1. Less expert knowledge is required to use it (more user friendly)
2. Easier to navigate.. can look through folders quickly in a guess
and check manner.
The main disadvantages are:
1. Typically decreased options (less powerful)
2. Typically less customizable. Not easy to use one button for tons of
different variations.
Graphical User Interfaces are more common than text-based
interfaces in modern computing.
GUI ADVANTAGES
They are easy to learn and use.
Users without experience can learn to use the system
quickly.
The user may switch quickly from one task to
another and can interact with several different applications.
Information remains visible in its own window when
attention is switched.
Fast, full-screen interaction is possible with immediate access to
anywhere on the screen
PROBLEMS
Actions involving logical conjunction (and) or disjunction (or) are
awkward to represent
If there are many choices, some menu structuring facility must be used
Experienced users find menus slower than command language
USER INTERFACE EVALUATION
Some evaluation of a user interface design should be carried out to
assess its suitability
Full scale evaluation is very expensive and impractical for most
systems
Ideally, an interface should be evaluated against a usability
specification
However, it is rare for such specifications to be produced
ELEMENTS OF USER INTERFACE
To perform user interface analysis, the practitioner needs to study and
understand four elements
The users who will interact with the system through the interface
The tasks that end users must perform to do their work
The content that is presented as part of the interface
The work environment in which these tasks will be conducted
THANK YOU
TYPES OF USER INTERFACE
There are two main types of user interfaces:
1. Text-Based User Interface or Command-Line
Interface
2. Graphical User Interface (GUI)
TEXT-BASED USER INTERFACE
This method relies primarily on the keyboard. A typical example of this
is UNIX. The main advantages of a Text-Based User Interface are:
1. Many and Easier to customization options
2. Typically capable of more powerful tasks
The main disadvantages of a Text-Based User Interface are:
1. Relies heavily on recall rather than recognition.
2. Navigation is often more difficult
GRAPHICAL USER INTERFACE (GUI)
Graphical User interfaces rely much more heavily on the mouse. A
typical example of this type of interface is any version of the Windows
Operating System. The main advantages are:
1. Less expert knowledge is required to use it (more user friendly)
2. Easier to navigate.. can look through folders quickly in a guess
and check manner.
The main disadvantages are:
1. Typically decreased options (less powerful)
2. Typically less customizable. Not easy to use one button for tons of
different variations.
Graphical User Interfaces are more common than text-based
interfaces in modern computing.
PRINCIPLES OF USER INTERFACE DESIGN
The principles of user interface design are a way to improve
the quality of user interface design.
According to Larry Constantine and Lucy Lockwood in their
usage-centered design, these are principles of User Interface
Design
UI DESIGN PRINCIPLE CONT..
The structure principle:- Design should organize the user interface
purposefully, in meaningful and useful ways based on clear, consistent
models that are apparent and recognizable to users, putting related
things together and separating unrelated things, differentiating
dissimilar things and making similar things resemble one another. The
structure principle is concerned with overall user interface architecture.
CONT..
• The simplicity principle: - The design should make simple,
common tasks easy, communicating clearly and simply in
the user's own language, and providing good shortcuts that
are meaningfully related to longer procedures.
CONT..
The visibility principle: The design should make all needed options and
materials for a given task visible without distracting the user with
extraneous or redundant information. Good designs don't overwhelm
users with alternatives or confuse with unneeded information.
The feedback principle: The design should keep users informed of
actions or interpretations, changes of state or condition, and errors or
exceptions that are relevant and of interest to the user through clear,
concise, and unambiguous language familiar to users.
CONT..
The tolerance principle: The design should be flexible and tolerant,
reducing the cost of mistakes and misuse by allowing undoing and
redoing, while also preventing errors wherever possible by tolerating
varied inputs and sequences and by interpreting all reasonable actions.
The reuse principle: The design should reuse internal and external
components and behaviors, maintaining consistency with purpose
rather than merely arbitrary consistency, thus reducing the need for
users to rethink and remember.
LAWS OF UI DESIGN
According to Jef Raskin in his book The Humane Interface, there are
two laws of user interface design
1, First Law: - A computer shall not harm your work or, through
inactivity, allow your work to come to harm.
2, Second Law: - A computer shall not waste your time or require
you to do more work than is strictly necessary.
Jef Raskin also mentions that "users should set the pace of an
interaction," meaning that a user should not be kept waiting
unnecessarily.
THANK YOU
WHAT MAKES A GOOD USER INTERFACE?
A good interface makes it easy for users to tell the computer what
they want to do, for the computer to request information from the users,
and for the computer to present understandable information. Clear
communication between the user and the computer is the working
premise of good UI design.
Good interfaces are:
Clear
A clear interface helps prevent user errors, makes important information
obvious,
and contributes to ease of learning and use.
Consistent
A consistent interface allows users to apply previously learned knowledge
to new tasks.
Effective applications are both consistent within themselves and consistent
with one another.
Simple
The best interface designs are simple. Simple designs are easy to learn
and to use and give the interface a consistent look. A good design requires a
good balance between maximizing Functionality and maintaining simplicity
through progressive disclosure of information.
User-Controlled
The user, not the computer, initiates and controls all actions.
Direct
Users must see the visible cause-and-effect relationship between the actions they
take and the objects on the screen.
This allows users to feel that they are in charge of the computer's activities.
Forgiving
Users make mistakes.
User actions should be reversible.
A good interface facilitates exploration and trial and
error learning.
Provide feedback
Keep the user informed and provide immediate feedback.
Also, ensure that feedback is appropriate to the task.
Aesthetic
Every visual element that appears on the screen potentially competes for the
user's attention. Provide an environment that is pleasant to work in and
contributes to the user's understanding of the information presented.
THANK YOU
4. WHY YOU SHOULD CARE
4.1 Finance
4.2 Impact
4.3 Ethics
4.1 FINANCE
Cost savings of usability testing.
For commercial organizations, greater usability leads to increased sales
and greater competitive advantage.
FINANCE(CONT..)
• For non-profits, “conversion rates” (e.g. transforming a casual
user to a signed-up and engaged user) are still important: a
resource that addresses the needs of its users is more likely to
lead to greater use and (repeated) engagement.
• Reduce support costs.
4.2 IMPACT
• Increased user engagement in design This can lead to more
user-focused resources which in turn can increase a
resource’s impact.
• Impact important consideration when creating funding
applications.
4.3 ETHICS
• All resources have users or potential users.
• Jef Raskin, The Humane Interface (2000): laws of interface design:
• A computer shall not harm your work or, through inactivity, allow your work to
come to harm.
• A computer shall not waste your time or require you to do more work than is
strictly necessary.
USER INTERFACE (ADVANTAGE AND
DISADVANTAGES)
Graphical User Interface
Menu Driven Interfaces
Command Line Interface Applications
ADVANTAGES (GUI)
It can be user-friendly and speed up the user's work.
It can be more attractive for non-technical people.
In general, it looks more professional (but this does not mean it is
always the best solution).
DISADVANTAGES
When it is not properly built, it can be very difficult to work with.
It generally requires more memory resources than a non-graphical one.
It might require the installation of additional software, e.g., the "runtime
environment" in the case of java.
Depending on the programmer, it might require more time to be implemented.
MENU DRIVEN INTERFACES
Menu Driven Applications
• ATM
• Mobile Phone
• MP3 Player
• Video recorder
• Household Devices
• Digital/Cable TV
ADVANTAGES (MENU DRIVEN INTERFACES)
No need to learn complex commands/language
Easier for a novice to learn/use
Ideal when there are a limited number of options (efficient)
DISADVANTAGES
• Can be frustrating for experienced users i.e. the command
they want to use is buried 5 levels deep!!!!
• User interface may be limited by screen space and number
of options available
COMMAND LINE INTERFACE APPLICATIONS
System administration
Engineering applications
Scientific applications
And for other specific application
ADVANTAGES (COMMAND LINE INTERFACES)
Very flexible with the use of “switches” (options)
Good for “expert” users - can quickly access commands
Uses the fewest system resources
COMMAND LINE INTERFACES(DISADVANTAGE)
Requires the user to learn “complex” commands or language
“Hidden” features i.e. if you don’t know the commands you wont know
the features are there!
Not very good for novice users

More Related Content

What's hot

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
 
HCI - Chapter 4
HCI - Chapter 4HCI - Chapter 4
HCI - Chapter 4Alan Dix
 
Introduction to programming
Introduction to programmingIntroduction to programming
Introduction to programmingNeeru Mittal
 
User interfaces presentation
User interfaces presentationUser interfaces presentation
User interfaces presentationsomipam1
 
User Interface Design
User Interface DesignUser Interface Design
User Interface DesignGil Pasiona
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design Saqib Raza
 
User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applicationsAashish Uppal
 
User interface design
User interface designUser interface design
User interface designSlideshare
 
Programming languages
Programming languagesProgramming languages
Programming languagesAkash Varaiya
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channelN.Jagadish Kumar
 
hci in software development process
hci in software development processhci in software development process
hci in software development processKainat Ilyas
 
Restaurant management presentation
Restaurant management presentationRestaurant management presentation
Restaurant management presentationjoilrahat
 
Final Year Project BCA Presentation on Pic-O-Stica
Final Year Project BCA Presentation on Pic-O-SticaFinal Year Project BCA Presentation on Pic-O-Stica
Final Year Project BCA Presentation on Pic-O-SticaSharath Raj
 

What's hot (20)

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
 
User interface-design
User interface-designUser interface-design
User interface-design
 
Programming
ProgrammingProgramming
Programming
 
HCI - Chapter 4
HCI - Chapter 4HCI - Chapter 4
HCI - Chapter 4
 
Types of User Interface
Types of User InterfaceTypes of User Interface
Types of User Interface
 
software engineering
software engineeringsoftware engineering
software engineering
 
Introduction to programming
Introduction to programmingIntroduction to programming
Introduction to programming
 
User interfaces presentation
User interfaces presentationUser interfaces presentation
User interfaces presentation
 
User Interface Design
User Interface DesignUser Interface Design
User Interface Design
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
 
User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applications
 
Unit2 hci
Unit2 hciUnit2 hci
Unit2 hci
 
User interface design
User interface designUser interface design
User interface design
 
Basic Computer Course
Basic  Computer CourseBasic  Computer Course
Basic Computer Course
 
Programming languages
Programming languagesProgramming languages
Programming languages
 
Web Servers (ppt)
Web Servers (ppt)Web Servers (ppt)
Web Servers (ppt)
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 
Restaurant management presentation
Restaurant management presentationRestaurant management presentation
Restaurant management presentation
 
Final Year Project BCA Presentation on Pic-O-Stica
Final Year Project BCA Presentation on Pic-O-SticaFinal Year Project BCA Presentation on Pic-O-Stica
Final Year Project BCA Presentation on Pic-O-Stica
 

Viewers also liked

Graphical User Interface
Graphical User Interface Graphical User Interface
Graphical User Interface Bivek Pakuwal
 
Graphical user interface of web form
Graphical user interface of web formGraphical user interface of web form
Graphical user interface of web formmentorrbuddy
 
PThreads Vs Win32 Threads
PThreads  Vs  Win32 ThreadsPThreads  Vs  Win32 Threads
PThreads Vs Win32 ThreadsRobert Sayegh
 
User Interface Design
User Interface DesignUser Interface Design
User Interface DesignJReifman
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 
Graphical User Interface (Gui)
Graphical User Interface (Gui)Graphical User Interface (Gui)
Graphical User Interface (Gui)Bilal Amjad
 
Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1PRN USM
 
human computer interface
human computer interfacehuman computer interface
human computer interfaceSantosh Kumar
 

Viewers also liked (12)

Matlab GUI
Matlab GUIMatlab GUI
Matlab GUI
 
Gui
GuiGui
Gui
 
Matlab GUI
Matlab GUIMatlab GUI
Matlab GUI
 
User Interface
User InterfaceUser Interface
User Interface
 
Graphical User Interface
Graphical User Interface Graphical User Interface
Graphical User Interface
 
Graphical user interface of web form
Graphical user interface of web formGraphical user interface of web form
Graphical user interface of web form
 
PThreads Vs Win32 Threads
PThreads  Vs  Win32 ThreadsPThreads  Vs  Win32 Threads
PThreads Vs Win32 Threads
 
User Interface Design
User Interface DesignUser Interface Design
User Interface Design
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
Graphical User Interface (Gui)
Graphical User Interface (Gui)Graphical User Interface (Gui)
Graphical User Interface (Gui)
 
Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1
 
human computer interface
human computer interfacehuman computer interface
human computer interface
 

Similar to User Interface

Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To UsabilityOvidiu Von M
 
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 7Anwal Mirza
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principalsAnwal Mirza
 
Software engineering
Software engineeringSoftware engineering
Software engineeringIshucs
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2Durgesh Pandey
 
User interface webpage
User interface webpageUser interface webpage
User interface webpagedhaval_tare
 
Designing user interface module 4
Designing user interface module 4Designing user interface module 4
Designing user interface module 4DBPMCF
 
Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsGEETHAS668001
 
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docxPRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docxharrisonhoward80223
 
20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptx20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptxParthibanSubramani7
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionbrindaN
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rulesPreeti Mishra
 
AN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTS
AN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTSAN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTS
AN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTSijseajournal
 

Similar to User Interface (20)

Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
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
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals
 
Software engineering
Software engineeringSoftware engineering
Software engineering
 
SECh1516
SECh1516SECh1516
SECh1516
 
Ijetr021224
Ijetr021224Ijetr021224
Ijetr021224
 
Ijetr021224
Ijetr021224Ijetr021224
Ijetr021224
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
User interface webpage
User interface webpageUser interface webpage
User interface webpage
 
Designing user interface module 4
Designing user interface module 4Designing user interface module 4
Designing user interface module 4
 
Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basics
 
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docxPRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
 
20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptx20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptx
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
Unit v
Unit vUnit v
Unit v
 
UI guidelines
UI guidelinesUI guidelines
UI guidelines
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
Slides chapter 12
Slides chapter 12Slides chapter 12
Slides chapter 12
 
AN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTS
AN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTSAN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTS
AN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTS
 

Recently uploaded

AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 

Recently uploaded (20)

AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 

User Interface

  • 2. OVERVIEW What is Human Computer Interface (User Interface) principles of user interface design What makes a good Interface Why should we care about UI?
  • 3. GROUP MEMBERS Abdulsemed Lezin Habab Sadam Michael Gebre Ferhan Hussen Amente Nigussie
  • 4. WHAT IS UI? Visual part of computer application or operating system through which a user interacts with a computer or a software. It determines how commands are given to the computer or the program and how information is displayed on the screen. Three main types of user interfaces are (1) Command language: the user must know the machine and program- specific instructions or codes. (2) Menus: user chooses the commands from lists displayed on the screen. (3) Graphical user interface (GUI): user gives commands by selecting and clicking on icons displayed on the screen.
  • 5. THE USER INTERFACE System users often judge a system by its interface rather than its functionality A poorly designed interface can cause a user to make catastrophic errors Poor user interface design is the reason why so many software systems are never used Most users of business systems interact with these systems through graphical user interfaces (GUIs) In some cases, legacy text-based interfaces are still used
  • 7. GRAPHICAL USER INTERFACE (GUI) Graphical User interfaces rely much more heavily on the mouse. A typical example of this type of interface is any version of the Windows Operating System. The main advantages are: 1. Less expert knowledge is required to use it (more user friendly) 2. Easier to navigate.. can look through folders quickly in a guess and check manner. The main disadvantages are: 1. Typically decreased options (less powerful) 2. Typically less customizable. Not easy to use one button for tons of different variations. Graphical User Interfaces are more common than text-based interfaces in modern computing.
  • 8. GUI ADVANTAGES They are easy to learn and use. Users without experience can learn to use the system quickly. The user may switch quickly from one task to another and can interact with several different applications. Information remains visible in its own window when attention is switched. Fast, full-screen interaction is possible with immediate access to anywhere on the screen
  • 9. PROBLEMS Actions involving logical conjunction (and) or disjunction (or) are awkward to represent If there are many choices, some menu structuring facility must be used Experienced users find menus slower than command language
  • 10. USER INTERFACE EVALUATION Some evaluation of a user interface design should be carried out to assess its suitability Full scale evaluation is very expensive and impractical for most systems Ideally, an interface should be evaluated against a usability specification However, it is rare for such specifications to be produced
  • 11. ELEMENTS OF USER INTERFACE To perform user interface analysis, the practitioner needs to study and understand four elements The users who will interact with the system through the interface The tasks that end users must perform to do their work The content that is presented as part of the interface The work environment in which these tasks will be conducted
  • 13. TYPES OF USER INTERFACE There are two main types of user interfaces: 1. Text-Based User Interface or Command-Line Interface 2. Graphical User Interface (GUI)
  • 14. TEXT-BASED USER INTERFACE This method relies primarily on the keyboard. A typical example of this is UNIX. The main advantages of a Text-Based User Interface are: 1. Many and Easier to customization options 2. Typically capable of more powerful tasks The main disadvantages of a Text-Based User Interface are: 1. Relies heavily on recall rather than recognition. 2. Navigation is often more difficult
  • 15. GRAPHICAL USER INTERFACE (GUI) Graphical User interfaces rely much more heavily on the mouse. A typical example of this type of interface is any version of the Windows Operating System. The main advantages are: 1. Less expert knowledge is required to use it (more user friendly) 2. Easier to navigate.. can look through folders quickly in a guess and check manner. The main disadvantages are: 1. Typically decreased options (less powerful) 2. Typically less customizable. Not easy to use one button for tons of different variations. Graphical User Interfaces are more common than text-based interfaces in modern computing.
  • 16. PRINCIPLES OF USER INTERFACE DESIGN The principles of user interface design are a way to improve the quality of user interface design. According to Larry Constantine and Lucy Lockwood in their usage-centered design, these are principles of User Interface Design
  • 17. UI DESIGN PRINCIPLE CONT.. The structure principle:- Design should organize the user interface purposefully, in meaningful and useful ways based on clear, consistent models that are apparent and recognizable to users, putting related things together and separating unrelated things, differentiating dissimilar things and making similar things resemble one another. The structure principle is concerned with overall user interface architecture.
  • 18. CONT.. • The simplicity principle: - The design should make simple, common tasks easy, communicating clearly and simply in the user's own language, and providing good shortcuts that are meaningfully related to longer procedures.
  • 19. CONT.. The visibility principle: The design should make all needed options and materials for a given task visible without distracting the user with extraneous or redundant information. Good designs don't overwhelm users with alternatives or confuse with unneeded information. The feedback principle: The design should keep users informed of actions or interpretations, changes of state or condition, and errors or exceptions that are relevant and of interest to the user through clear, concise, and unambiguous language familiar to users.
  • 20. CONT.. The tolerance principle: The design should be flexible and tolerant, reducing the cost of mistakes and misuse by allowing undoing and redoing, while also preventing errors wherever possible by tolerating varied inputs and sequences and by interpreting all reasonable actions. The reuse principle: The design should reuse internal and external components and behaviors, maintaining consistency with purpose rather than merely arbitrary consistency, thus reducing the need for users to rethink and remember.
  • 21. LAWS OF UI DESIGN According to Jef Raskin in his book The Humane Interface, there are two laws of user interface design 1, First Law: - A computer shall not harm your work or, through inactivity, allow your work to come to harm. 2, Second Law: - A computer shall not waste your time or require you to do more work than is strictly necessary. Jef Raskin also mentions that "users should set the pace of an interaction," meaning that a user should not be kept waiting unnecessarily.
  • 23. WHAT MAKES A GOOD USER INTERFACE? A good interface makes it easy for users to tell the computer what they want to do, for the computer to request information from the users, and for the computer to present understandable information. Clear communication between the user and the computer is the working premise of good UI design.
  • 24. Good interfaces are: Clear A clear interface helps prevent user errors, makes important information obvious, and contributes to ease of learning and use. Consistent A consistent interface allows users to apply previously learned knowledge to new tasks. Effective applications are both consistent within themselves and consistent with one another.
  • 25. Simple The best interface designs are simple. Simple designs are easy to learn and to use and give the interface a consistent look. A good design requires a good balance between maximizing Functionality and maintaining simplicity through progressive disclosure of information. User-Controlled The user, not the computer, initiates and controls all actions.
  • 26. Direct Users must see the visible cause-and-effect relationship between the actions they take and the objects on the screen. This allows users to feel that they are in charge of the computer's activities. Forgiving Users make mistakes. User actions should be reversible. A good interface facilitates exploration and trial and error learning.
  • 27. Provide feedback Keep the user informed and provide immediate feedback. Also, ensure that feedback is appropriate to the task. Aesthetic Every visual element that appears on the screen potentially competes for the user's attention. Provide an environment that is pleasant to work in and contributes to the user's understanding of the information presented.
  • 29. 4. WHY YOU SHOULD CARE 4.1 Finance 4.2 Impact 4.3 Ethics
  • 30. 4.1 FINANCE Cost savings of usability testing. For commercial organizations, greater usability leads to increased sales and greater competitive advantage.
  • 31. FINANCE(CONT..) • For non-profits, “conversion rates” (e.g. transforming a casual user to a signed-up and engaged user) are still important: a resource that addresses the needs of its users is more likely to lead to greater use and (repeated) engagement. • Reduce support costs.
  • 32. 4.2 IMPACT • Increased user engagement in design This can lead to more user-focused resources which in turn can increase a resource’s impact. • Impact important consideration when creating funding applications.
  • 33. 4.3 ETHICS • All resources have users or potential users. • Jef Raskin, The Humane Interface (2000): laws of interface design: • A computer shall not harm your work or, through inactivity, allow your work to come to harm. • A computer shall not waste your time or require you to do more work than is strictly necessary.
  • 34. USER INTERFACE (ADVANTAGE AND DISADVANTAGES) Graphical User Interface Menu Driven Interfaces Command Line Interface Applications
  • 35. ADVANTAGES (GUI) It can be user-friendly and speed up the user's work. It can be more attractive for non-technical people. In general, it looks more professional (but this does not mean it is always the best solution).
  • 36. DISADVANTAGES When it is not properly built, it can be very difficult to work with. It generally requires more memory resources than a non-graphical one. It might require the installation of additional software, e.g., the "runtime environment" in the case of java. Depending on the programmer, it might require more time to be implemented.
  • 37. MENU DRIVEN INTERFACES Menu Driven Applications • ATM • Mobile Phone • MP3 Player • Video recorder • Household Devices • Digital/Cable TV
  • 38. ADVANTAGES (MENU DRIVEN INTERFACES) No need to learn complex commands/language Easier for a novice to learn/use Ideal when there are a limited number of options (efficient)
  • 39. DISADVANTAGES • Can be frustrating for experienced users i.e. the command they want to use is buried 5 levels deep!!!! • User interface may be limited by screen space and number of options available
  • 40. COMMAND LINE INTERFACE APPLICATIONS System administration Engineering applications Scientific applications And for other specific application
  • 41. ADVANTAGES (COMMAND LINE INTERFACES) Very flexible with the use of “switches” (options) Good for “expert” users - can quickly access commands Uses the fewest system resources
  • 42. COMMAND LINE INTERFACES(DISADVANTAGE) Requires the user to learn “complex” commands or language “Hidden” features i.e. if you don’t know the commands you wont know the features are there! Not very good for novice users