UI & UX

• UI – USER INTERFACE
Refers to the interactivity , look and feel
of a product screen or web page.
• UX – USER EXPERIENCE
Refers to users overall experience with
the product or website .
DESIGN : To achieve the goal
within the constraint.
GOAL : 1. What is the purpose ?
2. Who is it for ?
3. Why do they want it ?
CONSTRAINTS : [ TIME , COST , SCOPE ]
1. What material is to be used ?
2. What standards we must adopt ?
3. How much can it cost ?
4. How much time it takes to develop ?
5. Do it cause any health and safety problems ?
PROCESS OF DESIGN
How to recognise successful UX
design ?
• Is the site or product useful ?
• Is it usable ?
• Is it desirable ?
• Have you made it findable ?
Will a user know where to find what they are looking for ?
• Is it accessible ?
• Is it valuable ?
CORE STAGES OF DESIGN
THINKING
• It’s a non –linear iterative process .
• It is used to
• understand users
• challenge assumptions
• redefine problems and
• create innovative solutions
• It is useful to tackle unknown problems .
• It’s a problem solving methodology.
THREE LENSES OF DESIGN
THINKING
THREE LENSES OF DESIGN
THINKING
DESIRABILITY : MEET PEOPLES
NEED
• Look into the Needs , dreams and behaviour of
people .
• Listen to what people wants and not what
organisations wants .
• Thinks about the solution to satisfy these needs
from users point of view .
FEASIBILITY : BE
TECHNOLOGICALLY POSSIBLE
• Once identification of solution is down , team
thinks whether the organisation can implement
it .
• Check whether they have infinite resources and
time .
• If no resources it will plan to increase the
resources .
VIABILITY : GENERATE PROFIT
• Organisation must be able to generate
revenue and profits from the solution .
• It’s for both commercial and non profit
organisation.
STAGES OF DESIGN THINKING
EMPATHIZE
• It is the first stage of design thinking .
• Helps problem solver to better understand the wants , needs and
the objectives of the users .
• The business or individual should try to understand and observe ,
engage and emphasize with the user .
GOAL
• Set aside assumptions and obtain real life insights as to what a
user wants and needs .
• This is about gaining deep insight into user’s perspective .
DEFINE
• Second stage focused on defining the problem .
• Using the information gathered from the users ,
designers and other individuals will determine
the core of the problem that users are facing .
• Develop a problem statement that is human
Centered.
IDEATE
• Individuals begin to create ideas for solving the problems
discovered during the first two stages .
• Designers and others can come up with new solutions that
are different from previously suggested or used.
• Teams may use ideation techniques such as
BRAINSTORMING or idea generation workshops to come
up with as many ideas as possible and slowly narrow the
list with most viable options .
PROTOTYPE
•The prototype May be a mock up of
the product in question that has
been built with the potential
solutions suggested during the
ideation phase.
TEST
• The final stage when designers or other individuals
perform extensive testing on the finished product.
• The finished problem consists of the solutions
( DOCUMENTATION ) that were identified and
investigated during the prototype phase .
• It is typically not the end of the process and involves
identifying additional problems that may need to be
addressed.
WHY IS DESIGN THINK IMPORTANT /
NEEDS FOR DESIGN THINKING
• Design thinking helps individual to focus on the solution rather than
getting stuck on the problem .
• This process allows companies to better understand their customer’s
needs , which in turn allows the business to better meet these needs .
• Enables businesses to come up with new and innovative solutions to
the problem .
• Allows to monitor their customer’s satisfaction as well as allow them
to make changes to their products or service when necessary to
promote increased customer satisfaction.
DIVERGENT AND CONVERGENT THINKING : It’s a cognitive
process associated with creativity and problem solving.
9 ways to think divergently in
the workspace
1. HOST BRAINSTORMING SESSIONS : as a team bring up with
different ideas without judgment.
2. COMPLETE GROUP OR INDIVIDUAL ACTIVITIES: 50 ideas in 10
minutes , involving more people . More people Participate,
more ideas can be drawn .
3. USE COLLABORATION TOOLS : use tools like project
management software to encourage frequent communication
and support the exchange of idea between team members.
4. KEEP A DAILY JOURNAL OF IDEAS : Writing the ideas . Pen it
up.
9 ways to think divergently in
the workspace
5. PRACTICE FREE WRITING : Writing without proofreading or
editing.
6. TRY SUBJECT MAPPING :making ideas visual for better
understanding.
7. CONSIDER BUBBLE SORTING OR MAPPING : drawing ideas or
solutions as a ‘bubble ‘ around the topic .
8. ROLE PLAY : role play some ideas for better interaction in
team .
9. ASK ‘ WHAT IF ‘ QUESTIONS: What if we swap ‘A’ and ‘B’ .