art center interactive design 4 - #1 intro to ux

Post on 28-Nov-2014

197 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

Art Center Interactive Design 4 Lecture Slides #1 (week 1) Intro to User Experience

TRANSCRIPT

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

!

Developers

Quality Assurance

Fellow Designers

!

!

!

Customers

Clients

Stakeholders

Marketing Team

!

Developers

Quality Assurance

Fellow Designers

!

!

!

Customers

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

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#

AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray

“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

NOW HOW IT SHOULD BE

No such thing as reading the manual. Period.

!by Nielsen Norman Group, 2012.

Utility does it provide the features you need?

Usability how easy & pleasant these features are to use?

Useful = Utility + Usability

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?

top related