SlideShare a Scribd company logo
1 of 57
class 1 Welcome!
   About the Instructor – Syllabus – Final Project
YOU
• Five words on you
• Five words on why you are here

• Or a haiku

NOT YET! Think about it….



2
About Christina Wodtke

Why do we know what we know?
•Wrote Information Architecture: Blueprints for the Web
•Founded IAI
•Founded Boxes and Arrows
•Ran design teams, product teams in companies such as Yahoo,
Linkedin, Myspace, Zynga
•Currently advising a number of startups on UX


3
About Eric Bell

Why do we know what we know?
• Information Science at University of Washington
• IA for Microsoft, Zaaz, Concent
• Concent is located in Japan, where he worked at projects from
air conditioner interfaces to corporate governance website
•YOUR TA!



4
YOU
• Five words on you
• Five words on why you are here

• Or a haiku




5
syllabus
week 1                                          STRATEGY
•Introduction to UX, research, business requirements, Personas

week 3                                           SCOPE
•Requirements, Content and Feature Strategy

week 4                                           STRUCTURE
•Information Architecture, Interaction Design, Communicating Design

week 6                                           UNIQUE CONTEXTS
•Social, Games, Network Design, Offline and on, Mobile

week 10                                            SKELETON & SKIN
•Brand, Visual Design

6
Grading

Homework                                                          25%
    Get the most out of class by doing all your homework.

Participation                                                     25%
    Get to know your classmates and share your ideas with them.

Final Project                                                     50%
    Show off what you’ve learned.




7
final project
PRESENTATIONS DEC 19 & 20
Select from one of several start-ups
•Real World! Delivers lunch, matchmaking local restaurants with desk-bound office workers
•Social! Collecting materials from a variety of other services, from Flickr to Facebook ,to create
memory sites
•Entertainment! Fashion site that lets women post items they want to find, and other women find
them
•Gift! parents and grandparents subscribe their kids to monthly cooking delivery box
•Kids! online directory of out of school programs for children


Notes: if user research, brainstorming, etc you discover pivots, changes, or new opportunities you
are empowered to do them!

8
Software and Books
• you can get omnigraffle
• or Balsalmiq, or whatever…. Paper perhaps
• you’ll probably need Photoshop or something sexy when it
  comes to the sexy part
• Recommended: Elements of User Experience, Don’t Make Me
  Me Think, Designing Interactions, Designing the Social Web
  and MY BOOK!


9
class 1 UX introduction
   What is UX? – What makes up User Experience –
       Requirements – Strategy – Principles
What is user experience?
What experience do you
love?
What is it?
Why do you love it?
What’s your favorite part?
Don Norman
"User experience" encompasses all aspects of the end-user's
interaction with the company, its services, and its products. The first
requirement for an exemplary user experience is to meet the exact
needs of the customer, without fuss or bother. Next comes simplicity
and elegance that produce products that are a joy to own, a joy to
use. True user experience goes far beyond giving customers what
they say they want, or providing checklist features. In order to
achieve high-quality user experience in a company's offerings there
must be a seamless merging of the services of multiple disciplines,
including engineering, marketing, graphical and industrial design, and
interface design.
13
jesse james garrett

                 the design of anything
                independent of medium
                    or across [device]
       with human experience as an explicit outcome
        and human engagement as an explicit goal



                                                -Jesse James Garrett

14
jesse james garrett




                      -Jesse James Garrett

15
Historically, online we’ve cared about:
TEAM of
DESIGNERS
GRAPHIC
DESIGN
INFORMATION
  ARCHITECT
INTERACTION
  DESIGNER
dan saffer




21
Startups are
       seeking




22
This Course
• You’ll do the entire plane
• You will suck. That is AWESOME
• Not trying=failing
• Find your love. Follow it.




24
Design Principles
A SHORT HISTORY OF ARCHITECTURE
Cave
Hut
Stone Age City
VITRUVIUS




firmitas, utilitas, venustas : : durability, convenience, beauty
Durability



“Durability will be assured when foundations are
 carried down to the solid ground and materials
     wisely and liberally selected” Vitruvius
Frank Lloyd Wright’s Imperial Hotel,
   Japan, survived an earthquake
  The reflecting pool provided a source of water
                 for fire-fighting;
 Cantilevered floors and balconies provided extra
              support for the floors;
A copper roof, cannot fall on people below the way
                  a tile roof can;
  Seismic separation joints, located about every
             20 m along the building;
Tapered walls, thicker on lower floors, increasing
                  their strength;
  Suspended piping and wiring, instead of being
encased in concrete, smooth curves, making them
            more resistant to fracture.
I’m searching for “my
                                                                                   architect, not “movies,
                                                                                      directors, actors”




   Technical Earthquakes
 Slow loading javascript fails on low bandwidth, and can cause users to accidently search for the label inside your
search box. Is your site designed to be robust when things break (for example, filter out the label from the query.
                               Or don’t place labels in fields; it reduces usage anyhow.)
Social Earthquakes
                         If people post jobs in
                     discussion areas, any user can
                        move them to job board




 If people
    use
connection
 invites to
Prepare for
Technical Tremors   Social Faultlines
Execution          Innocents/Idiots
Maintenance        Trolls
Scale              Spammers
Bandwidth          Criminals
Convenience
“When the arrangement of the apartments is faultless and presents no hindrance
to use, and when each class of building is assigned to its suitable and appropriate
exposure” Vitruvius




                          Sound familiar?
                           We’re talking
                             usability!
Usonian houses were beautiful, human scaled.. And didn’t have closet
    space. Should we choose beauty over usability sometimes?




   “Early in life I had to choose between honest arrogance and hypocritical
  humility. I chose honest arrogance and have seen no occasion to change.”
                               Frank Lloyd Wright
Hum
                        an


   The Facebook
Inbox is chock full
 of annoying non-
   human mails,
  despite the fact
they know who is
human and who I
                      Hum
 am connected to.
 Not convenient.
                       an
Bilbao did not leak. I was so
          proud.
I call it the "Then What?"
   Okay, you solved all the
  problems, you did all the
  stuff, you made nice, you
    loved your clients, you
   loved the materials, you
loved the city, you're a good
guy, you're a good person...
  and then what? What do
       you bring to it?
Beauty (delight)




“when the appearance of the work is pleasing and in good taste, and when its
members are in due proportion according to correct principles of symmetry.”
                                                                    Vitrvius
“Less is more.”
              ~ Mies
SEAGRAM BUILDING (Philip
Johnson did interiors, 1957)
                                  Seagram
This logical and                  Building
elegant 38-story
skyscraper (525' H)            New York City
has alternating
horizontal bands of                  1957
bronze plating and                 Is this
bronze-tinted glass              Beautiful?
and decorative bronze
I-beams which
emphasize its
“Less is a bore.”
               ~
Venturi
Is this
Beautiful?
Do we dictate what is
    beautiful by
 constraining user
      choice?
Or support
 passionate use that
  may not meet our
aesthetic standards?
Beautiful




Durable               Convenient
WHY SO USER
CENTERED?
You can’t control the person, but you can design the
         environment to change behavior




      B=f(P+E)
        Behavior is a function of a Person and his
                       Environment
                   - Lewin’s Equation
measure ux: usability
julian missig
Andrei

Andrei Michael Herasimchuk has been designing world class
software across web browsers, desktop clients, mobile
smartphones and tablet computers for more than two decades.
He was the lead designer behind the Adobe Creative Suite and
the product lead for Adobe Lightroom. He was Chief Design
Officer for Involution Studios, a digital product design company
based in the United States and led the 2010 redesign of Yahoo!
Mail. In 2011, Andrei joined Twitter and is currently the Director
of Design. His writing and thoughts on design can be found at
Design by Fire (http://www.designbyfire.com).
56
homework


     Watch Steve Krug’s Do it yourself Usability Test
     http://www.sensible.com/rsme.html

     Read the package

     Select a particularly satisfying user experience.
     Describe why, noting at least three touch points.


                                                         *without using search
57

More Related Content

What's hot

From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
Stephen Anderson
 
What Board Games can Teach Us about Designing Experiences
What Board Games can Teach Us about Designing ExperiencesWhat Board Games can Teach Us about Designing Experiences
What Board Games can Teach Us about Designing Experiences
Stephen Anderson
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
studiokandm
 

What's hot (20)

Understanding User Experience Design & Why It Matters
Understanding User Experience Design & Why It MattersUnderstanding User Experience Design & Why It Matters
Understanding User Experience Design & Why It Matters
 
From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
 
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business RequirementEye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
 
What Board Games can Teach Us about Designing Experiences
What Board Games can Teach Us about Designing ExperiencesWhat Board Games can Teach Us about Designing Experiences
What Board Games can Teach Us about Designing Experiences
 
Introduction to User Experience Design 10/07/17
Introduction to User Experience Design 10/07/17Introduction to User Experience Design 10/07/17
Introduction to User Experience Design 10/07/17
 
Characteristics of a well designed user interface
Characteristics of a well designed user interfaceCharacteristics of a well designed user interface
Characteristics of a well designed user interface
 
Critical Thinking forUX Designers (Workshop)
Critical Thinking forUX Designers (Workshop)Critical Thinking forUX Designers (Workshop)
Critical Thinking forUX Designers (Workshop)
 
DFA Social Media Class at AgConnect 2013
DFA Social Media Class at AgConnect 2013DFA Social Media Class at AgConnect 2013
DFA Social Media Class at AgConnect 2013
 
UX & UI Design 101
UX & UI Design 101UX & UI Design 101
UX & UI Design 101
 
Presentations As Social Media In (talk at Portland Presentation Camp)
Presentations As Social Media In (talk at Portland Presentation Camp)Presentations As Social Media In (talk at Portland Presentation Camp)
Presentations As Social Media In (talk at Portland Presentation Camp)
 
Visual tools and innovation games workshop - SPTechCon - Apr 2014
Visual tools and innovation games workshop - SPTechCon - Apr 2014Visual tools and innovation games workshop - SPTechCon - Apr 2014
Visual tools and innovation games workshop - SPTechCon - Apr 2014
 
Playing Games with Your Career
Playing Games with Your CareerPlaying Games with Your Career
Playing Games with Your Career
 
Redesigning the Drupal Issue Queue (Codename Prairie: a Social Architecture P...
Redesigning the Drupal Issue Queue (Codename Prairie: a Social Architecture P...Redesigning the Drupal Issue Queue (Codename Prairie: a Social Architecture P...
Redesigning the Drupal Issue Queue (Codename Prairie: a Social Architecture P...
 
Designing Intuitive SharePoint Sites
Designing Intuitive SharePoint SitesDesigning Intuitive SharePoint Sites
Designing Intuitive SharePoint Sites
 
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use" Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
 
Z-Shaped Thinkers
Z-Shaped ThinkersZ-Shaped Thinkers
Z-Shaped Thinkers
 
Design All The Things
Design All The ThingsDesign All The Things
Design All The Things
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
 
Analysis report brief
Analysis report briefAnalysis report brief
Analysis report brief
 
Game On: Everything you need to know about how games are changing the world
Game On: Everything you need to know about how games are changing the worldGame On: Everything you need to know about how games are changing the world
Game On: Everything you need to know about how games are changing the world
 

Viewers also liked

Coop First: how non-zero-sum games are reshaping our digital landscape
Coop First: how non-zero-sum games are reshaping our digital landscapeCoop First: how non-zero-sum games are reshaping our digital landscape
Coop First: how non-zero-sum games are reshaping our digital landscape
Amy Jo Kim
 

Viewers also liked (13)

Yahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsYahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design Patterns
 
Coop First: how non-zero-sum games are reshaping our digital landscape
Coop First: how non-zero-sum games are reshaping our digital landscapeCoop First: how non-zero-sum games are reshaping our digital landscape
Coop First: how non-zero-sum games are reshaping our digital landscape
 
Virtual Seminar: Cross-Channel Design: Magic Mobile Moments
Virtual Seminar: Cross-Channel Design: Magic Mobile MomentsVirtual Seminar: Cross-Channel Design: Magic Mobile Moments
Virtual Seminar: Cross-Channel Design: Magic Mobile Moments
 
Designing Brand
Designing BrandDesigning Brand
Designing Brand
 
Ux aus prototyping
Ux aus prototypingUx aus prototyping
Ux aus prototyping
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
The Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesThe Future of UX: Designing Data Experiences
The Future of UX: Designing Data Experiences
 
User Insights Start the Design Process
User Insights Start the Design ProcessUser Insights Start the Design Process
User Insights Start the Design Process
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSF
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 

Similar to Introduction to User Experience

Social Spaces: Lessons from Radical Architects
Social Spaces: Lessons from Radical ArchitectsSocial Spaces: Lessons from Radical Architects
Social Spaces: Lessons from Radical Architects
Christina Wodtke
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
Erik Duval
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Design
jayyearley
 

Similar to Introduction to User Experience (20)

How Do I UX?
How Do I UX?How Do I UX?
How Do I UX?
 
The Birth of the HUGE UX School
The Birth of the HUGE UX SchoolThe Birth of the HUGE UX School
The Birth of the HUGE UX School
 
Designing structure ia
Designing structure iaDesigning structure ia
Designing structure ia
 
Social Spaces: Lessons from Radical Architects
Social Spaces: Lessons from Radical ArchitectsSocial Spaces: Lessons from Radical Architects
Social Spaces: Lessons from Radical Architects
 
The UX Industry & You
The UX Industry & YouThe UX Industry & You
The UX Industry & You
 
Digital design workshop
Digital design workshop Digital design workshop
Digital design workshop
 
Demystifying Design Thinking: On the origins, applications and implications o...
Demystifying Design Thinking: On the origins, applications and implications o...Demystifying Design Thinking: On the origins, applications and implications o...
Demystifying Design Thinking: On the origins, applications and implications o...
 
Brisbane Content Strategy Meetup Cct 2017
Brisbane Content Strategy Meetup Cct 2017Brisbane Content Strategy Meetup Cct 2017
Brisbane Content Strategy Meetup Cct 2017
 
Chi overview
Chi overviewChi overview
Chi overview
 
CHI overzicht
CHI overzichtCHI overzicht
CHI overzicht
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 
Utah PMA Quarterly Meeting, June, 2010
Utah PMA Quarterly Meeting, June, 2010Utah PMA Quarterly Meeting, June, 2010
Utah PMA Quarterly Meeting, June, 2010
 
Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20
 
24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly
 
Prototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX DesignersPrototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX Designers
 
An Introduction to User Experience for Dev's & Techies
An Introduction to User Experience for Dev's & TechiesAn Introduction to User Experience for Dev's & Techies
An Introduction to User Experience for Dev's & Techies
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Design
 
Design Research (is not Market Research)
Design Research (is not Market Research)Design Research (is not Market Research)
Design Research (is not Market Research)
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the Ugly
 
Design as Leadership: Exploring the Terrain
Design as Leadership: Exploring the TerrainDesign as Leadership: Exploring the Terrain
Design as Leadership: Exploring the Terrain
 

More from Christina Wodtke

Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning Teams
Christina Wodtke
 

More from Christina Wodtke (20)

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal Elements
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without Authority
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and Models
 
It's complicated
It's complicatedIt's complicated
It's complicated
 
Reboot Your Team
Reboot Your TeamReboot Your Team
Reboot Your Team
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for Understanding
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing Studies
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UI
 
WIAD Boston
WIAD BostonWIAD Boston
WIAD Boston
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning Teams
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals Megadeck
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with Pictures
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeed
 
Class5 Business Design
Class5 Business DesignClass5 Business Design
Class5 Business Design
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating Assumptions
 
Making the Complex Clear
Making the Complex ClearMaking the Complex Clear
Making the Complex Clear
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction Design
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 Needfinding
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offering
 

Recently uploaded

挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质
yzeoq
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
thubko
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
Amil baba
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
joshuaclack73
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 

Recently uploaded (20)

挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
 
Onyx Tiles Where Elegance Meets Durability
Onyx Tiles Where Elegance Meets DurabilityOnyx Tiles Where Elegance Meets Durability
Onyx Tiles Where Elegance Meets Durability
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
Cascading Style Sheet(CSS) PDF Notes by Apna College
Cascading Style Sheet(CSS) PDF Notes by Apna CollegeCascading Style Sheet(CSS) PDF Notes by Apna College
Cascading Style Sheet(CSS) PDF Notes by Apna College
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 

Introduction to User Experience

  • 1. class 1 Welcome! About the Instructor – Syllabus – Final Project
  • 2. YOU • Five words on you • Five words on why you are here • Or a haiku NOT YET! Think about it…. 2
  • 3. About Christina Wodtke Why do we know what we know? •Wrote Information Architecture: Blueprints for the Web •Founded IAI •Founded Boxes and Arrows •Ran design teams, product teams in companies such as Yahoo, Linkedin, Myspace, Zynga •Currently advising a number of startups on UX 3
  • 4. About Eric Bell Why do we know what we know? • Information Science at University of Washington • IA for Microsoft, Zaaz, Concent • Concent is located in Japan, where he worked at projects from air conditioner interfaces to corporate governance website •YOUR TA! 4
  • 5. YOU • Five words on you • Five words on why you are here • Or a haiku 5
  • 6. syllabus week 1 STRATEGY •Introduction to UX, research, business requirements, Personas week 3 SCOPE •Requirements, Content and Feature Strategy week 4 STRUCTURE •Information Architecture, Interaction Design, Communicating Design week 6 UNIQUE CONTEXTS •Social, Games, Network Design, Offline and on, Mobile week 10 SKELETON & SKIN •Brand, Visual Design 6
  • 7. Grading Homework 25% Get the most out of class by doing all your homework. Participation 25% Get to know your classmates and share your ideas with them. Final Project 50% Show off what you’ve learned. 7
  • 8. final project PRESENTATIONS DEC 19 & 20 Select from one of several start-ups •Real World! Delivers lunch, matchmaking local restaurants with desk-bound office workers •Social! Collecting materials from a variety of other services, from Flickr to Facebook ,to create memory sites •Entertainment! Fashion site that lets women post items they want to find, and other women find them •Gift! parents and grandparents subscribe their kids to monthly cooking delivery box •Kids! online directory of out of school programs for children Notes: if user research, brainstorming, etc you discover pivots, changes, or new opportunities you are empowered to do them! 8
  • 9. Software and Books • you can get omnigraffle • or Balsalmiq, or whatever…. Paper perhaps • you’ll probably need Photoshop or something sexy when it comes to the sexy part • Recommended: Elements of User Experience, Don’t Make Me Me Think, Designing Interactions, Designing the Social Web and MY BOOK! 9
  • 10. class 1 UX introduction What is UX? – What makes up User Experience – Requirements – Strategy – Principles
  • 11. What is user experience?
  • 12. What experience do you love? What is it? Why do you love it? What’s your favorite part?
  • 13. Don Norman "User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products. The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features. In order to achieve high-quality user experience in a company's offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design. 13
  • 14. jesse james garrett the design of anything independent of medium or across [device] with human experience as an explicit outcome and human engagement as an explicit goal -Jesse James Garrett 14
  • 15. jesse james garrett -Jesse James Garrett 15
  • 22. Startups are seeking 22
  • 23.
  • 24. This Course • You’ll do the entire plane • You will suck. That is AWESOME • Not trying=failing • Find your love. Follow it. 24
  • 25. Design Principles A SHORT HISTORY OF ARCHITECTURE
  • 26. Cave
  • 27.
  • 28. Hut
  • 29.
  • 31.
  • 32. VITRUVIUS firmitas, utilitas, venustas : : durability, convenience, beauty
  • 33. Durability “Durability will be assured when foundations are carried down to the solid ground and materials wisely and liberally selected” Vitruvius
  • 34. Frank Lloyd Wright’s Imperial Hotel, Japan, survived an earthquake The reflecting pool provided a source of water for fire-fighting; Cantilevered floors and balconies provided extra support for the floors; A copper roof, cannot fall on people below the way a tile roof can; Seismic separation joints, located about every 20 m along the building; Tapered walls, thicker on lower floors, increasing their strength; Suspended piping and wiring, instead of being encased in concrete, smooth curves, making them more resistant to fracture.
  • 35. I’m searching for “my architect, not “movies, directors, actors” Technical Earthquakes Slow loading javascript fails on low bandwidth, and can cause users to accidently search for the label inside your search box. Is your site designed to be robust when things break (for example, filter out the label from the query. Or don’t place labels in fields; it reduces usage anyhow.)
  • 36. Social Earthquakes If people post jobs in discussion areas, any user can move them to job board If people use connection invites to
  • 37. Prepare for Technical Tremors Social Faultlines Execution Innocents/Idiots Maintenance Trolls Scale Spammers Bandwidth Criminals
  • 38. Convenience “When the arrangement of the apartments is faultless and presents no hindrance to use, and when each class of building is assigned to its suitable and appropriate exposure” Vitruvius Sound familiar? We’re talking usability!
  • 39. Usonian houses were beautiful, human scaled.. And didn’t have closet space. Should we choose beauty over usability sometimes? “Early in life I had to choose between honest arrogance and hypocritical humility. I chose honest arrogance and have seen no occasion to change.” Frank Lloyd Wright
  • 40. Hum an The Facebook Inbox is chock full of annoying non- human mails, despite the fact they know who is human and who I Hum am connected to. Not convenient. an
  • 41. Bilbao did not leak. I was so proud.
  • 42. I call it the "Then What?" Okay, you solved all the problems, you did all the stuff, you made nice, you loved your clients, you loved the materials, you loved the city, you're a good guy, you're a good person... and then what? What do you bring to it?
  • 43. Beauty (delight) “when the appearance of the work is pleasing and in good taste, and when its members are in due proportion according to correct principles of symmetry.” Vitrvius
  • 45. SEAGRAM BUILDING (Philip Johnson did interiors, 1957) Seagram This logical and Building elegant 38-story skyscraper (525' H) New York City has alternating horizontal bands of 1957 bronze plating and Is this bronze-tinted glass Beautiful? and decorative bronze I-beams which emphasize its
  • 46. “Less is a bore.” ~ Venturi
  • 48. Do we dictate what is beautiful by constraining user choice?
  • 49. Or support passionate use that may not meet our aesthetic standards?
  • 50. Beautiful Durable Convenient
  • 52. You can’t control the person, but you can design the environment to change behavior B=f(P+E) Behavior is a function of a Person and his Environment - Lewin’s Equation
  • 55.
  • 56. Andrei Andrei Michael Herasimchuk has been designing world class software across web browsers, desktop clients, mobile smartphones and tablet computers for more than two decades. He was the lead designer behind the Adobe Creative Suite and the product lead for Adobe Lightroom. He was Chief Design Officer for Involution Studios, a digital product design company based in the United States and led the 2010 redesign of Yahoo! Mail. In 2011, Andrei joined Twitter and is currently the Director of Design. His writing and thoughts on design can be found at Design by Fire (http://www.designbyfire.com). 56
  • 57. homework Watch Steve Krug’s Do it yourself Usability Test http://www.sensible.com/rsme.html Read the package Select a particularly satisfying user experience. Describe why, noting at least three touch points. *without using search 57

Editor's Notes

  1. Neolithic monument in present day Turkey Occupied between 6300 BC to 5400 BC Supported a population of up to 6000 people It was the largest and most cosmopolitan city of its time
  2. Commodity, firmness, delight
  3. The hotel had several design features that made up for its foundation: The reflecting pool (visible in the picture above) also provided a source of water for fire-fighting, saving the building from the post-earthquake firestorm; [1] Cantilevered floors and balconies provided extra support for the floors; A copper roof, which cannot fall on people below the way a tile roof can; Seismic separation joints, located about every 20 m along the building; Tapered walls, thicker on lower floors, increasing their strength; Suspended piping and wiring, instead of being encased in concrete, as well as smooth curves, making them more resistant to fracture. [2]
  4. The MIT project, they were interviewing me for MIT and they sent their facilities people to Bilbao. I met them in Bilbao. They came for three days. W: This is the computer building. G: They were there for three days and it rained every day. And they kept walking around. I noticed they were looking under things and looking for things, and they wanted to know where the buckets were hidden, people putting buckets out. I was clean. There wasn't a bloody leak in the place. It was just fantastic. But you've got to -- yeah, well, up until then, every building leaked. W: Frank had a sort of -- sort of had a fame -- his -- his fame was built on that in L.A. for a while. You know, Frank, you've all heard the Frank Lloyd Wright story when the guy -- the woman called and said, "Mr. Wright, my -- I'm sitting in the couch and the water's pouring in on my head," and he said, "Madame, move your chair." G: So, some years later I was doing a little house on the beach for Norton Simon, and his secretary was kind of a hell-on-wheels type lady -- called me and said, Mr. Simon's sitting at his desk, and the water's coming in on his head, and I told him the Frank Lloyd Wright story. W: Didn't get a laugh. G: No. Not now either. 
  5. It's the "Then What?" that most clients who hire architects -- most clients aren't hiring architects for that. They're hiring them to get it done, get it on budget, you know, and not -- you know, be polite -- and they're missing out on the -- the real value of an architect. 
  6. http://usabilitygeek.com/wp-content/uploads/2011/08/usability-vs-user-experience.jpg
  7. http://uxdesign.com/assets/ux-defined/user-experience-design-diagram.jpg