SlideShare a Scribd company logo
Mastering UX Design:
Learning the Basics for Future
Success
Alex Shirazi, User Experience Designer at Phlint
Tuesday, December 20, 7pm (GMT)
special thanks to
User Experience Design Method
- Ideation
- Thumbnail Sketches
- Wireframes
- Specification
- Hi Fidelity Mockups
- Asset Extraction
User Experience Design Method
- Where to start
- How to know when the task is complete
Ideation
Where to start
If there is a solution to a problem that needs to be solved, the ideation
phase begins
How to know when the task is complete
When the ideation phase turns into more than napkin sketches, we’ve
moved on to Thumbnail Sketches.
Thumbnail Sketches
Where to start
Draw!
How to know when the task is complete
When you are ready to jump into wireframing, more detail
Wireframes
Where to start
Comprehensive wireframe set
How to know when the task is complete
When the ideation phase turns into more than
napkin sketches, we’ve moved on to Thumbnail
Sketches.
Specification
Where to start
Ready to start talking to developers
How to know when the task is complete
Specification development is ongoing
Hi Fidelity Mockups
Where to start
Don’t hold up the developers
How to know when the task is complete
All pages of the application can be envisioned
Asset Extraction
Where to start
Once the development starts
How to know when the task is complete
Once the final application is complete
How to maximize efforts with testing
- Continuously test
- Use services like Peek or 60.me
- Hallway Testing
- Prototyping with beta users, friends, family
User Experience Design Method:
User Research and Testing
- Ideation
- User Research and Testing
- Thumbnail Sketches
- User Research and Testing
- Wireframes
- User Research and Testing
- Specification
- User Research and Testing
- Hi Fidelity Mockups
- User Research and Testing
- Asset Extraction
Which factors have the biggest impact?
- Export to device
- Keep it Simple Stupid KISS
- User Testing
Hottest trends in UX
- Shift to Sketch for product design, visual design
- Great for
- Product Design
- Visual Design
- Icon Design
- Overall UX Design Process
questions
thank you
@alexshirazi

More Related Content

PDF
The Developer-Designer Relationship
PDF
Intuition Factors in the User Experience Design Process
PDF
Collaborative Design for Enterprise Teams
PDF
Rapid Prototyping with Axure RP Part 3 – Using Axure for Usability Testing
PDF
Integrating Design and Development in Your Workflow
PDF
Becoming A User Advocate
PDF
Scaling UX in Organizations
PDF
Incorporating UX into Your Projects
The Developer-Designer Relationship
Intuition Factors in the User Experience Design Process
Collaborative Design for Enterprise Teams
Rapid Prototyping with Axure RP Part 3 – Using Axure for Usability Testing
Integrating Design and Development in Your Workflow
Becoming A User Advocate
Scaling UX in Organizations
Incorporating UX into Your Projects

What's hot (20)

PPTX
UX @ NICE enterprise
PDF
Building a UX Process at Salesforce that Promotes Focus and Creativity
PPTX
User Experience: Research, Design, Process, and Workflow
PDF
Website Usability & User Experience: Veel bezoekers, weinig klanten?
PDF
Customer-centered Design Organizations (Peter Merholz at Enterprise UX 2017)
PDF
Redesign design V2.0
PDF
Contributing to Drupal: It's Not as Hard as it Looks
PPTX
GHA Lean UX presentation
PDF
Code with Empathy: UX for Engineers and UX Developers
PDF
UXSG#6 Workshop
PDF
Design Thinking Process And Strategy For A New Product
PDF
Squareboat Deck
PPTX
i/o extended: Intro to <UX> Design
PDF
2014 Evolving Your UX Process 1up
PDF
Scaling UX Design
PDF
Growing your UX capability - A Journey
PDF
Responsive Design and Joomla!
PPTX
United Creations UI/UX Presentation
PDF
UX/UI Portfolio
PPTX
What does the UX process look like... really?
UX @ NICE enterprise
Building a UX Process at Salesforce that Promotes Focus and Creativity
User Experience: Research, Design, Process, and Workflow
Website Usability & User Experience: Veel bezoekers, weinig klanten?
Customer-centered Design Organizations (Peter Merholz at Enterprise UX 2017)
Redesign design V2.0
Contributing to Drupal: It's Not as Hard as it Looks
GHA Lean UX presentation
Code with Empathy: UX for Engineers and UX Developers
UXSG#6 Workshop
Design Thinking Process And Strategy For A New Product
Squareboat Deck
i/o extended: Intro to <UX> Design
2014 Evolving Your UX Process 1up
Scaling UX Design
Growing your UX capability - A Journey
Responsive Design and Joomla!
United Creations UI/UX Presentation
UX/UI Portfolio
What does the UX process look like... really?
Ad

Viewers also liked (10)

PDF
Design Focused Mobile Development
PPTX
UXPA 2016: Mixed Methods Research in the Age of Big Data
PDF
Why bad design is your fault - UXPA 2016
PDF
January 2015 Digital SIG - Marketing & UX
PDF
Field Research for User Experience
PPTX
What's on your mind? Exploring new methods for measuring emotional engagement...
PDF
UXPA 2015 UX Strategy Tutorial
PDF
User Centered Design in short
PDF
'UX', 'UX Design' and 'Good UX'
PDF
UX Design Process | Sample Proposal
Design Focused Mobile Development
UXPA 2016: Mixed Methods Research in the Age of Big Data
Why bad design is your fault - UXPA 2016
January 2015 Digital SIG - Marketing & UX
Field Research for User Experience
What's on your mind? Exploring new methods for measuring emotional engagement...
UXPA 2015 UX Strategy Tutorial
User Centered Design in short
'UX', 'UX Design' and 'Good UX'
UX Design Process | Sample Proposal
Ad

Similar to Mastering UX Design: Learning the basics for future success (20)

PDF
Rapid Product Design in the Wild, Agile 2013
PDF
Agile and Design: creating and implementing products (in Italy) is possible
PDF
Agile and Design: creating and implementing products (in Italy) is possible
PDF
Rapid Prototyping For Augmented Reality
PPTX
Collaborative Product Design
PDF
Agile UX: Embrace or Tolerate
PDF
Rapid Product Design In The Wild
PPTX
Sum of the Parts Speaker Series - Experience Engineering and UX
PPTX
Beyond Staggered Sprints: Integrating User Experience and Agile
PDF
Rapid design prototyping
DOC
Chip_Swanson-Resume-2016-1
PPTX
Design Workshop at UI/UX Summit, Esri User Conference 2014
PDF
Design Learnings
PPTX
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
PDF
COMP 4026 Lecture3 Prototyping and Evaluation
PDF
Rapid Product Design in the Wild
PDF
LA Uncubed presentation
PDF
UX in Action: IBM Watson
PDF
My UX Portfolio
PDF
Propeller UI/UX Process
Rapid Product Design in the Wild, Agile 2013
Agile and Design: creating and implementing products (in Italy) is possible
Agile and Design: creating and implementing products (in Italy) is possible
Rapid Prototyping For Augmented Reality
Collaborative Product Design
Agile UX: Embrace or Tolerate
Rapid Product Design In The Wild
Sum of the Parts Speaker Series - Experience Engineering and UX
Beyond Staggered Sprints: Integrating User Experience and Agile
Rapid design prototyping
Chip_Swanson-Resume-2016-1
Design Workshop at UI/UX Summit, Esri User Conference 2014
Design Learnings
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
COMP 4026 Lecture3 Prototyping and Evaluation
Rapid Product Design in the Wild
LA Uncubed presentation
UX in Action: IBM Watson
My UX Portfolio
Propeller UI/UX Process

Recently uploaded (20)

PPTX
12. Community Pharmacy and How to organize it
DOCX
The story of the first moon landing.docx
PPT
UNIT I- Yarn, types, explanation, process
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
Media And Information Literacy for Grade 12
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PDF
Interior Structure and Construction A1 NGYANQI
PDF
Phone away, tabs closed: No multitasking
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
An introduction to AI in research and reference management
PPTX
HPE Aruba-master-icon-library_052722.pptx
12. Community Pharmacy and How to organize it
The story of the first moon landing.docx
UNIT I- Yarn, types, explanation, process
mahatma gandhi bus terminal in india Case Study.pptx
Media And Information Literacy for Grade 12
Wisp Textiles: Where Comfort Meets Everyday Style
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
YOW2022-BNE-MinimalViableArchitecture.pdf
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
Interior Structure and Construction A1 NGYANQI
Phone away, tabs closed: No multitasking
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
Fundamental Principles of Visual Graphic Design.pptx
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
AD Bungalow Case studies Sem 2.pptxvwewev
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
An introduction to AI in research and reference management
HPE Aruba-master-icon-library_052722.pptx

Mastering UX Design: Learning the basics for future success

  • 1. Mastering UX Design: Learning the Basics for Future Success Alex Shirazi, User Experience Designer at Phlint Tuesday, December 20, 7pm (GMT)
  • 3. User Experience Design Method - Ideation - Thumbnail Sketches - Wireframes - Specification - Hi Fidelity Mockups - Asset Extraction
  • 4. User Experience Design Method - Where to start - How to know when the task is complete
  • 5. Ideation Where to start If there is a solution to a problem that needs to be solved, the ideation phase begins How to know when the task is complete When the ideation phase turns into more than napkin sketches, we’ve moved on to Thumbnail Sketches.
  • 6. Thumbnail Sketches Where to start Draw! How to know when the task is complete When you are ready to jump into wireframing, more detail
  • 7. Wireframes Where to start Comprehensive wireframe set How to know when the task is complete When the ideation phase turns into more than napkin sketches, we’ve moved on to Thumbnail Sketches.
  • 8. Specification Where to start Ready to start talking to developers How to know when the task is complete Specification development is ongoing
  • 9. Hi Fidelity Mockups Where to start Don’t hold up the developers How to know when the task is complete All pages of the application can be envisioned
  • 10. Asset Extraction Where to start Once the development starts How to know when the task is complete Once the final application is complete
  • 11. How to maximize efforts with testing - Continuously test - Use services like Peek or 60.me - Hallway Testing - Prototyping with beta users, friends, family
  • 12. User Experience Design Method: User Research and Testing - Ideation - User Research and Testing - Thumbnail Sketches - User Research and Testing - Wireframes - User Research and Testing - Specification - User Research and Testing - Hi Fidelity Mockups - User Research and Testing - Asset Extraction
  • 13. Which factors have the biggest impact? - Export to device - Keep it Simple Stupid KISS - User Testing
  • 14. Hottest trends in UX - Shift to Sketch for product design, visual design - Great for - Product Design - Visual Design - Icon Design - Overall UX Design Process