Leo Lin
Designer at Polydice Inc.
Thursday, February 16, 12
Slide 4
Slide 4 text
I make...
Web / App UI
Thursday, February 16, 12
Slide 5
Slide 5 text
iCook
Mr. Plurk
Thursday, February 16, 12
Slide 6
Slide 6 text
iCook
Mr. Plurk
Thursday, February 16, 12
Slide 7
Slide 7 text
About
Design
Thursday, February 16, 12
Slide 8
Slide 8 text
“It’s not just what it looks
like and feels like.
Design is how it works.”
Thursday, February 16, 12
Slide 9
Slide 9 text
“It’s not just what it looks
like and feels like.
Design is how it works.”
Thursday, February 16, 12
Slide 10
Slide 10 text
“It’s not just what it UI
like and feels like.
Design is how it works.”
Thursday, February 16, 12
Slide 11
Slide 11 text
“It’s not just what it UI
like and UX like.
Design is how it works.”
Thursday, February 16, 12
Slide 12
Slide 12 text
“It’s not just UI design
and UX design.
Design is how it works.”
Thursday, February 16, 12
Slide 13
Slide 13 text
“It’s not just UI design
and UX design.
Design is how it works.”
Thursday, February 16, 12
Slide 14
Slide 14 text
Feature Design
Thursday, February 16, 12
Slide 15
Slide 15 text
trade-o
Thursday, February 16, 12
Slide 16
Slide 16 text
trade-o
noun
a balance achieved between two desirable
but incompatible features; a compromise.
- Dictionary.app
Thursday, February 16, 12
Slide 17
Slide 17 text
The Stone
Theory
of Feature Design
Thursday, February 16, 12
Slide 18
Slide 18 text
Thursday, February 16, 12
Slide 19
Slide 19 text
Thursday, February 16, 12
Slide 20
Slide 20 text
Thursday, February 16, 12
Slide 21
Slide 21 text
Thursday, February 16, 12
Slide 22
Slide 22 text
Thursday, February 16, 12
Slide 23
Slide 23 text
Product
Thursday, February 16, 12
Slide 24
Slide 24 text
Market
Product
Thursday, February 16, 12
Slide 25
Slide 25 text
Feature A
B
C
F
E
D
Thursday, February 16, 12
Slide 26
Slide 26 text
A
B
C
F
E
D
Thursday, February 16, 12
Slide 27
Slide 27 text
A
B
C
F
E
D
Thursday, February 16, 12
Slide 28
Slide 28 text
A
B
C
F
E
D
Thursday, February 16, 12
Slide 29
Slide 29 text
A
B
C
F
E
D
Thursday, February 16, 12
Slide 30
Slide 30 text
A
B
C
F
E
D
Thursday, February 16, 12
Slide 31
Slide 31 text
A
B
C
F
E
D
Thursday, February 16, 12
Slide 32
Slide 32 text
A
B
C
F
E
D
Thursday, February 16, 12
Slide 33
Slide 33 text
Pointy Stone
Examples
Thursday, February 16, 12
Slide 34
Slide 34 text
The first iPod
Thursday, February 16, 12
Slide 35
Slide 35 text
iPod
Thursday, February 16, 12
Slide 36
Slide 36 text
iPod
No Wireless
Thursday, February 16, 12
Slide 37
Slide 37 text
iPod
No Wireless
Enough space
Thursday, February 16, 12
Slide 38
Slide 38 text
iPod
No Wireless
Enough space
Mac Only
Thursday, February 16, 12
Slide 39
Slide 39 text
iPod
No Wireless
Enough space
Mac Only
OK sound quality
Thursday, February 16, 12
Slide 40
Slide 40 text
iPod
No Wireless
Enough space
Mac Only
OK sound quality
Signature Click Wheel UI
Thursday, February 16, 12
Slide 41
Slide 41 text
iPod
No Wireless
Enough space
Mac Only
OK sound quality
Signature Click Wheel UI
A pleasure to use
Thursday, February 16, 12
Slide 42
Slide 42 text
iPod
No Wireless
Enough space
Mac Only
OK sound quality
Signature Click Wheel UI
A pleasure to use
Looks good
Thursday, February 16, 12
Slide 43
Slide 43 text
“No wireless. Less
space than a nomad.
Lame.”
- Slashdot, 2001
Thursday, February 16, 12
Slide 44
Slide 44 text
The first iPhone
Thursday, February 16, 12
Slide 45
Slide 45 text
iPhone
Thursday, February 16, 12
Slide 46
Slide 46 text
iPhone
No hardware keyboard
Thursday, February 16, 12
Slide 47
Slide 47 text
iPhone
No hardware keyboard
AT&T Only, 2 year lease
Thursday, February 16, 12
Slide 48
Slide 48 text
iPhone
No hardware keyboard
AT&T Only, 2 year lease
Super Expensive: $500
Thursday, February 16, 12
Slide 49
Slide 49 text
iPhone
No hardware keyboard
AT&T Only, 2 year lease
Super Expensive: $500
Slow edge + wifi
Thursday, February 16, 12
Slide 50
Slide 50 text
iPhone
No hardware keyboard
AT&T Only, 2 year lease
Super Expensive: $500
Slow edge + wifi
Non-replaceable battery(but good enough)
Thursday, February 16, 12
Slide 51
Slide 51 text
iPhone
No hardware keyboard
AT&T Only, 2 year lease
Super Expensive: $500
Slow edge + wifi
Non-replaceable battery(but good enough)
No Flash
Thursday, February 16, 12
Slide 52
Slide 52 text
iPhone
No hardware keyboard
AT&T Only, 2 year lease
Super Expensive: $500
Slow edge + wifi
Non-replaceable battery(but good enough)
No Flash
Revolutionary User Interface
Thursday, February 16, 12
Slide 53
Slide 53 text
iPhone
No hardware keyboard
AT&T Only, 2 year lease
Super Expensive: $500
Slow edge + wifi
Non-replaceable battery(but good enough)
No Flash
Revolutionary User Interface
Looks pretty
Thursday, February 16, 12
Slide 54
Slide 54 text
Demo
Thursday, February 16, 12
Slide 55
Slide 55 text
“500 dollars? Fully subsidized? With
a plan? I said that is the most
expensive phone in the world. And it
doesn't appeal to business customers
because it doesn't have a keyboard.
Which makes it not a very good email
machine.”
- Steve Ballmer
Thursday, February 16, 12
Slide 56
Slide 56 text
Mr. Plurk
Thursday, February 16, 12
Slide 57
Slide 57 text
Thursday, February 16, 12
Slide 58
Slide 58 text
Thursday, February 16, 12
Slide 59
Slide 59 text
Mr. Plurk
Thursday, February 16, 12
Slide 60
Slide 60 text
Mr. Plurk
ᔒ༗ℷՏಓ
Thursday, February 16, 12
Slide 61
Slide 61 text
Mr. Plurk
ᔒ༗ℷՏಓ
ᔒ㭎๏ผਓత䈕Ҋ
Thursday, February 16, 12
Slide 62
Slide 62 text
Mr. Plurk
ᔒ༗ℷՏಓ
ᔒ㭎๏ผਓత䈕Ҋ
ᔒ༗දූᥒ
Thursday, February 16, 12
Slide 63
Slide 63 text
Mr. Plurk
ᔒ༗ℷՏಓ
ᔒ㭎๏ผਓత䈕Ҋ
ᔒ༗දූᥒ
ᔒ༗ࢦఆճ෴
Thursday, February 16, 12
Slide 64
Slide 64 text
Mr. Plurk
ᔒ༗ℷՏಓ
ᔒ㭎๏ผਓత䈕Ҋ
ᔒ༗දූᥒ
ᔒ༗ࢦఆճ෴
ᔒ༗ࢲ噗
Thursday, February 16, 12
Slide 65
Slide 65 text
Mr. Plurk
ᔒ༗ℷՏಓ
ᔒ㭎๏ผਓత䈕Ҋ
ᔒ༗දූᥒ
ᔒ༗ࢦఆճ෴
ᔒ༗ࢲ噗
ᔒ༗র૬
Thursday, February 16, 12
Slide 66
Slide 66 text
Mr. Plurk
ᔒ༗ℷՏಓ
ᔒ㭎๏ผਓత䈕Ҋ
ᔒ༗දූᥒ
ᔒ༗ࢦఆճ෴
ᔒ༗ࢲ噗
ᔒ༗র૬
ᔒ༗ࢧԉ iPhone 4 ղੳ
Thursday, February 16, 12
Slide 67
Slide 67 text
Mr. Plurk
ᔒ༗ℷՏಓ
ᔒ㭎๏ผਓత䈕Ҋ
ᔒ༗දූᥒ
ᔒ༗ࢦఆճ෴
ᔒ༗ࢲ噗
ᔒ༗র૬
ᔒ༗ࢧԉ iPhone 4 ղੳ
༗ bugҠෆᎃతኍࠂ
Thursday, February 16, 12
Slide 68
Slide 68 text
Mr. Plurk
ᔒ༗ℷՏಓ
ᔒ㭎๏ผਓత䈕Ҋ
ᔒ༗දූᥒ
ᔒ༗ࢦఆճ෴
ᔒ༗ࢲ噗
ᔒ༗র૬
ᔒ༗ࢧԉ iPhone 4 ղੳ
༗ bugҠෆᎃతኍࠂ
؆ᄸ༻
Thursday, February 16, 12
Slide 69
Slide 69 text
Thursday, February 16, 12
Slide 70
Slide 70 text
Thursday, February 16, 12
Slide 71
Slide 71 text
One more example:
Clear
for iPhone
Thursday, February 16, 12
Slide 72
Slide 72 text
It’s so di cult.
Thursday, February 16, 12
Slide 73
Slide 73 text
Thursday, February 16, 12
Slide 74
Slide 74 text
To make
a pointy stone...
Thursday, February 16, 12
Slide 75
Slide 75 text
#1 Understand the net:
Design for
yourself
Thursday, February 16, 12
Slide 76
Slide 76 text
#2 Draw a pointy stone:
What not to do
Thursday, February 16, 12
Slide 77
Slide 77 text
#3 Make a pointy stone:
Understand your
teammates
Thursday, February 16, 12
Slide 78
Slide 78 text
#4 Freedom:
It’s ok to do
anything.
Thursday, February 16, 12
Slide 79
Slide 79 text
Do less, do better.
Thursday, February 16, 12
Slide 80
Slide 80 text
...
Thursday, February 16, 12
Slide 81
Slide 81 text
Walter Isaacson’s
‘Steve Jobs’
- On Daring Fireball, 2/14
Thursday, February 16, 12
Slide 82
Slide 82 text
UI Café
Thursday, February 16, 12
Slide 83
Slide 83 text
UI Café
For app designers and developers.
Thursday, February 16, 12
Slide 84
Slide 84 text
UI Café
For app designers and developers.
Talk about apps.
Thursday, February 16, 12
Slide 85
Slide 85 text
UI Café
For app designers and developers.
Talk about apps.
Linked Notes.
Thursday, February 16, 12
Slide 86
Slide 86 text
UI Café
For app designers and developers.
Talk about apps.
Linked Notes.
Every Wednesday.
Thursday, February 16, 12