UX Design Presetation

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

1

The Big IdeaThe Big Idea

2

Every business starts with an idea.

The BusinessThe Business

• Funding

• Research

• Planning

• Strategy

• Decisions, decisions.

• The idea evolves.

3

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

The ModelThe Model

5

How the user guesses it works

How it actually works

Mental ModelSystem Image

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

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

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

Information ArchitectureInformation Architecture

Major sections Minor sections Menus Interaction

capabilities

Main Street Side Streets

9

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

User Experience PrototypingUser Experience Prototyping

PowerPoint Visio Paper HTML

11

12

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

13

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.

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

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

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

18

19