It is all about the UI and UX of a software or website. Having a Good UI and Good UX will have a big impact to your applications and websites. UI stands for User Interface wherein the design of your website is the focus, buttons, labels, textbox, image and text masking, liquids, and etc. UX stand for User Experience, it focuses on the functionality of your website and application.

1. UI vs UX
DESIGN

2. CONTENTS
WHAT IS UI DESIGN
PRINCIPLES OF GOOD UI DESIGN
DESIGN TRENDS 2020
WHAT IS UX DESIGN
PRINCIPLES OF UX DESIGN
EXAMPLES OF UX DESIGN

3. WHAT IS UI?

4. USER INTERFACE
DESIGN
IS ABOUT
INTERACTION WITH
OTHER PRODUCTS /
SERVICES
IS USED TO BUILD
WEB AND MOBILE
APPLICATIONS
IS A BRIDGE
BETWEEN A HUMAN
BEING AND A
SYSTEM
WHAT IS UI?

5. PRINCIPLES OF GOOD UI
The Structure Principle
It refers to the way the user interface is organized.
UI design should be done with specific purpose, be
meaningful and useful.
It is performed based on clear models that are
apparent and recognizable to users.

6. PRINCIPLES OF GOOD UI
The Simplicity Principle
It is about making the tasks easier for the users.
It also includes the process of clarifying the
communication and providing good shortcuts that are
meaningfully related to longer procedures.

7. PRINCIPLES OF GOOD UI
The Visibility Principle
The user should have all needed content and options in
an easily accessible place.
Nothing should distract the user with extraneous or
unneeded information.

8. PRINCIPLES OF GOOD UI
The Feedback Principle
Users should be 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.

9. PRINCIPLES OF GOOD UI
The Tolerance Principle
The design should be flexible and tolerant, reducing
the cost of mistakes and misuse.
It should allow undoing and redoing, while also
preventing errors wherever possible by tolerating
varied inputs and sequences and by interpreting all
reasonable actions.

10. PRINCIPLES OF GOOD UI
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.

11. DESIGN TRENDS 2020

12. ISOMETRIC
ILLUSTRATIONS

13. IMAGE AND TEXT
MASKING

14. LI QUI DS

15. WHAT IS UX?

16. WHAT IS UX?
USER EXPERIENCE
DESIGN
IS ABOUT WHAT A PERSON
FEELS AS THEY USE A
PRODUCT OR SERVICE
PLAYS AN IMPORTANT ROLE
IN MARKETING AND SALES
IS ESSENTIAL FOR WEB AND
MOBILE APPLICATIONS
IS A BRIDGE BETWEEN A
PRODUCT AND ITS TARGET
AUDIENCE

17. PRINCIPLES OF GOOD UX
Your Product
Should Be USEFUL
Create a product that is able to solve the
problem of your potential users.

18. PRINCIPLES OF GOOD UX
Your Product
Should Be USABLE
Give your customers the solution they would
like to use.

19. PRINCIPLES OF GOOD UX
Your Product
Should Be
DESIRABLE
Make the product people want to buy.
Desirability is able to create an emotional bond
with the user, compelling them to keep using
the product.

20. PRINCIPLES OF GOOD UX
Your Product
Should Be
ACCESSIBLE
ALL customers should be able to use your
product. UX designers provide an experience
which can be accessed by users, who are
color-blind, hard of hearing or visually
impaired.

21. PRINCIPLES OF GOOD UX
Your Product
Should Be
CREDIBLE
Your customers should be able to trust in your
product.

22. PRINCIPLES OF GOOD UX
Your Product
Should Be
FINDABLE
Findability is an indicator of how easy the user
can find your product or important elements
within your product.

23. DUOLINGO:
Tearing Down
Roadblocks

24. PAYPAL:
Letting
Simplicity Rule

25. ROVER:
Using Reviews
to Build Trust

26. UX VS UI

27. THANKS FOR
LISTENING!