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

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

The Big Idea Every business starts with an idea .

Every business starts with an idea .

The Business Funding Research Planning Strategy Decisions, decisions. The idea evolves.

Funding

Research

Planning

Strategy

Decisions, decisions.

The idea evolves.

Now build it! Build it how? What technology? Who is in charge? What’s the process? Choices, choices. The idea evolves

Build it how?

What technology?

Who is in charge?

What’s the process?

Choices, choices.

The idea evolves

The Model How the user guesses it works How it actually works Mental Model System Image

The 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 Architecture Interaction Design

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

Design 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

Users must

Live and work in your world without choice

Learn the rules

Be punished and rewarded for their behavior

Try to prosper

Types of Applications Daily Business App Outlook Salesforce.com Once a year Turbotax.com Game Second Life Single trick Maps.google.com

Daily Business App

Outlook

Salesforce.com

Once a year

Turbotax.com

Game

Second Life

Single trick

Maps.google.com

Information Architecture Major sections Minor sections Menus Interaction capabilities Main Street Side Streets

Major sections

Minor sections

Menus

Interaction capabilities

Main Street

Side Streets

Rules of Information Architecture 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?

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?

User Experience Prototyping PowerPoint Visio Paper HTML

PowerPoint

Visio

Paper

HTML

Flow - Mihály Csíkszentmihályi

Do 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 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.

Users will guess randomly

Users aren’t paying attention

Users are not patient with your app

Engineers are not patient with users

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/

Collaboration vs. Consensus

Expertise vs. Opinion

Vision vs. Competition

Creative vs. Proven

Illustrations by Creating Passionate Users

http://headrush.typepad.com/

How does compromise affect 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/

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/

The Design Process 1.0 Designer iterates in static Photoshop/illustrator. Designer throws flat JPEG over cubicle wall. Web Developer/engineer renders pixel-perfect (sometimes) html rendition. Engineering plugs in server-side logic. QA Tests Launch Analyze and go back to step 1 Brick Wall by Miroslav Bartak

Designer iterates in static Photoshop/illustrator.

Designer throws flat JPEG over cubicle wall.

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

Engineering plugs in server-side logic.

QA Tests

Launch

Analyze and go back to step 1