SlideShare une entreprise Scribd logo
1  sur  33
How do we
DO it ??
User
Interface
User
Experience
Work
Culture
WC UI
UX DO
WC
Dedicated
TechnicalInnovative
Enjoy Experts
Collaborate
UI
MinimalismIntuitive
Collapsed
Laser Focus
Minimalism
UI
Laser Focus
UI
Intuitive
UI
Collapsed
UI
UX
Visual Design &
ExperienceBasics
Functional Test
UX
Basics
Key
features
UX
Basics
Simplicity
UX
Basics
Start with
a drop
Sign UpSign Up
Name
Email
Password
Phone
Upload
Picture
Name
Email
Password
Phone
Address
Nationality
Religion
Credit card number
UX
Basics
Be
Straight
Are you satisfied
with our experience?
Yes No
Are you satisfied
with our experience?
Yes No
Visual Design &
Experience
UX
Welcome
to Thanks
: )
: (
Visual Design &
Experience
UX
Responsive
Loading…
Thanks You
Visual Design &
Experience
UX
User
Friendly
1
Start
2 3
You
are
here
4
End
Start
End
Visual Design &
Experience
UX
No
Brain
What error ??
When?? : |
How ?? : (
Email
Report Error !!!
Report Error !!!
Report
Report NO : )
UX
Functional
Identify
TG
UX
Functional
Be
Unique
UX
Functional
Solve
Purpose
UX
Test
Audit
!!!!!!
0101
0101
0101
Idea Sketch Wireframe Mock Up Code
DO
Ideation
Extensive
Online
Research
Competitors’
SWOT
Analysis
Client
Brief
Understanding
Concept
of a
Unique
UI/UX
Identification
Of web
elements
Feedback
and
Survey
DO
Sketch
Feedback
And
SurveyBasic
Concept
Formation
Drawing
On Interface
paper
Sketch for
Multiple
Devices
Optimization
of
Elements
UX
Creation &
optimization
DO
Feedback
And
Survey
User
Interface
Direction
Develop
wireframes
Arrange
page
elements
Develop
Icon set &
elements
Wireframe
DO
........
Mock up
Feedback
And
Survey
Visual
Analysis
Imagery
Selection
Content
Strategy
Develop
Visuals
DO
0101
0101
0101
Feedback
And Survey
Develop
PSD
Files
Handover
PSD files &
Documents
Final
Analysis
DO
Code
EC
Imagery
SearchNavigation
Shopping cart
Web Pages
Wish List
EC
Navigation
Left
Vertical
Top
Horizontal
Bottom
Horizontal
EC
Shopping cart
Product
Information
Save cart
& Email
Coupon
Code
Remove
Product
SHIRT (XL) 1 Checked 2000
Product # Description Price
Save & Email Proceed
Total 2000
EC
Search
Tie Shirt Trouser
Shoes Louis Vuitton
Alice and Olivia DVF
Custom Shop
Custom
Shop
Advanced
Search
Search Bar
Location
EC
Imagery
Multiple
shots
3D
View
2D
View
EC
Web Pages
Home Page
Products Page
Quick Look Menu
Look Book
Summer Collection
MCQ New Collection
Home Page
Products
Page
Quick Look
Menu
Look Book
EC
Wish List
Save &
Email
Sale
Update
Wish list
Save & Email
Update me on sale

Contenu connexe

Tendances

Tendances (20)

UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Ux design process
Ux design processUx design process
Ux design process
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
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
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design Processes
 
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
 
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 presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
What is UX?
What is UX?What is UX?
What is UX?
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
What is UX?
What is UX?What is UX?
What is UX?
 

En vedette

From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
Stephen Anderson
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Anna Dahlström
 

En vedette (10)

Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
 
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
 
Mobile UX - Training course support handout
Mobile UX - Training course support handoutMobile UX - Training course support handout
Mobile UX - Training course support handout
 
UX Cross Training
UX Cross TrainingUX Cross Training
UX Cross Training
 
User Experience Fission Team Training
User Experience Fission Team TrainingUser Experience Fission Team Training
User Experience Fission Team Training
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal
 
Leadership Training Powerpoint
Leadership Training PowerpointLeadership Training Powerpoint
Leadership Training Powerpoint
 

Similaire à A UI and UX training presentation

Ux and seo
Ux and seoUx and seo
Ux and seo
Eva Jio
 
UX Design Overview
UX Design OverviewUX Design Overview
UX Design Overview
Joe Goebel
 

Similaire à A UI and UX training presentation (20)

How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
Introduction to User Experience and case studies from Pakistan
Introduction to User Experience and case studies from PakistanIntroduction to User Experience and case studies from Pakistan
Introduction to User Experience and case studies from Pakistan
 
An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio
 
essentials-of-ui-design.pdf
essentials-of-ui-design.pdfessentials-of-ui-design.pdf
essentials-of-ui-design.pdf
 
What is UX v1
What is UX v1What is UX v1
What is UX v1
 
User eXperience & Front End Development
User eXperience & Front End DevelopmentUser eXperience & Front End Development
User eXperience & Front End Development
 
UI UX Designer vs UI UX Developer
UI UX Designer vs UI UX DeveloperUI UX Designer vs UI UX Developer
UI UX Designer vs UI UX Developer
 
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015
 
How UI UX Brings in a Change in Web Design - UIUXDen.pptx
How UI UX Brings in a Change in Web Design - UIUXDen.pptxHow UI UX Brings in a Change in Web Design - UIUXDen.pptx
How UI UX Brings in a Change in Web Design - UIUXDen.pptx
 
What is UX?
What is UX?What is UX?
What is UX?
 
What Is Anchor Text Everything You Need to Know.pptx
What Is Anchor Text Everything You Need to Know.pptxWhat Is Anchor Text Everything You Need to Know.pptx
What Is Anchor Text Everything You Need to Know.pptx
 
Engaging UX in engineering
Engaging UX in engineeringEngaging UX in engineering
Engaging UX in engineering
 
Ux and seo
Ux and seoUx and seo
Ux and seo
 
Ui session
Ui sessionUi session
Ui session
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
 
UX Design Overview
UX Design OverviewUX Design Overview
UX Design Overview
 
Web Design: Crafting Digital Experiences
Web Design: Crafting Digital ExperiencesWeb Design: Crafting Digital Experiences
Web Design: Crafting Digital Experiences
 
[TechTalks] Effects of UI/ UX Designs on Customer Satisfaction & Loyalty
[TechTalks] Effects of UI/ UX Designs on Customer Satisfaction & Loyalty[TechTalks] Effects of UI/ UX Designs on Customer Satisfaction & Loyalty
[TechTalks] Effects of UI/ UX Designs on Customer Satisfaction & Loyalty
 
Uxpin web ui_design_best_practices
Uxpin web ui_design_best_practicesUxpin web ui_design_best_practices
Uxpin web ui_design_best_practices
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
 

Dernier

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Dernier (20)

Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxThird Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 

A UI and UX training presentation