SlideShare a Scribd company logo
UI vs UX
DESIGN
BY SPDLOAD
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
WHAT IS UI?
IS ABOUT
INTERACTION WITH
OTHER PRODUCTS /
SERVICES
USER INTERFACE
DESIGN
IS A BRIDGE
BETWEEN A HUMAN
BEING AND A
SYSTEM
IS USED TO BUILD
WEB AND MOBILE
APPLICATIONS
WHAT IS UI?
The Structure Principle
PRINCIPLES OF GOOD UI
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.
The Simplicity Principle
PRINCIPLES OF GOOD UI
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.
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.
The Feedback Principle
PRINCIPLES OF GOOD UI
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.
The Tolerance Principle
PRINCIPLES OF GOOD UI
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.
The Reuse Principle
PRINCIPLES OF GOOD UI
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.
DESIGN TRENDS 2020
ISOMETRIC
ILLUSTRATIONS
IMAGE AND TEXT
MASKING
LIQUIDS
WHAT IS UX?
WHAT IS UX?
IS ABOUT WHAT A PERSON
FEELS AS THEY USE A
PRODUCT OR SERVICE
USER EXPERIENCE
DESIGN
IS ESSENTIAL FOR WEB AND
MOBILE APPLICATIONS
PLAYS AN IMPORTANT ROLE
IN MARKETING AND SALES
IS A BRIDGE BETWEEN A
PRODUCT AND ITS TARGET
AUDIENCE
PRINCIPLES OF GOOD UX
Your Product
Should Be USEFUL
Create a product that is able to solve the
problem of your potential users.
PRINCIPLES OF GOOD UX
Your Product
Should Be USABLE
Give your customers the solution they would
like to use.
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.
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.
PRINCIPLES OF GOOD UX
Your Product
Should Be
CREDIBLE
Your customers should be able to trust in your
product.
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.
DUOLINGO:
Tearing Down
Roadblocks
PAYPAL:
Letting
Simplicity Rule
ROVER:
Using Reviews
to Build Trust
UX VS UI
CONTACT SPDLOAD
THANKS FOR
WATCHING!
spdload.com
info@spdload.com
+38 050-87-99-856

More Related Content

What's hot

Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
Bruno Mendes
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
Shrestha Raaz
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
aayush_jain_87
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
Matin Maleki
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
deorwine infotech
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
Shrutee Aneja
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo
 
UI UX Design Course
UI UX Design CourseUI UX Design Course
UI UX Design Course
EDIT Institute
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
Shweta Joshi
 
UI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceUI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User Experience
Cloud Analogy
 
Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
Muhammad Ishfaq Ch ✔
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
Nardia Infotech
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
RiniyaMary
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
MITAcademy1
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
Mayank Lambhate
 

What's hot (20)

Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UI UX Design Course
UI UX Design CourseUI UX Design Course
UI UX Design Course
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
UI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceUI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User Experience
 
Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 

Similar to Ui vs UX design

UIxsUX.pptx
UIxsUX.pptxUIxsUX.pptx
UIxsUX.pptx
JohnLagman3
 
The ultimate guide to ui &amp; ux for digital marketing
The ultimate guide to ui &amp; ux for digital marketingThe ultimate guide to ui &amp; ux for digital marketing
The ultimate guide to ui &amp; ux for digital marketing
Impulse Digital
 
Mobile User Experience (UE/UX)
Mobile User Experience (UE/UX)Mobile User Experience (UE/UX)
Mobile User Experience (UE/UX)
Hussain Shaheen
 
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
Inexture Solutions
 
Business Decisions Done Right: Through the Four Elements of User Experience
Business Decisions Done Right: Through the Four Elements of User ExperienceBusiness Decisions Done Right: Through the Four Elements of User Experience
Business Decisions Done Right: Through the Four Elements of User Experience
Frank Guo
 
Design Best Practices - TechAhead Corp
Design Best Practices  -  TechAhead CorpDesign Best Practices  -  TechAhead Corp
Design Best Practices - TechAhead Corp
TechAhead Corp
 
What Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docxWhat Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docx
WilliamJames717223
 
How Can UX Design Generate Demand
How Can UX Design Generate DemandHow Can UX Design Generate Demand
How Can UX Design Generate Demand
WorxwideConsulting1
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
Shawn Calvert
 
UX design.pdf
UX design.pdfUX design.pdf
UX design.pdf
Zasya Solutions
 
Why impeccable UX&UI design is must for digital applications - Web Synergies....
Why impeccable UX&UI design is must for digital applications - Web Synergies....Why impeccable UX&UI design is must for digital applications - Web Synergies....
Why impeccable UX&UI design is must for digital applications - Web Synergies....
Tharun Bangari
 
The Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - CuneiformThe Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - Cuneiform
Cuneiform Consulting Pvt Ltd.
 
UI_UX Design Program.pdf
UI_UX Design Program.pdfUI_UX Design Program.pdf
UI_UX Design Program.pdf
topseowebmaster
 
Why Does a UI Matters?
Why Does a UI Matters?Why Does a UI Matters?
Why Does a UI Matters?
NotifyVisitors
 
USER INTERFACE DESIGN.pptx
USER INTERFACE DESIGN.pptxUSER INTERFACE DESIGN.pptx
USER INTERFACE DESIGN.pptx
Shivaprasad787526
 
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design CourseElevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
amirshaikhv21realtyp
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan
 
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Vera Kovaleva
 
584697015-UI-and-UX-hiten presentation.pptx
584697015-UI-and-UX-hiten presentation.pptx584697015-UI-and-UX-hiten presentation.pptx
584697015-UI-and-UX-hiten presentation.pptx
hirenmkaklotar19
 
UX design presentation
UX design presentationUX design presentation
UX design presentation
Ajanthan M
 

Similar to Ui vs UX design (20)

UIxsUX.pptx
UIxsUX.pptxUIxsUX.pptx
UIxsUX.pptx
 
The ultimate guide to ui &amp; ux for digital marketing
The ultimate guide to ui &amp; ux for digital marketingThe ultimate guide to ui &amp; ux for digital marketing
The ultimate guide to ui &amp; ux for digital marketing
 
Mobile User Experience (UE/UX)
Mobile User Experience (UE/UX)Mobile User Experience (UE/UX)
Mobile User Experience (UE/UX)
 
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
 
Business Decisions Done Right: Through the Four Elements of User Experience
Business Decisions Done Right: Through the Four Elements of User ExperienceBusiness Decisions Done Right: Through the Four Elements of User Experience
Business Decisions Done Right: Through the Four Elements of User Experience
 
Design Best Practices - TechAhead Corp
Design Best Practices  -  TechAhead CorpDesign Best Practices  -  TechAhead Corp
Design Best Practices - TechAhead Corp
 
What Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docxWhat Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docx
 
How Can UX Design Generate Demand
How Can UX Design Generate DemandHow Can UX Design Generate Demand
How Can UX Design Generate Demand
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
UX design.pdf
UX design.pdfUX design.pdf
UX design.pdf
 
Why impeccable UX&UI design is must for digital applications - Web Synergies....
Why impeccable UX&UI design is must for digital applications - Web Synergies....Why impeccable UX&UI design is must for digital applications - Web Synergies....
Why impeccable UX&UI design is must for digital applications - Web Synergies....
 
The Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - CuneiformThe Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - Cuneiform
 
UI_UX Design Program.pdf
UI_UX Design Program.pdfUI_UX Design Program.pdf
UI_UX Design Program.pdf
 
Why Does a UI Matters?
Why Does a UI Matters?Why Does a UI Matters?
Why Does a UI Matters?
 
USER INTERFACE DESIGN.pptx
USER INTERFACE DESIGN.pptxUSER INTERFACE DESIGN.pptx
USER INTERFACE DESIGN.pptx
 
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design CourseElevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
 
584697015-UI-and-UX-hiten presentation.pptx
584697015-UI-and-UX-hiten presentation.pptx584697015-UI-and-UX-hiten presentation.pptx
584697015-UI-and-UX-hiten presentation.pptx
 
UX design presentation
UX design presentationUX design presentation
UX design presentation
 

Recently uploaded

EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 

Recently uploaded (20)

EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 

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
  • 4. IS ABOUT INTERACTION WITH OTHER PRODUCTS / SERVICES USER INTERFACE DESIGN IS A BRIDGE BETWEEN A HUMAN BEING AND A SYSTEM IS USED TO BUILD WEB AND MOBILE APPLICATIONS WHAT IS UI?
  • 5. The Structure Principle PRINCIPLES OF GOOD UI 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. The Simplicity Principle PRINCIPLES OF GOOD UI 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. The Feedback Principle PRINCIPLES OF GOOD UI 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. The Tolerance Principle PRINCIPLES OF GOOD UI 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. The Reuse Principle PRINCIPLES OF GOOD UI 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.
  • 16. WHAT IS UX? IS ABOUT WHAT A PERSON FEELS AS THEY USE A PRODUCT OR SERVICE USER EXPERIENCE DESIGN IS ESSENTIAL FOR WEB AND MOBILE APPLICATIONS PLAYS AN IMPORTANT ROLE IN MARKETING AND SALES 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.