SlideShare a Scribd company logo
Intro to UX 
Art Center Interactive Design 4 | Week 1 | Joy Liu
User Experience 
at a glance
The Disciplines of User Experience Design 
by envis-precisely.com, based on Dan Saffer (2008)
The Disciplines of User Experience Design 
by envis-precisely.com, based on Dan Saffer (2008)
The Spectrum of User Experience 
Oliver Reichenstein
Design for the end-user 
what does it mean?
! 
Clients 
! 
Stakeholders 
Marketing Team 
! 
Customers 
! 
Developers 
Quality Assurance 
Fellow Designers
! 
Clients 
! 
Stakeholders 
Marketing Team 
! 
Customers 
! 
Developers 
Quality Assurance 
Fellow Designers
UX ≠ UI 
pretty design is not the solution
Roles of UX 
Information Architect 
Interaction Designer 
Visual Designer 
UX Designer 
Usability Analyst 
User Researcher 
Experience Strategist 
Persona Writer 
Content Strategist
UX is not UI 
by Erik Flowers
Form follows function 
Physically & digitally
What is useful?
Usability 
Quality of a user's experience when interacting with 
products or systems
AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray 
http://www.amazon.com/AutoExec-Wheelmate-Steering-Attachable-Surface/dp/B00E1D1GY6#
AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray 
http://www.amazon.com/AutoExec-Wheelmate-Steering-Attachable-Surface/dp/B00E1D1GY6#
AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray 
http://www.amazon.com/AutoExec-Wheelmate-Steering-Attachable-Surface/dp/B00E1D1GY6#
Art Center Interactive Design 4 - #1 Intro to UX
Art Center Interactive Design 4 - #1 Intro to UX
NOW HOW IT SHOULD BE 
“Affordances Matters” 
by Geoff Teehan, 04/16/2014 https://medium.com/@gt/affordances-matter-cab064b40b4b
NOW HOW IT SHOULD BE 
“Affordances Matters” 
by Geoff Teehan, 04/16/2014 https://medium.com/@gt/affordances-matter-cab064b40b4b
NOW HOW IT SHOULD BE 
“Affordances Matters” 
by Geoff Teehan, 04/16/2014 https://medium.com/@gt/affordances-matter-cab064b40b4b
No such thing as 
reading the manual. 
Period.
Utility 
does it provide the features you need? 
Usability 
how easy & pleasant these features are to use? 
Useful = Utility + Usability 
! 
by Nielsen Norman Group, 2012.
How do you get from LA to NY?
How do you get from LA to NY? 
By foot?
How do you get from LA to NY? 
By foot? 
By skateboard?
How do you get from LA to NY? 
By foot? 
By skateboard? 
By bicycle?
How do you get from LA to NY? 
By foot? 
By skateboard? 
By bicycle? 
By bus?
How do you get from LA to NY? 
By foot? 
By skateboard? 
By bicycle? 
By bus? 
By a beat-up Corolla?
How do you get from LA to NY? 
By foot? 
By skateboard? 
By bicycle? 
By bus? 
By a beat-up Corolla? 
By a Porsche 911?
How do you get from LA to NY? 
By foot? 
By skateboard? 
By bicycle? 
By bus? 
By a beat-up Corolla? 
By a Porsche 911? 
By American Airline economy seat?
How do you get from LA to NY? 
By foot? 
By skateboard? 
By bicycle? 
By bus? 
By a beat-up Corolla? 
By a Porsche 911? 
By American Airline economy seat? 
By private 6-person jet?
How do you get from LA to NY? 
By foot? 
By skateboard? 
By bicycle? 
By bus? 
By a beat-up Corolla? 
By a Porsche 911? 
By American Airline economy seat? 
By private 6-person jet? 
By Virgin Galactic?
How do you get from LA to NY? 
By foot? 
By skateboard? 
By bicycle? 
By bus? 
By a beat-up Corolla? 
By a Porsche 911? 
By American Airline economy seat? 
By private 6-person jet? 
By Virgin Galactic? 
By transporter via USS Enterprise?
Elements of UX 
the underlying relationships
! 
by Michael Cummings 
uxdesign.com
! 
by Jesse James Garrett, 2000.
! 
by Jeffery Callender and Peter Morville
Why documentation? 
http://theoatmeal.com/comics/design_hell
Mobile UX 
battle of screens
Art Center Interactive Design 4 - #1 Intro to UX
Art Center Interactive Design 4 - #1 Intro to UX
Art Center Interactive Design 4 - #1 Intro to UX
How is mobile different? 
where and when? 
dimensions? 
bandwidth and connectivity? 
behavior and emotion? 
human factors? 
circumstances of usage?
SAT Study Tool for 10th Grader 
where and when? 
dimensions? 
bandwidth and connectivity? 
behavior and emotion? 
human factors? 
circumstances of usage?
Carma Sutra Tutorial for 
Golden-Agers 
where and when? 
dimensions? 
bandwidth and connectivity? 
behavior and emotion? 
human factors? 
circumstances of usage?
User Engagement 
Source: Google/Ipsos/Sterling, 2012
Native vs. Web 
Native / Web / Hybrid
Final Project 
Native iOS app redesign
Imagine, this is your start-up. 
! 
This is something you are passionate about, you think about it 
everyday, you are proud of the idea. 
! 
You’ve borrowed and saved up $20,000 to kickstart your 
product. For the next 14 weeks, you will design and create a 
clickable prototype. 
! 
On week 14, you will pitch your idea to a group of venture 
capitalists and compete for $500,000 in cash to help you launch 
the idea to market.
1. Select 3 iOS apps in the App Store 
(less than 5 stars, no games) 
! 
2. Take screenshots of all the sections in each app 
! 
3. Annotate areas in need of improvement 
! 
4. Write an elevator pitch for each app 
What is your product? Who is your market? 
Why do they care? What’s in it for them? 
Why is your product different from your competitors?

More Related Content

PDF
Intro to UX - Summer Sampler Series
PPTX
Intro to UX Design
PDF
Intro to UX UI Presentation at StartCo - May 24, 2017
PDF
Why User Experience Matters | By UX Professionals from Centerline Digital
PPTX
UXPA Lean UX Bridging the gap between UX and Developers
PDF
Going from Here to There: Transitioning into a UX Career
PPTX
Build a Recipe for Better UX Process with Fresh Lean Ingredients
PPTX
An Easy Explanation of UX (User Experience) By Think 360 Studio
Intro to UX - Summer Sampler Series
Intro to UX Design
Intro to UX UI Presentation at StartCo - May 24, 2017
Why User Experience Matters | By UX Professionals from Centerline Digital
UXPA Lean UX Bridging the gap between UX and Developers
Going from Here to There: Transitioning into a UX Career
Build a Recipe for Better UX Process with Fresh Lean Ingredients
An Easy Explanation of UX (User Experience) By Think 360 Studio

What's hot (20)

PDF
UX Roles and Job Titles
PDF
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
PPTX
Tampa UX November 2014 Meetup
PDF
Career Paths of User Experience
PDF
ProductTank: What do UX people want from PMs and how can they best work toget...
PDF
Designing for a Better User Experience
PDF
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
PDF
UX Fundamentals for Startups
PPTX
What is UX v2
PDF
UX? WTF? - Intro To User Experience Design Pt. 1
PDF
UX Portfolio Workshop for exploreUX
PDF
Part4 Transition to UX
PDF
Basics in User Experience Design, Information Architecture & Usability
PPTX
User-centered UX: Bringing the User into the Design Process
PDF
Ux design process
PDF
Transition to UX Part 3: Life of a UX Designer
PPT
Designing With Usability In Mind
PPT
Are You An User Experience Designer
PDF
Intro to Agile and Lean UX
PDF
Growth hacking and User Experience: A love story?
UX Roles and Job Titles
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
Tampa UX November 2014 Meetup
Career Paths of User Experience
ProductTank: What do UX people want from PMs and how can they best work toget...
Designing for a Better User Experience
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
UX Fundamentals for Startups
What is UX v2
UX? WTF? - Intro To User Experience Design Pt. 1
UX Portfolio Workshop for exploreUX
Part4 Transition to UX
Basics in User Experience Design, Information Architecture & Usability
User-centered UX: Bringing the User into the Design Process
Ux design process
Transition to UX Part 3: Life of a UX Designer
Designing With Usability In Mind
Are You An User Experience Designer
Intro to Agile and Lean UX
Growth hacking and User Experience: A love story?
Ad

Viewers also liked (18)

PPT
A Look Back Art Center 2008
PDF
Kryvyi Rih Art Center
PDF
Building the Future of Art Center Community spring 2011
KEY
Art Center Summit talk - Future: To Go
PDF
Understanding Users : How to Get People to Really Say What They Do
PDF
Art Center Interactive Design 4 - #3 Information Architecture & Product Diagrams
PDF
Empathy within the team to better serve our customers.
PDF
Eight Schools Association: Understanding Users
PPT
Ux design process
PDF
Art Center Interactive Design 4 - #5 Intro to Analytics and SEO
PDF
Art Center Interactive Design 4 - #2 Understanding Users
PDF
사용자경험디자인 기초 강의 #1
PPTX
Site selection-c riteria
PPTX
Designing learning areas: Art center
PPTX
Site selection, site planning, site divelepment
PPT
Site analysis-example
PDF
Usability vs. User Experience: What's the difference?
PPTX
A Look Back Art Center 2008
Kryvyi Rih Art Center
Building the Future of Art Center Community spring 2011
Art Center Summit talk - Future: To Go
Understanding Users : How to Get People to Really Say What They Do
Art Center Interactive Design 4 - #3 Information Architecture & Product Diagrams
Empathy within the team to better serve our customers.
Eight Schools Association: Understanding Users
Ux design process
Art Center Interactive Design 4 - #5 Intro to Analytics and SEO
Art Center Interactive Design 4 - #2 Understanding Users
사용자경험디자인 기초 강의 #1
Site selection-c riteria
Designing learning areas: Art center
Site selection, site planning, site divelepment
Site analysis-example
Usability vs. User Experience: What's the difference?
Ad

Similar to Art Center Interactive Design 4 - #1 Intro to UX (20)

PPTX
Engaging UX in engineering
PPTX
Ux Overview
PDF
UX Fundamentals
PDF
An introduction to user experience design
PDF
User Experience Design: It's about people
PDF
User Experience Doesn't Equal User Interface
PDF
Introduction to UX Design
PDF
The Future of UX: Designing Data Experiences
PPTX
A quick start guide to ux design
PDF
User Experience and WordPress
PDF
What is this UX thing?
PPTX
The Importance of UX
PDF
User experience design
PPT
Live Usability Lab ELUNA 2008: Long Beach California
PPT
Designing Successful Experiences for Bald Apes
PDF
Designing Business: Design Thinking and User Experience Design
PDF
User Experience: An Industry (Always) in Transition
PPTX
An Introduction to User Experience for Dev's & Techies
PDF
Mobile & Tablet UX | NYU School of Professional Studies | Week 1 (Intro)
PDF
World Usability Day 2014: Engagement (Master Deck)
Engaging UX in engineering
Ux Overview
UX Fundamentals
An introduction to user experience design
User Experience Design: It's about people
User Experience Doesn't Equal User Interface
Introduction to UX Design
The Future of UX: Designing Data Experiences
A quick start guide to ux design
User Experience and WordPress
What is this UX thing?
The Importance of UX
User experience design
Live Usability Lab ELUNA 2008: Long Beach California
Designing Successful Experiences for Bald Apes
Designing Business: Design Thinking and User Experience Design
User Experience: An Industry (Always) in Transition
An Introduction to User Experience for Dev's & Techies
Mobile & Tablet UX | NYU School of Professional Studies | Week 1 (Intro)
World Usability Day 2014: Engagement (Master Deck)

Recently uploaded (20)

PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Phone away, tabs closed: No multitasking
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
building Planning Overview for step wise design.pptx
DOCX
actividad 20% informatica microsoft project
PPTX
areprosthodontics and orthodonticsa text.pptx
PPT
Machine printing techniques and plangi dyeing
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
Media And Information Literacy for Grade 12
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PDF
SEVA- Fashion designing-Presentation.pdf
PPTX
Entrepreneur intro, origin, process, method
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
DOCX
The story of the first moon landing.docx
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Phone away, tabs closed: No multitasking
HPE Aruba-master-icon-library_052722.pptx
building Planning Overview for step wise design.pptx
actividad 20% informatica microsoft project
areprosthodontics and orthodonticsa text.pptx
Machine printing techniques and plangi dyeing
mahatma gandhi bus terminal in india Case Study.pptx
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Tenders & Contracts Works _ Services Afzal.pptx
Media And Information Literacy for Grade 12
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
SEVA- Fashion designing-Presentation.pdf
Entrepreneur intro, origin, process, method
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
The story of the first moon landing.docx

Art Center Interactive Design 4 - #1 Intro to UX

  • 1. Intro to UX Art Center Interactive Design 4 | Week 1 | Joy Liu
  • 3. The Disciplines of User Experience Design by envis-precisely.com, based on Dan Saffer (2008)
  • 4. The Disciplines of User Experience Design by envis-precisely.com, based on Dan Saffer (2008)
  • 5. The Spectrum of User Experience Oliver Reichenstein
  • 6. Design for the end-user what does it mean?
  • 7. ! Clients ! Stakeholders Marketing Team ! Customers ! Developers Quality Assurance Fellow Designers
  • 8. ! Clients ! Stakeholders Marketing Team ! Customers ! Developers Quality Assurance Fellow Designers
  • 9. UX ≠ UI pretty design is not the solution
  • 10. Roles of UX Information Architect Interaction Designer Visual Designer UX Designer Usability Analyst User Researcher Experience Strategist Persona Writer Content Strategist
  • 11. UX is not UI by Erik Flowers
  • 12. Form follows function Physically & digitally
  • 14. Usability Quality of a user's experience when interacting with products or systems
  • 15. AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray http://www.amazon.com/AutoExec-Wheelmate-Steering-Attachable-Surface/dp/B00E1D1GY6#
  • 16. AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray http://www.amazon.com/AutoExec-Wheelmate-Steering-Attachable-Surface/dp/B00E1D1GY6#
  • 17. AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray http://www.amazon.com/AutoExec-Wheelmate-Steering-Attachable-Surface/dp/B00E1D1GY6#
  • 20. NOW HOW IT SHOULD BE “Affordances Matters” by Geoff Teehan, 04/16/2014 https://medium.com/@gt/affordances-matter-cab064b40b4b
  • 21. NOW HOW IT SHOULD BE “Affordances Matters” by Geoff Teehan, 04/16/2014 https://medium.com/@gt/affordances-matter-cab064b40b4b
  • 22. NOW HOW IT SHOULD BE “Affordances Matters” by Geoff Teehan, 04/16/2014 https://medium.com/@gt/affordances-matter-cab064b40b4b
  • 23. No such thing as reading the manual. Period.
  • 24. Utility does it provide the features you need? Usability how easy & pleasant these features are to use? Useful = Utility + Usability ! by Nielsen Norman Group, 2012.
  • 25. How do you get from LA to NY?
  • 26. How do you get from LA to NY? By foot?
  • 27. How do you get from LA to NY? By foot? By skateboard?
  • 28. How do you get from LA to NY? By foot? By skateboard? By bicycle?
  • 29. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus?
  • 30. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla?
  • 31. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911?
  • 32. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911? By American Airline economy seat?
  • 33. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911? By American Airline economy seat? By private 6-person jet?
  • 34. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911? By American Airline economy seat? By private 6-person jet? By Virgin Galactic?
  • 35. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911? By American Airline economy seat? By private 6-person jet? By Virgin Galactic? By transporter via USS Enterprise?
  • 36. Elements of UX the underlying relationships
  • 37. ! by Michael Cummings uxdesign.com
  • 38. ! by Jesse James Garrett, 2000.
  • 39. ! by Jeffery Callender and Peter Morville
  • 41. Mobile UX battle of screens
  • 45. How is mobile different? where and when? dimensions? bandwidth and connectivity? behavior and emotion? human factors? circumstances of usage?
  • 46. SAT Study Tool for 10th Grader where and when? dimensions? bandwidth and connectivity? behavior and emotion? human factors? circumstances of usage?
  • 47. Carma Sutra Tutorial for Golden-Agers where and when? dimensions? bandwidth and connectivity? behavior and emotion? human factors? circumstances of usage?
  • 48. User Engagement Source: Google/Ipsos/Sterling, 2012
  • 49. Native vs. Web Native / Web / Hybrid
  • 50. Final Project Native iOS app redesign
  • 51. Imagine, this is your start-up. ! This is something you are passionate about, you think about it everyday, you are proud of the idea. ! You’ve borrowed and saved up $20,000 to kickstart your product. For the next 14 weeks, you will design and create a clickable prototype. ! On week 14, you will pitch your idea to a group of venture capitalists and compete for $500,000 in cash to help you launch the idea to market.
  • 52. 1. Select 3 iOS apps in the App Store (less than 5 stars, no games) ! 2. Take screenshots of all the sections in each app ! 3. Annotate areas in need of improvement ! 4. Write an elevator pitch for each app What is your product? Who is your market? Why do they care? What’s in it for them? Why is your product different from your competitors?