ux design presetation

19
Building Software Products: From Strategy to Sales (BUS 100) 1

Upload: glen-lipka

Post on 06-May-2015

1.958 views

Category:

Business


0 download

DESCRIPTION

Guest Lecture at Stanford continuing studies: Building Software Products: From Strategy to Sales (BUS 100)

TRANSCRIPT

Page 1: UX Design Presetation

Building Software Products: From Strategy to Sales (BUS 100)

1

Page 2: UX Design Presetation

The Big IdeaThe Big Idea

2

Every business starts with an idea.

Page 3: UX Design Presetation

The BusinessThe Business

• Funding

• Research

• Planning

• Strategy

• Decisions, decisions.

• The idea evolves.

3

Page 4: UX Design Presetation

Now build it!Now build it!

• Build it how?

• What technology?

• Who is in charge?

• What’s the process?

• Choices, choices.

• The idea evolves

4

Page 5: UX Design Presetation

The ModelThe Model

5

How the user guesses it works

How it actually works

Mental ModelSystem Image

Page 6: UX Design Presetation

The Design ModelThe Design Model

The design model is the creative bridge between the idea, the users and the reality of the system.

Creating a design model:• Information

Architecture• Interaction Design• Visual Design• Prototyping• Usability Studies• Trial and Error

Information ArchitectureInformation Architecture

Interaction Design

6

Page 7: UX Design Presetation

Design is NatureDesign is Nature

Users must Live and work in

your world without choice

Learn the rules Be punished and

rewarded for their behavior

Try to prosper

7

Page 8: UX Design Presetation

Types of ApplicationsTypes of Applications

Daily Business App Outlook Salesforce.com

Once a year Turbotax.com

Game Second Life

Single trick Maps.google.com

8

Page 9: UX Design Presetation

Information ArchitectureInformation Architecture

Major sections Minor sections Menus Interaction

capabilities

Main Street Side Streets

9

Page 10: UX Design Presetation

Rules of Information Rules of Information ArchitectureArchitecture

Where am I? What can I do here? Where can I go

from here? How can I get back? Am I near other

things? Where do I look? Who am I?

10

Page 11: UX Design Presetation

User Experience PrototypingUser Experience Prototyping

PowerPoint Visio Paper HTML

11

Page 12: UX Design Presetation

12

Page 13: UX Design Presetation

Flow - Mihály Csíkszentmihályi Flow - Mihály Csíkszentmihályi

13

Page 14: UX Design Presetation

Do not bend your userDo not bend your user

Users will guess randomly

Users aren’t paying attention

Users are not patient with your app

Engineers are not patient with users

14

Boy: Do not try and bend the spoon. That's impossible. Instead... only try to realize the truth.

Neo: What truth?

Boy: There is no spoon.

Neo: There is no spoon?

Boy: Then you'll see, that it is not the spoon that bends, it is only yourself.

Page 15: UX Design Presetation

Who is in charge?Who is in charge?

Collaboration vs. Consensus

Expertise vs. Opinion

Vision vs. Competition

Creative vs. Proven

Illustrations by Creating Passionate Users

http://headrush.typepad.com/15

Page 16: UX Design Presetation

How does compromise affect How does compromise affect design?design? Designers typically

can not prototype interactive experiences on their own.

Project Management and Engineering are risk-averse.

Illustrations by Creating Passionate Users

http://headrush.typepad.com/16

Page 17: UX Design Presetation

The Design Process 1.0The Design Process 1.0

1. Designer iterates in static Photoshop/illustrator.

2. Designer throws flat JPEG over cubicle wall.

3. Web Developer/engineer renders pixel-perfect (sometimes) html rendition.

4. Engineering plugs in server-side logic.

5. QA Tests

6. Launch

7. Analyze and go back to step 1

Brick Wall by Miroslav Bartak

17

Page 18: UX Design Presetation

18

Page 19: UX Design Presetation

19