User Interface

Design
What did we learn so far?
 What we will discuss…
1. Introduction to HCI
2. Understanding the Human User
3. Evolving Technologies for Rich Interaction
4. Interaction Modelling and Design
5. Pact Analysis
6. GUI Concepts
7. User Centered Design
8. Usability and Accessibility
9. Task Analysis
10. Developing Effective Prototype Interfaces
11. User Support
 07
User Centered Design
Importance of User Centered Design
is a collection of processes which focus on putting users at the center of
product design and development.

You develop your digital product taking into account your user’s
requirements, objectives and feedback.

There are five major UCD principles

1. A clear understanding of user and task requirements.
2. Incorporating user feedback to define requirements and design.
3. Early and active involvement of the user to evaluate the design of
the product.
4. Integrating user-centered design with other development
activities.
5. Iterative design process
 The essential elements of UCD
• Visibility: Users should be able to see from the beginning what they can do
with the product, what is it about, how they can use it.

• Accessibility: Users should be able to find information easily and quickly. They
should be offered various ways to find information for example call to action
buttons, search option, menu, etc.

• Legibility: Text should be easy to read. As simple as that.

• Language: Short sentences are preferred here. The easier the phrase and the
words, the better.
 The process of UCD
The main objective is to establish why these users would be interested in your
product and how they want to use it.

• Identifying the target end users

• Specifying the context of use
• Group data to formulate a set of requirements and user goals
• usability testing repeated until the best design achieved
The five stage design process
 1. Empathize

• Persona

Personas are archetypes of real users.

It is a representation of a particular
group of people with similar behavior,
needs, goals, skills, attitudes, etc.
 1. Empathize
• User Journey Mapping

it visualizes how a user interacts with a product and allows designers to see a product
from a user’s point of view

STEP
 2. Define
• Analyze observations and synthesize them in order to define the core
problem(s)

• Define the problem(s) as a problem statement in a human-centered

manner.
 3. Ideate
• Individual Ideation Techniques

o Brain writing & Brainstorming

o Rapid fire
o Speed mind mapping

• Group Ideation Techniques

Level 1
o Reverse thinking
Level 2
o Industry swap

Level 3
 4. Prototype
• This is an experimental phase

• Aim is to identify the best possible solution for each of the problems
identified during the first three stages

By the end of this stage the design team will have

• a better idea of the constraints inherent to the product

• the problems that are present a clearer view of how real users would behave,
think, and feel when interacting with the end product.
 4. Prototype
• The design team will now produce number of inexpensive, scaled
down versions of the product

• Investigate the problem solutions generated in the previous stage

• Prototypes may be shared and tested

o within the team itself

o in other departments
o on a small group of people outside the design team
4. Prototype
4. Prototype
 5. Testing

Designers or evaluators
rigorously test the complete
product using the best
solutions identified during the
prototyping phase
Thank you!
Any questions ?
Contact me through : dilasha.jaksa@esoft.lk