It gives you brief idea about UX Principle.

2. WHAT IS
UI?
What user
see and
perceive.
The look and feel
of a product.

3. WHAT IS UX?
It’s a process of enhancing Customer satisfaction by improving,
o Usability
o Easy to use
o Provide pleasure between customer and product while interaction
How user
feel and
interact.

4. DIFFERENCE BETWEEN UX and UI

5. Shorter Version
Graphic/Visual Design: How it looks
Information Architecture/Design: How it's organized
UI Design: How it works before I touch it
Interaction Design: How it works after I touch it
Web Design: How it works in a browser
UX Design: How I feel about it

6. EVERY PRODUCT HAS A USER
EXPERIENCE

7. I want to buy a Camera.
Let me see a site to buy it.
FLIPCARD/AMAZON
I want out for a Holiday.
Let me find a site .
MAKE MY TRIP/ EXPEDIA
I want to take my
Partner out for a dinner
Let me find a site.
ZOMATO

8. User Surfing on
Internet...
IT’S ALL ABOUT
UX

9. PURPOSE Of UX ...
 Know your USERS
 Remember your
GOALS
 Understand your
ENVIROMENT
 Define your
CONSTRAINTS

10. UX process

11. Some Example of Good and Bad UX

12. Some Example of Good and Bad UX
TakeComplexsystems, form and create simplicity for the
user.
Bad UX,when both form and function is unpleasant and
dreadful.

13. Avoid Friction in Good UX
Avoid Friction as people get confused Clearand Simple

14. Points to Remember
• Identify and remove all pain points.
• Simplify complex classifications.
• Rethink and combine categories.
• Reduce the number of links and drop down menus.
• Reduce the number of visual indicators and click through.
• Keep it clean.
• Limit number of choices to 3 as you guide the use through their journey.

15. Points to Remember
• Remove visual friction .
• Keep designs visually centered and in front of the user.
• Reduce the number of available actions and choices to a maximum of three.
• Guide the users journey with color and visual indicators.
• Don’t use more than 3 colors.
• Flatten and simplify your designs shapes and assets with small or no shadows and no
gradients.
• Simplify your iconography with simple shapes that have meaning.
• Use space for visual clarity.
• Choose fonts that are easy for the user to read and that are in harmony and unity with
your other design elements and brand.
• Use CTA’s (call to actions ) to generate click throughs.
• Use familiar icons users have already been preconditioned with.