SlideShare ist ein Scribd-Unternehmen logo
1 von 52
Downloaden Sie, um offline zu lesen
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?

Weitere ähnliche Inhalte

Was ist angesagt?

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
 

Was ist angesagt? (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?
 

Andere mochten auch

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
 

Andere mochten auch (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
 

Ähnlich wie 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
 

Ähnlich wie 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!
 

Kürzlich hochgeladen

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
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
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 

Kürzlich hochgeladen (20)

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
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
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 

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?