User Interface Design,Principles & process

User Interface Design,Principles &
process
PRESENTED BY :
ABD - UR REHMAN SAQIB

Introduction
Key Terms
 Types of Interfaces
 User Interfaces - how the system will interact with
external entities.
 System Interfaces - how systems exchange
information with other systems.

Fundamental parts of a User Interface
 Navigation mechanism –
provides the way for users to tell the system what to do.
 Input mechanism –
defines the way the system captures
information.
 Output mechanism –
defines the way the system provides information to
users or other systems.

Principles for User Interface Design
Goal

Layout
Content awareness
Aesthetics
User experience
Consistency
Minimize user effort

Layout:
organizes areas of the screen or document for
different purposes.
Standard Windows for screen layout
Navigation area (top)
Work area (middle)
Status area (bottom)
Info can be presented in multiple areas
Like areas should be grouped together

Layout continued…
 Areas and information should minimize user movement
from one to another
 Ideally, areas will remain consistent in
 Size
 Shape
 Placement for entering data

User Interface Design,Principles & process

 Content Awareness:
Users should always be aware of where they are in
the system and what is being displayed.
All interfaces should have titles
Menus should show
1. where you are
2. where you came from to get there
 It should be clear what info is within each area

 Aesthetics:
Designing interfaces that are pleasing
to the eye.
Interfaces need to be functional and inviting to use
Avoid squeezing in too much, particularly for novice users
Design text carefully
 Be aware of font and size
 Avoid using all capital letters

 User Experience:
Designing the user interface
with the users’ level of computer experience in mind.
How easy is the program to learn?
 Usually a concern for Novice Users
How easy is the program to use?
 Usually a concern for Expert Users

 Consistency:
Enables users to predict what will happen next.
 Probably the single most important
factor in making a system easy to use
 Considers items within an application
and across applications

 Minimize User Effort :
The interface should be simple and minimize the
number of clicks or keystrokes to move from one part of the
system to another.
 “Three click rule”
 Commonly used by interface designers
 Users should be able to go from the start or main menu of
a system to the information or action they want in no
more than three mouse clicks or three keystrokes

 Overview:
 Four step process
 Whole Process is repeated until no improvements
are found.
•e.g. Prepare design >> Design >> Evaluation
 4 steps
 Use scenario development
 Structure design
 Standards design
 Evaluation
User Interface Design Process

 Use Scenario Development:
 Scenario planning is a means for managers to visualize the
future and assess how they will respond in different
situations.
 Simple narrative description
 Describes ONLY the common use of system

 Use Scenario Development:

 Interface Structure
 Defines basic components of the interface
 Uses interface structure diagram (ISD)

Interface Standards
•Basic design elements that are common across individual
screens, forms, and reports
•Ensures consistency of interface across the system
•5 elements

Interface Standard
1. Interface Metaphor
 Set of user interface visuals, actions, and procedures
from real world that is used as a model for the computer
system.
e.g. File and folder representation of operating system, Desktop
representation
2. Interface Template
 Defines general appearance of all screens
Defines standard placement and order for common interface
action

3. Interface Objects
Fundamental building blocks of the system such as entities
and data stores
e.g. Shopping Cart
4. Interface Actions
Actions within interface objects
e.g. add item, delete item, modify amount, etc
5. Interface Icons

 Interface Evaluation
 Evaluation should be performed before the system is build
 Identifying design problem saves time and money
 Most evaluation involves 5 to 10 users
 4 common approaches

 Heuristic Evaluation
•No involvements of users
•At least three members of project team check to ensure that
the interface satisfies design principal
 Walk-though Evaluation
•Evaluated by operators of the system
•Project team member walk through the interface with the
user

 Interactive Evaluation
•One-on-one evaluation by a user and a member of project
team
 Formal Usability Testing
•Usually done for commercial software or product developed
for large organization
•Uses only language prototype
•User test a system without any assistance

Thanks All of You
ANY QUESTIONS?

User Interface Design,Principles & process

Recommended

More Related Content

What's hot (20)

Similar to User Interface Design,Principles & process (20)

Recently uploaded (20)

User Interface Design,Principles & process