SlideShare a Scribd company logo
1 of 27
UX/UIProcess and Deliverables
Usability
Testing
Discover
01
Define
02
Design
03
Develop
04
UXD Process
01 DISCOVER
In the discover phase, the aim is to gather as many knowledge as possible on the
problem at hand and the people’s life context surrounding the problem.
01 DISCOVER
In the discover phase, the aim is to gather as many knowledge as possible on the
problem at hand and the people’s life context surrounding the problem.
Ethnography
Focus Group
Interview
Stakeholder Interview
Surveys
Requirement Workshop
(De)briefing
Competitive Analysis
Design Research
Design Matrix
METHOD
02 DEFINE
A process where we try to make sense of all the information we gathered in the
discover phase. In the define process, we aim at defining and interpreting key insights
and problems.
02 DEFINE
A process where we try to make sense of all the information we gathered in the
discover phase. In the define process, we aim at defining and interpreting key insights
and problems.
Persona
User Stories
User Flow / Scenario
Journey Maps
Content Strategy
Content Audit
Hierarchy Task Analysis
METHOD
03 DESIGN
A process where we translate insights into ideas and
concepts that are both novel and relevant to people’s lives.
Sitemap
Wireframe
03 DESIGN
A process where we translate insights into ideas and
concepts that are both novel and relevant to people’s lives.
Flowcharts & Page Layout
Sketching
Mock Ups
Style Guide
Branding & Graphic Design
METHOD
04 DEVELOP
A process to bring the concepts forward into implementation.
04 DEVELOP
A process to bring the concepts forward into implementation.
Prototyping
Micro Interaction
Signature Interaction
Visual Design
CSS Coding
UI Prototyping
METHOD
Something that looks great but is difficult to use is exemplary of great UI and poor UX.
While something very usable that looks terrible is exemplary of great UX and poor UI
UXD Process
Discover
01
Define
02
Design
03
Develop
04
Ethnography
Focus Group
Interview
Stakeholder Interview
Surveys
Requirement Workshop
(De)briefing
Competitive Analysis
Design Research
Design Matrix
Persona
User Stories
User Flow / Scenario
Journey Maps
Content Strategy
Content Audit
Hierarchy Task Analysis
Sitemap
Wireframe
Flowcharts & Page Layout
Sketching
Mock Ups
Style Guide
Branding & Graphic Design
Prototyping
Micro Interaction
Signature Interaction
Visual Design
CSS Coding
UI Prototyping
UX
UI
Discover
01
Define
02
Design
03
Develop
04
Competitive Analysis
Design Research
Design Matrix
Sitemap
Wireframe
Flowcharts & Page Layout
Sketching
Mock Ups
Style Guide
Branding & Graphic Design
Prototyping
Micro Interaction
Signature Interaction
Visual Design
CSS Coding
UI Prototyping
U
X
UI
UXD Process
Limited Time / Resources
Ethnography
Focus Group
Interview
Stakeholder Interview
Surveys
Requirement Workshop
(De)briefing
Persona
User Stories
User Flow / Scenario
Journey Maps
Content Strategy
Content Audit
Hierarchy Task Analysis
UX
UI
Discover
01
Define
02
Design
03
Develop
04
Ethnography
Focus Group
Interview
Stakeholder Interview
Surveys
Requirement Workshop
(De)briefing
Competitive Analysis
Design Research
Design Matrix
Persona
User Stories
User Flow / Scenario
Journey Maps
Content Strategy
Content Audit
Hierarchy Task Analysis
Sitemap
Wireframe
Flowcharts & Page Layout
Sketching
Mock Ups
Style Guide
Branding & Graphic Design
Prototyping
Micro Interaction
Signature Interaction
Visual Design
CSS Coding
UI Prototyping
UXD Process
No Direct Access to Users
CASE STUDY | JOBSMALAYSIA
UX
UI
Discover
01
Define
02
Design
03
Develop
04
Ethnography
Focus Group
Interview
Stakeholder Interview
Surveys
Requirement Workshop
(De)briefing
Competitive Analysis
Design Research
Design Matrix
Persona
User Stories
User Flow / Scenario
Journey Maps
Content Strategy
Content Audit
Hierarchy Task Analysis
Sitemap
Wireframe
Flowcharts & Page Layout
Sketching
Mock Ups
Style Guide
Branding & Graphic Design
Prototyping
Micro Interaction
Signature Interaction
Visual Design
CSS Coding
UI Prototyping
UXD Process
Case Study - JobsMalaysia
JOSBMALAYSIA | INTERVIEW
JOSBMALAYSIA | FOCUS GROUP
JOSBMALAYSIA | PERSONA
JOSBMALAYSIA | USER JOURNEY MAP
JOSBMALAYSIA | USER FLOW
JOSBMALAYSIA | SITEMAP
JOSBMALAYSIA | HIERARCHY FLOW
JOSBMALAYSIA | SKETCHES
JOSBMALAYSIA | WIREFRAME
JOSBMALAYSIA | VISUAL DESIGN
JOSBMALAYSIA | PROTOTYPE

More Related Content

Similar to Uxui

Product Cycles & Integrations
Product Cycles & IntegrationsProduct Cycles & Integrations
Product Cycles & IntegrationsEli Ferrer
 
Service Design vs Experience Design: Chicken & Egg or Wild Goose
Service Design vs Experience Design: Chicken & Egg or Wild GooseService Design vs Experience Design: Chicken & Egg or Wild Goose
Service Design vs Experience Design: Chicken & Egg or Wild GooseBen Melbourne
 
UX - Beyond Design Practice
UX - Beyond Design PracticeUX - Beyond Design Practice
UX - Beyond Design Practicesunildas2009
 
2017 ux design tour in uk
2017 ux design tour in uk2017 ux design tour in uk
2017 ux design tour in ukJulie liu
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for DevelopersSarah Dutkiewicz
 
What is User Experience?
What is User Experience?What is User Experience?
What is User Experience?Chuck Mallott
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Tradedpanarelli
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product ExperiencesJeremy Johnson
 
UX 101 - Ways To A Better Next Big Bang
UX 101 - Ways To A Better Next Big BangUX 101 - Ways To A Better Next Big Bang
UX 101 - Ways To A Better Next Big BangHowie Chang
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Jeremy Johnson
 
UX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonKarl Saynor
 
Richard Marsh, Enterprising User Experience - Flex and the city
Richard Marsh, Enterprising User Experience - Flex and the cityRichard Marsh, Enterprising User Experience - Flex and the city
Richard Marsh, Enterprising User Experience - Flex and the cityRichard Marsh
 
Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy? Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy? Sarah Weinstein
 
An Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) FundamentalsAn Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) FundamentalsChris LaRoche
 
20080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.020080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.0imec.archive
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersSarah Dutkiewicz
 

Similar to Uxui (20)

Product Cycles & Integrations
Product Cycles & IntegrationsProduct Cycles & Integrations
Product Cycles & Integrations
 
Service Design vs Experience Design: Chicken & Egg or Wild Goose
Service Design vs Experience Design: Chicken & Egg or Wild GooseService Design vs Experience Design: Chicken & Egg or Wild Goose
Service Design vs Experience Design: Chicken & Egg or Wild Goose
 
UX - Beyond Design Practice
UX - Beyond Design PracticeUX - Beyond Design Practice
UX - Beyond Design Practice
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
What is UX v2
What is UX v2What is UX v2
What is UX v2
 
2017 ux design tour in uk
2017 ux design tour in uk2017 ux design tour in uk
2017 ux design tour in uk
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
What is User Experience?
What is User Experience?What is User Experience?
What is User Experience?
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
 
UXPABOS2013_FABRIZI
UXPABOS2013_FABRIZIUXPABOS2013_FABRIZI
UXPABOS2013_FABRIZI
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
Web Design Process
Web Design ProcessWeb Design Process
Web Design Process
 
UX 101 - Ways To A Better Next Big Bang
UX 101 - Ways To A Better Next Big BangUX 101 - Ways To A Better Next Big Bang
UX 101 - Ways To A Better Next Big Bang
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*
 
UX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, London
 
Richard Marsh, Enterprising User Experience - Flex and the city
Richard Marsh, Enterprising User Experience - Flex and the cityRichard Marsh, Enterprising User Experience - Flex and the city
Richard Marsh, Enterprising User Experience - Flex and the city
 
Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy? Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy?
 
An Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) FundamentalsAn Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) Fundamentals
 
20080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.020080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.0
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for Developers
 

More from Mohd Syaheezam Asyra Yamin (7)

UX Checklist
UX ChecklistUX Checklist
UX Checklist
 
Wearable Computing
Wearable ComputingWearable Computing
Wearable Computing
 
URANUS
URANUSURANUS
URANUS
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
 
Agrobazaar - The customer Experience process
Agrobazaar - The customer Experience processAgrobazaar - The customer Experience process
Agrobazaar - The customer Experience process
 
Guidelines for JEN-ii Website
Guidelines for JEN-ii WebsiteGuidelines for JEN-ii Website
Guidelines for JEN-ii Website
 
Isdp
IsdpIsdp
Isdp
 

Recently uploaded

VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...Suhani Kapoor
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
MASONRY -Building Technology and Construction
MASONRY -Building Technology and ConstructionMASONRY -Building Technology and Construction
MASONRY -Building Technology and Constructionmbermudez3
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 

Recently uploaded (20)

VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
MASONRY -Building Technology and Construction
MASONRY -Building Technology and ConstructionMASONRY -Building Technology and Construction
MASONRY -Building Technology and Construction
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 

Uxui