SXSW 2014 - Pixel "Pretty Damn" Perfect

66
joel beukelman x bkl.mn x @_bklmn PIXEL pretty damn PERFECT

description

With continuously changing technology, and fast-paced product cycles, we as designers no longer have the luxury of laboriously debating every pixel. I will be discussing how product design & innovation is tackled at a global scale and how my approach towards mobile design has drastically shifted since my time at Netflix & Google. Design is not just about the pixels. It is about fast prototyping, defining success, and quick iteration in order to make profitable and beautiful products that are pixel (pretty-damn) perfect.

Transcript of SXSW 2014 - Pixel "Pretty Damn" Perfect

Page 1: SXSW 2014 - Pixel "Pretty Damn" Perfect

joel beukelman x bkl.mn x @_bklmn

PIXELpretty damn

PERFECT

Page 2: SXSW 2014 - Pixel "Pretty Damn" Perfect

WARNING

this presentation may or may not contain potential “spoilers” pertaining to popular television shows

Page 3: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 4: SXSW 2014 - Pixel "Pretty Damn" Perfect

PIXELpretty damn

PERFECT

innovation testing

building strategy

Page 5: SXSW 2014 - Pixel "Pretty Damn" Perfect

PUNK ROCK STARTUPgetting into mobile @ appstack

Page 6: SXSW 2014 - Pixel "Pretty Damn" Perfect

I TOOK A RISK

Page 7: SXSW 2014 - Pixel "Pretty Damn" Perfect

I MADE MISTAKESthe best thing I did

I TOOK A RISK

Page 8: SXSW 2014 - Pixel "Pretty Damn" Perfect

the best thing I did

I TOOK A RISK

Page 9: SXSW 2014 - Pixel "Pretty Damn" Perfect

and the there was the big leagues

Page 10: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 11: SXSW 2014 - Pixel "Pretty Damn" Perfect

PIXELpretty damn

PERFECT

innovation testing

building strategy

Page 12: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 13: SXSW 2014 - Pixel "Pretty Damn" Perfect

INNOVATORdesign like an

Page 14: SXSW 2014 - Pixel "Pretty Damn" Perfect

visual design / UI

conceptual designtesting protoyping

art direction productioninteraction design / UX

IS UNIQUEeach product

Page 15: SXSW 2014 - Pixel "Pretty Damn" Perfect

visual design / UI

conceptual designtesting protoyping

art direction productioninteraction design / UX

IS UNIQUEeach product

Page 16: SXSW 2014 - Pixel "Pretty Damn" Perfect

visual design / UI

conceptual designtesting protoyping

art direction productioninteraction design / UX

DESIGN IS INNOVATION

Page 17: SXSW 2014 - Pixel "Pretty Damn" Perfect

visual design / UI

conceptual designtesting protoyping

art direction productioninteraction design / UX

DESIGN IS INNOVATION

Page 18: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 19: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 20: SXSW 2014 - Pixel "Pretty Damn" Perfect

SOLUTIONSdon’t duplicate someone elses

Page 21: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 22: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 23: SXSW 2014 - Pixel "Pretty Damn" Perfect

INNOVATORdesign like an

Page 24: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 25: SXSW 2014 - Pixel "Pretty Damn" Perfect

POLITICIANdesign like a

Page 26: SXSW 2014 - Pixel "Pretty Damn" Perfect

USERknow your

Page 27: SXSW 2014 - Pixel "Pretty Damn" Perfect

USERknow your

Page 28: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 29: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 30: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 31: SXSW 2014 - Pixel "Pretty Damn" Perfect

beta full scale

Page 32: SXSW 2014 - Pixel "Pretty Damn" Perfect

EVERY USER MATTERSdon’t be a douche

Page 33: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 34: SXSW 2014 - Pixel "Pretty Damn" Perfect

SCIENTISTdesign like a

Page 35: SXSW 2014 - Pixel "Pretty Damn" Perfect

research

construct a hypothesis

test the hypothesis

analyze & draw conclusion

results & ship

Page 36: SXSW 2014 - Pixel "Pretty Damn" Perfect

DEFINE WINNINGwe must

Page 37: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 38: SXSW 2014 - Pixel "Pretty Damn" Perfect

QUANT versus QUAL

Page 39: SXSW 2014 - Pixel "Pretty Damn" Perfect

QUANTinformation based in

quantifiable data

Page 40: SXSW 2014 - Pixel "Pretty Damn" Perfect

QUANTinformation based in

quantifiable data

Page 41: SXSW 2014 - Pixel "Pretty Damn" Perfect

QUALinformation which deals with apparent/subjective

properties

Page 42: SXSW 2014 - Pixel "Pretty Damn" Perfect

QUALinformation which deals with apparent/subjective

properties

Page 43: SXSW 2014 - Pixel "Pretty Damn" Perfect

IT IS PROBABLY WRONGif your design is how you imagined it

Page 44: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 45: SXSW 2014 - Pixel "Pretty Damn" Perfect

SURVIVORdesign like a

Page 46: SXSW 2014 - Pixel "Pretty Damn" Perfect

SURVIVORdesign like a

(in a zombie apocalypse)

Page 47: SXSW 2014 - Pixel "Pretty Damn" Perfect

machete

baseball bat

sniper rifle

sawed-off shotgun

Page 48: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 49: SXSW 2014 - Pixel "Pretty Damn" Perfect

wireframe visual UI spec & flow prototype

Page 50: SXSW 2014 - Pixel "Pretty Damn" Perfect

wireframe

visual UI

spec & flow

prototype

final assets

Page 51: SXSW 2014 - Pixel "Pretty Damn" Perfect

wireframe x x x x

rapid prototyping x x x

hi-fidelity mockups x x x

visual specs x x x x

animations x x x

prototype hyperlinks x x x

present / storytell x x

documentation x x x x

Page 52: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 53: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 54: SXSW 2014 - Pixel "Pretty Damn" Perfect

wireframe design, iteration, spec & final assets

20% 80%

Page 55: SXSW 2014 - Pixel "Pretty Damn" Perfect

80% 20%

wireframe, low fidelity design, spec & iteration final assets

Page 56: SXSW 2014 - Pixel "Pretty Damn" Perfect

EXAMPLEa real life

Page 57: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 58: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 59: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 60: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 61: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 62: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 63: SXSW 2014 - Pixel "Pretty Damn" Perfect
Page 64: SXSW 2014 - Pixel "Pretty Damn" Perfect

PIXELpretty damn

PERFECT

innovation testing

prototyping strategy

Page 65: SXSW 2014 - Pixel "Pretty Damn" Perfect

ANSWERSquestions and hopefully some

Page 66: SXSW 2014 - Pixel "Pretty Damn" Perfect

email: [email protected]

twitter: @_bklmn // @theblnce

site: bkl.mn // theblnce.com