Top Banner
Middle-Out Design
235
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Middle Out Design

Middle-Out Design

Page 2: Middle Out Design

Audrey Crane

Page 3: Middle Out Design

Dubberly Design Office(DDO)

Page 4: Middle Out Design
Page 5: Middle Out Design
Page 6: Middle Out Design
Page 7: Middle Out Design
Page 8: Middle Out Design
Page 9: Middle Out Design

new design method

Page 10: Middle Out Design

middle-out design

Page 11: Middle Out Design

issues =

Page 12: Middle Out Design

HandScript

Page 13: Middle Out Design

HandScriptTopSecret

Page 14: Middle Out Design

product

Page 15: Middle Out Design

medical order-entry system

Page 16: Middle Out Design

physicians

Page 17: Middle Out Design

hospital

Page 18: Middle Out Design

writing

Page 19: Middle Out Design

problems

Page 20: Middle Out Design

hand-held device with WiFi

Page 21: Middle Out Design

“discontinue TUMS”

Page 22: Middle Out Design

“ IVF to 100cc/hr”

Page 23: Middle Out Design

“Reglan 10mg po 30 min qac TID”

Page 24: Middle Out Design

client team

Page 25: Middle Out Design

Kevin, engineering manager

Page 26: Middle Out Design

Kevin, engineering manager Eliot, voice interaction designer

Page 27: Middle Out Design

Kevin, engineering manager Eliot, voice interaction designerClaire, “front end” engineer

Page 28: Middle Out Design

Kevin, engineering manager Eliot, voice interaction designerClaire, “front end” engineer

Howard, local doctor

Page 29: Middle Out Design

Kevin, engineering manager Eliot, voice interaction designerClaire, “front end” engineer

Howard, local doctor Dr. Famous, content expert

Page 30: Middle Out Design

us

him

Page 31: Middle Out Design

DavidCTO

Kevin, engineering manager Eliot, voice interaction designerClaire, “front end” engineer

Howard, local doctor Dr. Famous, content expert

David, CTO

Page 32: Middle Out Design

5 + 3 Kevin, engineering manager Eliot, voice interaction designerClaire, “front end” engineer

Howard, local doctor Dr. Famous, content expert

David, CTO

Page 33: Middle Out Design

Kevin, engineering manager Eliot, voice interaction designerClaire, “front end” engineer

Howard, local doctor Dr. Famous, content expert

Audrey, design & project manager

Page 34: Middle Out Design

Kevin, engineering manager Eliot, voice interaction designerClaire, “front end” engineer

Howard, local doctor Dr. Famous, content expert

Audrey, design & project manager

Greg, interaction designer

Page 35: Middle Out Design

Kevin, engineering manager Eliot, voice interaction designerClaire, “front end” engineer

Howard, local doctor Dr. Famous, content expert

Audrey, design & project manager

Greg, interaction designer

Hugh, principal

Page 36: Middle Out Design

project background

Page 37: Middle Out Design

company = engineers

Page 38: Middle Out Design

(so that has some implications)

Page 39: Middle Out Design

privately funded

Page 40: Middle Out Design

$

$$

$

$$

Page 41: Middle Out Design

alpha(1 year old, some content)

Page 42: Middle Out Design

1 year to go

Page 43: Middle Out Design

(1 year late)

Page 44: Middle Out Design

Gino, designer-e x

Page 45: Middle Out Design

“just a little help”

Page 46: Middle Out Design

(background background)

Page 47: Middle Out Design

Gino, designer-e x

Page 48: Middle Out Design

Claire, “front end” engineerGino, designer-e x

Page 49: Middle Out Design

frustrated

Page 50: Middle Out Design

content entry tool ~ product UI

Page 51: Middle Out Design

Dr. Famouscontent expert

information architect

Dr. Famous, content expert

information architect

Page 52: Middle Out Design

Dr. Famous, content expertinformation architect( )de s ig ne r

Page 53: Middle Out Design

Dr. Famous doesn’t need any stinkin’ designers

Page 54: Middle Out Design

Dr. Famous, content expertinformation architect

Page 55: Middle Out Design

(serious chronic illness)

Page 56: Middle Out Design

getting started

Page 57: Middle Out Design

first meeting

Page 58: Middle Out Design

Santa Cruz

Page 59: Middle Out Design
Page 60: Middle Out Design

mostly Working At Home“WAH”

Page 61: Middle Out Design

(so that has some implications)

Page 62: Middle Out Design

no receptionist

Page 63: Middle Out Design

barefoot engineer

Page 64: Middle Out Design

lights off

Page 65: Middle Out Design
Page 66: Middle Out Design

?

Page 67: Middle Out Design
Page 68: Middle Out Design

“What is an order?”

Page 69: Middle Out Design

“NPO until procedure, then…

Page 70: Middle Out Design

“…ice chips for 1 hour, then…”

Page 71: Middle Out Design

“…full liquid diet until patient requests food, then…”

Page 72: Middle Out Design

“…regular diet.”

Page 73: Middle Out Design

“…regular diet. Low sodium.”

Page 74: Middle Out Design

1? 2? 5?

Page 75: Middle Out Design

?

?

?

?

?

?

?

?

?

?

?

??

?

?

?

?

?

?

??

??

??

?

?

?

??

?

?

?

?

?

? ?

??

?

?

?

?

?

?

???

?

?

?

?

??

?

?

?

?

?

?

?

Page 76: Middle Out Design

domain =

Page 77: Middle Out Design
Page 78: Middle Out Design

competition =

Page 79: Middle Out Design
Page 80: Middle Out Design

work =

Page 81: Middle Out Design
Page 82: Middle Out Design

product =

Page 83: Middle Out Design

finite

Page 84: Middle Out Design

DDO engagement =

Page 85: Middle Out Design
Page 86: Middle Out Design

DDO process

Page 87: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify

Page 88: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies

Page 89: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

Page 90: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis

Page 91: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

Page 92: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

- maps

Page 93: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

- maps- wireframes

Page 94: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

- maps- wireframes- comps

Page 95: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

- maps- wireframes- comps

- studies

Page 96: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

- maps- wireframes- comps

- studies - detail

Page 97: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

- maps- wireframes- comps

- studies - detail- document

Page 98: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

- maps- wireframes- comps

- studies - detail- document

1. Analyze 2. Define 3. Ideate 4. Select 5. Implement

1. Define 2. Measure 3. Analyze 4. Design 5. Verify

1. Plan 2. Learn 3. Specify 4. Produce 5. Evaluate

Page 99: Middle Out Design

(whole other talk)

Page 100: Middle Out Design

1. research or analysis

Page 101: Middle Out Design

Work already!

Page 102: Middle Out Design

9 engineers sitting

Page 103: Middle Out Design
Page 104: Middle Out Design

…or worse!

Page 105: Middle Out Design

What to do?

Page 106: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

- maps- wireframes- comps

- studies - detail- document

Page 107: Middle Out Design

3 participant user testing?

Page 108: Middle Out Design

1 week for modeling?

Page 109: Middle Out Design
Page 110: Middle Out Design

?

Page 111: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify- studies- reviews

- analysis- synthesis

- maps- wireframes- comps

- studies - detail- document

Page 112: Middle Out Design
Page 113: Middle Out Design

OR

Page 114: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify

Page 115: Middle Out Design
Page 116: Middle Out Design
Page 117: Middle Out Design

“Um…sure.”

Page 118: Middle Out Design
Page 119: Middle Out Design

Admit/Xfr/DschgDiet

Regular diet as tol.Soft dietFull liquid dietClear liquid dietNPOMore Consistencies

Mechanical Soft DietPureed DietSips of WaterIce chps

Common / Diabetic DietsMore Modified Diets

Low / High / Amount Per DayFood AllergyRestrictedFluid RestrictionDisease / ConditionSpecial

Advance as tol.Advance as tol. to…

Regular diet as tol.Soft dietMechanical soft diet

Page 120: Middle Out Design

“What if the handheld is lost?”

Page 121: Middle Out Design

“Er…Log out after 30 seconds.”

Page 122: Middle Out Design

lacks coherence, consistency

Page 123: Middle Out Design
Page 124: Middle Out Design

?

Page 125: Middle Out Design

?

?

?

?

?

?

?

?

?

?

?

??

?

?

?

?

?

?

??

??

??

?

?

?

??

?

?

?

?

?

? ?

??

?

?

?

?

?

?

???

?

?

?

?

??

?

?

?

?

?

?

?

✔✔

Page 126: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify

Page 127: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify

Page 128: Middle Out Design

1. Research 2. Model 3. Prototype 4. Test 5. Specify

Page 129: Middle Out Design

what we did

Page 130: Middle Out Design

wrote down questionsquestions

Page 131: Middle Out Design

?

?

Page 132: Middle Out Design

?

?

?

?

Page 133: Middle Out Design

?

?

?

??

??

??

?

Page 134: Middle Out Design

?

?

?

??

?

? ?

? ?

? ?

??

Page 135: Middle Out Design

wrote down questions

?????

?

?

?

?

?

Page 136: Middle Out Design

prioritized

?

Page 137: Middle Out Design

SQA tangent

Page 138: Middle Out Design

Software Quality Assurance

Page 139: Middle Out Design
Page 140: Middle Out Design

Bug:

Page 141: Middle Out Design

Bug:

1. Summary

Page 142: Middle Out Design

Bug:

1. Summary2. Description

Page 143: Middle Out Design

Bug:

1. Summary2. Description3. Owner

Page 144: Middle Out Design

Bug:

1. Summary2. Description3. Owner4. Status (open, working, closed)

Page 145: Middle Out Design

Bug:

1. Summary2. Description3. Owner4. Status (open, working, )

Page 146: Middle Out Design

Bug:

1. Summary2. Description3. Owner4. Status (open, working, ) 5. (Severity)

Page 147: Middle Out Design

Bug:

1. Summary2. Description3. Owner4. Status (open, working, ) 5. (Severity)6. Priority

Page 148: Middle Out Design

P1P2P3P4P5

Page 149: Middle Out Design

P1P2P3P4P5

✔✔✔

Page 150: Middle Out Design

(or whatever)

Page 151: Middle Out Design

P3?? P4!!

Page 152: Middle Out Design

P1 (pe wun) adj.

Page 153: Middle Out Design

P1 - crash, data loss

Page 154: Middle Out Design

(or whatever)

Page 155: Middle Out Design

= issues

Page 156: Middle Out Design
Page 157: Middle Out Design

Design Issue Priority Definitions

Page 158: Middle Out Design

Design Issue Priority DefinitionsP1: Global or core issue that prevents a

significant number of other issues from being resolved.

Page 159: Middle Out Design

Design Issue Priority DefinitionsP1:

P2:

Global or core issue that prevents a significant number of other issues from being resolved.Prevents some issues from being resolved, but not a large number.

Page 160: Middle Out Design

Design Issue Priority DefinitionsP1:

P2:

P3:

Global or core issue that prevents a significant number of other issues from being resolved.Prevents some issues from being resolved, but not a large number.Isolated issue, must be resolved but does not prevent other work.

Page 161: Middle Out Design

Design Issue Priority DefinitionsP1:

P2:

P3:

P4:

Global or core issue that prevents a significant number of other issues from being resolved.Prevents some issues from being resolved, but not a large number.Isolated issue, must be resolved but does not prevent other work.Detail, does not prevent other work.

Page 162: Middle Out Design

Design Issue Priority DefinitionsP1:

P2:

P3:

P4:

P5:

Global or core issue that prevents a significant number of other issues from being resolved.Prevents some issues from being resolved, but not a large number.Isolated issue, must be resolved but does not prevent other work.Detail, does not prevent other work.Detail, resolution not required for beta.

Page 163: Middle Out Design

An issue is resolved when…

Page 164: Middle Out Design

?

Page 165: Middle Out Design

When are agreedthat we have a good fix.

Page 166: Middle Out Design

good?

Page 167: Middle Out Design

?

Page 168: Middle Out Design

my good = your good?

Page 169: Middle Out Design

Ha.

Page 170: Middle Out Design

good (güd)adj. bet·ter, best

1. Being positive or desirable in nature; not bad or poor

Page 171: Middle Out Design

(whole other talk)

Page 172: Middle Out Design

team “good”= team “good”

Page 173: Middle Out Design

Good:

Page 174: Middle Out Design

Good:

1. Efficient, meaning…a. intuitiveb. fast (application)c. quick access to information

Page 175: Middle Out Design

Good:

1. Efficient, meaning…a. intuitiveb. fast (application)c. quick access to information

2. Meets expectations; consistent, no surprises.

Page 176: Middle Out Design

Good:

1. Efficient, meaning…a. intuitiveb. fast (application)c. quick access to information

2. Meets expectations; consistent, no surprises.

3. Keeps users from getting lost.

Page 177: Middle Out Design

Good:

1. Efficient, meaning…a. intuitiveb. fast (application)c. quick access to information

2. Meets expectations; consistent, no surprises.

3. Keeps users from getting lost.

4. Minimal barriers and constraints.

Page 178: Middle Out Design

consistency class

Page 179: Middle Out Design

ANYWAY

Page 180: Middle Out Design

Go!

Page 181: Middle Out Design

tools

Page 182: Middle Out Design

Issue List Issue Priority Definitions: P1 - global or core issues that prevents a significant number of other issues from being resolved P2 - prevents some other issues from being resolved, but not the bulk of issues at hand P3 - isolated issue, must be resolved at some point, but does not prevent other work P4 - detail, does not prevent other work P5 - detail, resolution not required for beta

# Priority Title Description Resolution Notes 1 P1 Form Navigation Decide how to

navigate within the hierarchy of forms.

From 8/19 brainstorm.

5 P1 Order Navigation Decide how to navigate to new, saved, and placed orders.

From 8/19 brainstorm.

2 P1 Navigation Size Problems

Deal with long form names in navigation.

From 9/3 meeting.

3 P2 Forms States If a user visits a form, fills it out, navigates away and then navigates back , is the form still populated? What if it is added to the order?

From 8/19 brainstorm. To be addressed at 9/15 meeting.

4 P3 Logout time What if the user loses the handheld? Personal information could be compromised.

From 9/3 meeting.

Page 183: Middle Out Design

Design Issue Priority DefinitionsP1:

P2:

P3:

P4:

P5:

Global or core issue that prevents a significant number of other issues from being resolved.Prevents some issues from being resolved, but not a large number.Isolated issue, must be resolved but does not prevent other work.Detail, does not prevent other work.Detail, resolution not required for beta.

Page 184: Middle Out Design

Good:

1. Efficient, meaning…a. intuitiveb. fast (application)c. quick access to information

2. Meets expectations; consistent, no surprises.

3. Keeps users from getting lost.

4. Minimal barriers and constraints.

Page 185: Middle Out Design

document decisions

Page 186: Middle Out Design

Issue List Issue Priority Definitions: P1 - global or core issues that prevents a significant number of other issues from being resolved P2 - prevents some other issues from being resolved, but not the bulk of issues at hand P3 - isolated issue, must be resolved at some point, but does not prevent other work P4 - detail, does not prevent other work P5 - detail, resolution not required for beta

# Priority Title Description Resolution Notes 1 P1 Form Navigation Decide how to

navigate within the hierarchy of forms.

From 8/19 brainstorm.

5 P1 Order Navigation Decide how to navigate to new, saved, and placed orders.

From 8/19 brainstorm.

2 P1 Navigation Size Problems

Deal with long form names in navigation.

From 9/3 meeting.

3 P2 Forms States If a user visits a form, fills it out, navigates away and then navigates back , is the form still populated? What if it is added to the order?

From 8/19 brainstorm. To be addressed at 9/15 meeting.

4 P3 Logout time What if the user loses the handheld? Personal information could be compromised.

From 9/3 meeting.

Log out when inactive. Let inactivity period be set by user in preferences.

Page 187: Middle Out Design
Page 188: Middle Out Design

systems?

Page 189: Middle Out Design

Page Type and Widget Libraries

Page 190: Middle Out Design
Page 191: Middle Out Design

Widget Library:

1. default appearance

2. appropriate use case

3. behavior

Page 192: Middle Out Design

5 purposes

Page 193: Middle Out Design

1. Documentation

Page 194: Middle Out Design

2. Good work

Page 195: Middle Out Design

3. Surface issues

Page 196: Middle Out Design

4. Basic toolkit

Page 197: Middle Out Design

5. Final deliverable

Page 198: Middle Out Design

ongoing process

Page 199: Middle Out Design

met weekly

Page 200: Middle Out Design

?????

?

?

?

?

?

Page 201: Middle Out Design

?????

?

?

?

?

?

Page 202: Middle Out Design

?????

?

?

?

?

?

?

Page 203: Middle Out Design

?????

?

?

?

?

?

?

Page 204: Middle Out Design

(closing = documenting)

Page 205: Middle Out Design
Page 206: Middle Out Design

72 issues

Page 207: Middle Out Design

48 closed

Page 208: Middle Out Design

P1s and P2s closed

Page 209: Middle Out Design

15 P5s

Page 210: Middle Out Design

10 open P3 or P4 issues

Page 211: Middle Out Design

tangible deliverables

Page 212: Middle Out Design

intangible deliverables

Page 213: Middle Out Design
Page 214: Middle Out Design
Page 215: Middle Out Design

what this means

Page 216: Middle Out Design

interesting (?)

Page 217: Middle Out Design

not unique

Page 218: Middle Out Design

“clean slates” are rare

Page 219: Middle Out Design

$

Page 220: Middle Out Design

never enough time

Page 221: Middle Out Design

all projects have “design bugs”

Page 222: Middle Out Design

middle

Page 223: Middle Out Design

or beginning

Page 224: Middle Out Design

the main points

Page 225: Middle Out Design

bugs : software development::

issues : design process

Page 226: Middle Out Design

Middle-Out Design:

1. priority definitions

2. “good” definition

3. tracking issues

4. assigning priorities

5. important things first

6. document solutions

Page 227: Middle Out Design

<boss’ slides>

Page 228: Middle Out Design

design methods movement

Page 229: Middle Out Design

design rationale

Page 230: Middle Out Design

Horst Rittel

Page 231: Middle Out Design

IBIS

Page 232: Middle Out Design

design = argument

Page 233: Middle Out Design

</ boss’ slides>

Page 234: Middle Out Design

Try it!

Page 235: Middle Out Design

Thank You.

Audrey [email protected]

Dubberly Design Office

Thumb twiddling images from artwork by Naomi Roberston.