SlideShare une entreprise Scribd logo
1  sur  52
Télécharger pour lire hors ligne
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#
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
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?

Contenu connexe

Tendances

How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?uxhow
 
Tampa UX November 2014 Meetup
Tampa UX November 2014 MeetupTampa UX November 2014 Meetup
Tampa UX November 2014 MeetupMike Gallers
 
Career Paths of User Experience
Career Paths of User ExperienceCareer Paths of User Experience
Career Paths of User ExperiencePatrick Neeman
 
ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...Mind the Product
 
Designing for a Better User Experience
Designing for a Better User ExperienceDesigning for a Better User Experience
Designing for a Better User ExperienceBuiltByHQ
 
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...uxhow
 
UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1Sebastian Tory-Pratt
 
UX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXUX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXMichelle Chin
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilitySebastian Waters
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessDave Cooksey
 
Transition to UX Part 3: Life of a UX Designer
Transition to UX Part 3: Life of a UX DesignerTransition to UX Part 3: Life of a UX Designer
Transition to UX Part 3: Life of a UX DesignerRamya Ramaswamy
 
Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In MindCenergyDave
 
Are You An User Experience Designer
Are You An User Experience DesignerAre You An User Experience Designer
Are You An User Experience DesignerVinay Mohanty
 
Intro to Agile and Lean UX
Intro to Agile and Lean UXIntro to Agile and Lean UX
Intro to Agile and Lean UXJacklyn Burgan
 
Growth hacking and User Experience: A love story?
Growth hacking and User Experience: A love story?Growth hacking and User Experience: A love story?
Growth hacking and User Experience: A love story?Maite Dalila
 

Tendances (20)

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

En vedette

Kryvyi Rih Art Center
Kryvyi Rih Art CenterKryvyi Rih Art Center
Kryvyi Rih Art CenterKR_CDI
 
Building the Future of Art Center Community spring 2011
Building the Future of Art Center Community spring 2011Building the Future of Art Center Community spring 2011
Building the Future of Art Center Community spring 2011Dev Huang
 
Art Center Summit talk - Future: To Go
Art Center Summit talk - Future: To GoArt Center Summit talk - Future: To Go
Art Center Summit talk - Future: To GoJamais Cascio
 
Understanding Users : How to Get People to Really Say What They Do
Understanding Users  : How to Get People to Really Say What They DoUnderstanding Users  : How to Get People to Really Say What They Do
Understanding Users : How to Get People to Really Say What They DoMinitheory
 
Art Center Interactive Design 4 - #3 Information Architecture & Product Diagrams
Art Center Interactive Design 4 - #3 Information Architecture & Product DiagramsArt Center Interactive Design 4 - #3 Information Architecture & Product Diagrams
Art Center Interactive Design 4 - #3 Information Architecture & Product DiagramsJoy Liu
 
Empathy within the team to better serve our customers.
Empathy within the team to better serve our customers.Empathy within the team to better serve our customers.
Empathy within the team to better serve our customers.Joy Liu
 
Eight Schools Association: Understanding Users
Eight Schools Association: Understanding UsersEight Schools Association: Understanding Users
Eight Schools Association: Understanding Usersbrightspot
 
Art Center Interactive Design 4 - #5 Intro to Analytics and SEO
Art Center Interactive Design 4 - #5 Intro to Analytics and SEOArt Center Interactive Design 4 - #5 Intro to Analytics and SEO
Art Center Interactive Design 4 - #5 Intro to Analytics and SEOJoy Liu
 
Art Center Interactive Design 4 - #2 Understanding Users
Art Center Interactive Design 4 - #2 Understanding UsersArt Center Interactive Design 4 - #2 Understanding Users
Art Center Interactive Design 4 - #2 Understanding UsersJoy Liu
 
사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1Jd Kim
 
Designing learning areas: Art center
Designing learning areas: Art centerDesigning learning areas: Art center
Designing learning areas: Art centerBrixie Cappal
 
Site selection, site planning, site divelepment
Site selection, site planning, site divelepmentSite selection, site planning, site divelepment
Site selection, site planning, site divelepmentSidharth Ravva
 
Site analysis-example
Site analysis-exampleSite analysis-example
Site analysis-exampleAnu PA
 
Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Domain7
 

En vedette (18)

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

Similaire à Art Center Interactive Design 4 - #1 Intro to UX

Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao
 
Lean UX, Google Launchpad London, 2014
Lean UX, Google Launchpad London, 2014Lean UX, Google Launchpad London, 2014
Lean UX, Google Launchpad London, 2014Adrian Howard
 
Brand New World - Mad Genius
Brand New World - Mad GeniusBrand New World - Mad Genius
Brand New World - Mad GeniusMad Genius
 
Agile Experience Design: Don’t Just Deliver: Delight!
Agile Experience Design: Don’t Just Deliver: Delight!Agile Experience Design: Don’t Just Deliver: Delight!
Agile Experience Design: Don’t Just Deliver: Delight!Thoughtworks
 
How Startups May Build Your UX Competencies - Hire or Just a Myth?
How Startups May Build Your UX Competencies - Hire or Just a Myth?How Startups May Build Your UX Competencies - Hire or Just a Myth?
How Startups May Build Your UX Competencies - Hire or Just a Myth?UX Consulting Pte Ltd
 
January 2015 Digital SIG - Marketing & UX
January 2015 Digital SIG - Marketing & UXJanuary 2015 Digital SIG - Marketing & UX
January 2015 Digital SIG - Marketing & UXNAMA
 
Play & Learn in Global UI/UX Design Competition
Play & Learn in Global UI/UX Design CompetitionPlay & Learn in Global UI/UX Design Competition
Play & Learn in Global UI/UX Design CompetitionAfif Bimantara
 
Notes From User Experience Week 2008
Notes From User Experience Week 2008Notes From User Experience Week 2008
Notes From User Experience Week 2008Zef Fugaz
 
Hackers guide to UX
Hackers guide to UXHackers guide to UX
Hackers guide to UXCyber-Duck
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UXRyo Sampei
 
Wemo Recent work
Wemo Recent workWemo Recent work
Wemo Recent workTanay Dixit
 
Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808
Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808
Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808Tom Humbarger
 
Digital marketing trends (workshop)
Digital marketing trends (workshop)Digital marketing trends (workshop)
Digital marketing trends (workshop)Cyber-Duck
 
Flavio Vidigal - Creative process and Creative Tasks
Flavio Vidigal - Creative process and Creative TasksFlavio Vidigal - Creative process and Creative Tasks
Flavio Vidigal - Creative process and Creative TasksStas Kremnev
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for DrupalVanessa Turke
 
UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19Lena Lekkou
 
The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!Jonathan Stark
 

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

Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio
 
Binary Mango R&D
Binary Mango R&DBinary Mango R&D
Binary Mango R&D
 
Lean UX, Google Launchpad London, 2014
Lean UX, Google Launchpad London, 2014Lean UX, Google Launchpad London, 2014
Lean UX, Google Launchpad London, 2014
 
Brand New World - Mad Genius
Brand New World - Mad GeniusBrand New World - Mad Genius
Brand New World - Mad Genius
 
Agile Experience Design: Don’t Just Deliver: Delight!
Agile Experience Design: Don’t Just Deliver: Delight!Agile Experience Design: Don’t Just Deliver: Delight!
Agile Experience Design: Don’t Just Deliver: Delight!
 
How Startups May Build Your UX Competencies - Hire or Just a Myth?
How Startups May Build Your UX Competencies - Hire or Just a Myth?How Startups May Build Your UX Competencies - Hire or Just a Myth?
How Startups May Build Your UX Competencies - Hire or Just a Myth?
 
January 2015 Digital SIG - Marketing & UX
January 2015 Digital SIG - Marketing & UXJanuary 2015 Digital SIG - Marketing & UX
January 2015 Digital SIG - Marketing & UX
 
Severin the Service Designer
Severin the Service DesignerSeverin the Service Designer
Severin the Service Designer
 
Play & Learn in Global UI/UX Design Competition
Play & Learn in Global UI/UX Design CompetitionPlay & Learn in Global UI/UX Design Competition
Play & Learn in Global UI/UX Design Competition
 
Notes From User Experience Week 2008
Notes From User Experience Week 2008Notes From User Experience Week 2008
Notes From User Experience Week 2008
 
Hackers guide to UX
Hackers guide to UXHackers guide to UX
Hackers guide to UX
 
What is UX v1
What is UX v1What is UX v1
What is UX v1
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
 
Wemo Recent work
Wemo Recent workWemo Recent work
Wemo Recent work
 
Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808
Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808
Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808
 
Digital marketing trends (workshop)
Digital marketing trends (workshop)Digital marketing trends (workshop)
Digital marketing trends (workshop)
 
Flavio Vidigal - Creative process and Creative Tasks
Flavio Vidigal - Creative process and Creative TasksFlavio Vidigal - Creative process and Creative Tasks
Flavio Vidigal - Creative process and Creative Tasks
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for Drupal
 
UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19
 
The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!
 

Dernier

怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证eeanqy
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxNikhil Raut
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfOffice Furniture Plus - Irving
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证eqaqen
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxbalqisyamutia
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证wpkuukw
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxbingyichin04
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxtrose8
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfamanda2495
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherrymeghakumariji156
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Nitya salvi
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...samsungultra782445
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证ehyxf
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxMdBokhtiyarHossainNi
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipNitya salvi
 

Dernier (20)

怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 

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#
  • 18.
  • 19.
  • 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
  • 42.
  • 43.
  • 44.
  • 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?