SlideShare a Scribd company logo
INTRODUCTION TO
USER EXPERIENCE
DESIGN
Patryk Adamczyk, RGD
Program Lead, UX & Product Design
Bitmaker / General Assembly
patryk@bitmaker.co
INTRO TO UX DESIGN
INTRO TO UX DESIGN
TONIGHT’S OBJECTIVES
1. What is UX?
2. What type of projects UX designers
participate in.
INTRO TO UX DESIGN
AGENDA
What is UX Design?
The Design Process
Intro to Our Project
InVision Hands-On
Wrap-up & Questions
INTRO TO UX DESIGN
WHAT IS UX DESIGN?
INTRO TO UX DESIGN
User Experience Design
aims to create positive
change in peoples’ lives
by focusing on the user.
INTRO TO UX DESIGN
User experience design scope
of concern covers all aspects of
a person’s interaction with an
organization and its services or
products.
INTRO TO UX DESIGN
INTRO TO UX DESIGN
INTRO TO UX DESIGN
INTRO TO UX DESIGN
INTRO TO UX DESIGN
INTRO TO UX DESIGN
AGENDA
What is UX Design?
The Design Process
Intro to Our Project
InVision Hands-On
Wrap-up & Questions
INTRO TO UX DESIGN
A UX DESIGNER DOES…
Visual Design Interface Design Interaction Design
Strategy & Planning Prototyping User Research
Customer Journey Mapping Motion Design Graphic
Design Accessibility Product Design Information
Architecture Content Strategy Usability Testing
Persona Creation Copywriting Sound Design Sketch
Sessions Stakeholder Management…
INTRO TO UX DESIGN
Facets of UX Design for Digital Products
User Research
(UXR)
Interaction Design
(IxD)
Visual Design
(VsD)
INTRO TO UX DESIGN
● Understanding our customers and problems
● Create a solid structural base for the project
● Ensure we build the right thing
● Interviews, user testing and validation
User Research
(UXR)
User Research & Planning
INTRO TO UX DESIGN
Used to structure the narrative and content of a product, includes
researching target markets, researching business requirements, mind
mapping and personas.
User Research & Planning
INTRO TO UX DESIGN
● Add function to the structure base
● Create user flows & navigation
● Organize screen real estate
● Wireframing & Prototyping
Interaction Design
(IxD)
Interaction Design
INTRO TO UX DESIGN
Interaction Design focuses on the usability of a product. Working through
wireframing, navigation patterns, designing and utilizing interaction models,
and developing hierarchy to achieve an accessible and intuitive product.
Interaction Design
INTRO TO UX DESIGN
● Create personality and brand
● Ensure product feels right to use
● Use animation to add life
● Typography, layout, colour and graphics
● Create all UI elements
● Mockups & Prototyping
Visual Design
(VsD)
Visual & Interface Design
INTRO TO UX DESIGN
Interface Design is about making the main tasks actually able to be
accomplished, taking the interactive elements and adding delight to create a
product that is engaging and effective. Interface design also involves
microinteractions that make users smile and products sticky to use.
Interface Design
INTRO TO UX DESIGN
Visual design maximizes the aesthetic, information-conveying capabilities of
graphics and text. Building and/or utilizing a visual brand is a very important
step, and usually the first thing users notice.
Visual Design
INTRO TO UX DESIGN
UX Design is a Process, Not Art
INTRO TO UX DESIGN
Research &
Planning
Sketching Prototyping
Testing &
Refining
Launching
INTRO TO UX DESIGN
AGENDA
What is UX Design?
The Design Process
Intro to Our Project
InVision Hands-On
Wrap-up & Questions
INTRO TO UX DESIGN
DESIGN PROBLEM It’s
stressful when vacation
accommodations cancel
at the last minute.
INTRO TO UX DESIGN
Research &
Planning
Sketching Prototyping
Testing &
Refining
Launching
INTRO TO UX DESIGN
USER PERSONA
What is it and why is it important?
● Sets of characteristics that form a specific person.
● Represents a significant portion of users
● Enables designer to focus on manageable and
important cast of users.
● Empathy for the user allowing for deeper
understanding of needs.
● Provides point of reference for success/failure.
INTRO TO UX DESIGN
INTRO TO UX DESIGN
1
2
3
RESEARCH INSIGHTS
88% of travellers have children and want to spend more
time with their family.
74% of travellers don’t like to repeat the same tasks.
62% of travellers want simple and easy steps for
booking travel.
INTRO TO UX DESIGN
OBJECTIVE
Design product that eases stress
and makes it simple to book
accommodations for “Kelsie” and
her family within 15 minutes of
interacting with the App.
INTRO TO UX DESIGN
Research &
Planning
Sketching Prototyping
Testing &
Refining
Launching
INTRO TO UX DESIGN
INTRO TO UX DESIGN
INTRO TO UX DESIGN
INTRO TO UX DESIGN
INTRO TO UX DESIGN
INTRO TO UX DESIGN
WIREFRAMES
INTRO TO UX DESIGN
Balsamiq
balsamiq.com
Omnigraffle
omnigroup.com/omnigraffle
INTRO TO UX DESIGN
WireFrames Best Practice
● Use common UX patterns
● Focus on the task at hand
● Delay the hard parts
● Help Users Make Decision
INTRO TO UX DESIGN
INTRO TO UX DESIGN
Introduction to User experience design for beginner
INTRO TO UX DESIGN
INTRO TO UX DESIGN
Research &
Planning
Sketching Prototyping
Testing &
Refining
Launching
INTRO TO UX DESIGN
Visual Design Best Practices
● Be Tasteful & exercise restraint
● Product Consistency
● Speak Directly
● Clear Navigation
INTRO TO UX DESIGN
Sketch
sketchapp.com
INTRO TO UX DESIGN
INTRO TO UX DESIGN
INTRO TO UX DESIGN
1
2
3
1
2
3
4
5
INTRO TO UX DESIGN
PROTOTYPING
INTRO TO UX DESIGN
Research &
Planning
Sketching Prototyping
Testing &
Refining
Launching
INTRO TO UX DESIGN
AGENDA
What is UX Design?
The Design Process
Intro to Our Project
InVision Hands-On
Wrap-up & Questions
INTRO TO UX DESIGN
InVision
Invisionapp.com
http://bitm.kr/1W7NY76
INTRO TO UX DESIGN
Client Buy-In
Team
Collaboration
User Research
& Validation
What Do We Use Prototypes For?
INTRO TO UX DESIGN
THANK YOU.

More Related Content

Similar to Introduction to User experience design for beginner

The Art of User Experience : Why UI/UX Design Courses Matter
The Art of User Experience : Why UI/UX Design Courses MatterThe Art of User Experience : Why UI/UX Design Courses Matter
The Art of User Experience : Why UI/UX Design Courses Matter
palakjaintbs
 
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptxWhat is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
TurboAnchor
 
UI_UX Design Program.pdf
UI_UX Design Program.pdfUI_UX Design Program.pdf
UI_UX Design Program.pdf
topseowebmaster
 
Get to know about UI/UX designing
Get to know about UI/UX designingGet to know about UI/UX designing
Get to know about UI/UX designing
Menusha Pathirana
 
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.
 
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
 
What is ux design
What is ux designWhat is ux design
What is ux design
Landon Borders
 
UX design.pdf
UX design.pdfUX design.pdf
UX design.pdf
Zasya Solutions
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
Samer Tallauze
 
iAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UXiAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UX
UX Consulting Pte Ltd
 
UX is Not Equal to UI Design
UX is Not Equal to UI Design UX is Not Equal to UI Design
UX is Not Equal to UI Design
Rifat Talukder
 
ui ux design course in hyderabad
ui ux design course in hyderabadui ux design course in hyderabad
ui ux design course in hyderabad
tejashrireddyvibhin
 
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
TurboAnchor
 
Best ui ux design agency
Best ui ux design agencyBest ui ux design agency
Best ui ux design agency
Bluebash
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
sowmyavibhin
 
ui ux design course in hyderabad for best future
ui ux design course in hyderabad for best futureui ux design course in hyderabad for best future
ui ux design course in hyderabad for best future
aparna3zen
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
sowmyavibhin
 
ui ux design course in hyderabad
ui  ux  design   course   in   hyderabadui  ux  design   course   in   hyderabad
ui ux design course in hyderabad
nareshnari1808
 
ui ux design courses and training in hyderabad
ui ux design courses and training in hyderabadui ux design courses and training in hyderabad
ui ux design courses and training in hyderabad
madhupriya3zen
 
ui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design course in hyderabad Ameerpet, Hyderabadui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design course in hyderabad Ameerpet, Hyderabad
nagendrastoitech
 

Similar to Introduction to User experience design for beginner (20)

The Art of User Experience : Why UI/UX Design Courses Matter
The Art of User Experience : Why UI/UX Design Courses MatterThe Art of User Experience : Why UI/UX Design Courses Matter
The Art of User Experience : Why UI/UX Design Courses Matter
 
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptxWhat is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
 
UI_UX Design Program.pdf
UI_UX Design Program.pdfUI_UX Design Program.pdf
UI_UX Design Program.pdf
 
Get to know about UI/UX designing
Get to know about UI/UX designingGet to know about UI/UX designing
Get to know about UI/UX designing
 
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
 
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
 
What is ux design
What is ux designWhat is ux design
What is ux design
 
UX design.pdf
UX design.pdfUX design.pdf
UX design.pdf
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
 
iAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UXiAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UX
 
UX is Not Equal to UI Design
UX is Not Equal to UI Design UX is Not Equal to UI Design
UX is Not Equal to UI Design
 
ui ux design course in hyderabad
ui ux design course in hyderabadui ux design course in hyderabad
ui ux design course in hyderabad
 
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
 
Best ui ux design agency
Best ui ux design agencyBest ui ux design agency
Best ui ux design agency
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
 
ui ux design course in hyderabad for best future
ui ux design course in hyderabad for best futureui ux design course in hyderabad for best future
ui ux design course in hyderabad for best future
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
 
ui ux design course in hyderabad
ui  ux  design   course   in   hyderabadui  ux  design   course   in   hyderabad
ui ux design course in hyderabad
 
ui ux design courses and training in hyderabad
ui ux design courses and training in hyderabadui ux design courses and training in hyderabad
ui ux design courses and training in hyderabad
 
ui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design course in hyderabad Ameerpet, Hyderabadui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design course in hyderabad Ameerpet, Hyderabad
 

Recently uploaded

Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Aditi Sh.
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Mostafa Abd Elrahman
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
92nqjwr76x
 
The Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for EntrepreneursThe Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for Entrepreneurs
illuminz
 
Life is Shining (Slideshow by: Kal-el Go)
Life is Shining (Slideshow by: Kal-el Go)Life is Shining (Slideshow by: Kal-el Go)
Life is Shining (Slideshow by: Kal-el Go)
Kal-el Shows
 
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
rightchoicelandscapi
 
bedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptxbedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptx
gameransh001
 
Colonial Architecture Legacy Unveiling Its Design Influence.pdf
Colonial Architecture Legacy Unveiling Its Design Influence.pdfColonial Architecture Legacy Unveiling Its Design Influence.pdf
Colonial Architecture Legacy Unveiling Its Design Influence.pdf
waleedmustafa31
 
Music Production & DJ Performance Degree in London
Music Production & DJ Performance Degree in LondonMusic Production & DJ Performance Degree in London
Music Production & DJ Performance Degree in London
ribisor132
 
Analysis-of-Finance-Bill-2024-13-May-2024_-002.pdf
Analysis-of-Finance-Bill-2024-13-May-2024_-002.pdfAnalysis-of-Finance-Bill-2024-13-May-2024_-002.pdf
Analysis-of-Finance-Bill-2024-13-May-2024_-002.pdf
Dennoh5
 
Glasgow University degree Certificate
Glasgow University degree CertificateGlasgow University degree Certificate
Glasgow University degree Certificate
tezeqes
 
Your True Identity (Slideshow by: Kal-el)
Your True Identity (Slideshow by: Kal-el)Your True Identity (Slideshow by: Kal-el)
Your True Identity (Slideshow by: Kal-el)
Kal-el Shows
 
2024 Creating truly accessible forms, Ladies that UX Seattle
2024 Creating truly accessible forms, Ladies that UX Seattle2024 Creating truly accessible forms, Ladies that UX Seattle
2024 Creating truly accessible forms, Ladies that UX Seattle
Caroline Jarrett
 
ITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdfITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdf
shyamraj39
 
This is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdfThis is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdf
divathisis
 
A Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdfA Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdf
Mostafa Abd Elrahman
 
Overview to the Oracle Fixed Assets Module
Overview to the Oracle Fixed Assets ModuleOverview to the Oracle Fixed Assets Module
Overview to the Oracle Fixed Assets Module
lakshmichitra031
 
Carleton University degree offer diploma Transcript
Carleton University degree offer diploma TranscriptCarleton University degree offer diploma Transcript
Carleton University degree offer diploma Transcript
eamhs
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
taranenkovictoria
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 

Recently uploaded (20)

Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
 
The Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for EntrepreneursThe Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for Entrepreneurs
 
Life is Shining (Slideshow by: Kal-el Go)
Life is Shining (Slideshow by: Kal-el Go)Life is Shining (Slideshow by: Kal-el Go)
Life is Shining (Slideshow by: Kal-el Go)
 
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
 
bedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptxbedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptx
 
Colonial Architecture Legacy Unveiling Its Design Influence.pdf
Colonial Architecture Legacy Unveiling Its Design Influence.pdfColonial Architecture Legacy Unveiling Its Design Influence.pdf
Colonial Architecture Legacy Unveiling Its Design Influence.pdf
 
Music Production & DJ Performance Degree in London
Music Production & DJ Performance Degree in LondonMusic Production & DJ Performance Degree in London
Music Production & DJ Performance Degree in London
 
Analysis-of-Finance-Bill-2024-13-May-2024_-002.pdf
Analysis-of-Finance-Bill-2024-13-May-2024_-002.pdfAnalysis-of-Finance-Bill-2024-13-May-2024_-002.pdf
Analysis-of-Finance-Bill-2024-13-May-2024_-002.pdf
 
Glasgow University degree Certificate
Glasgow University degree CertificateGlasgow University degree Certificate
Glasgow University degree Certificate
 
Your True Identity (Slideshow by: Kal-el)
Your True Identity (Slideshow by: Kal-el)Your True Identity (Slideshow by: Kal-el)
Your True Identity (Slideshow by: Kal-el)
 
2024 Creating truly accessible forms, Ladies that UX Seattle
2024 Creating truly accessible forms, Ladies that UX Seattle2024 Creating truly accessible forms, Ladies that UX Seattle
2024 Creating truly accessible forms, Ladies that UX Seattle
 
ITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdfITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdf
 
This is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdfThis is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdf
 
A Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdfA Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdf
 
Overview to the Oracle Fixed Assets Module
Overview to the Oracle Fixed Assets ModuleOverview to the Oracle Fixed Assets Module
Overview to the Oracle Fixed Assets Module
 
Carleton University degree offer diploma Transcript
Carleton University degree offer diploma TranscriptCarleton University degree offer diploma Transcript
Carleton University degree offer diploma Transcript
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
 

Introduction to User experience design for beginner