joel beukelman x bkl.mn x @_bklmn
PIXELpretty damn
PERFECT
BKLMN
a little about
INFORMATION
too much peronal
PUNK ROCK STARTUP
getting into mobile @ appstack
I MADE MISTAKES
the best thing I did
the best thing I did
I TOOK A RISK
member
non member
iOS
android
windows 8
PS3
Xbox
Wii
smart tv’s
member
non member
iOS
android
windows 8
PS3
Xbox
Wii
smart tv’s
8 LANGUAGES
8 LANGUAGES...and growing
PIXEL
pretty damn
PERFECT
innovation testing
prototyping strategy
image from netflix.com x the avengers
INNOVATOR
design like an
image from netflix.com x the avengers
DESIGN IS INNOVATION
image from netflix.com x the avengers
art direction conceptual design visual design / UI
interaction design / UX prodcutio...
image from netflix.com x the avengers
innovate
simplify
emotion
content
craftsmanship
image from netflix.com x breaking bad
SCIENTIST
design like a
image from netflix.com x breaking bad
research
construct a hypothesis
test the hypothesis
analyze & draw conclusion
result...
image from netflix.com x breaking bad
DEFINE WINNING
we have to
image from netflix.com x breaking bad
QUANT versus
QUAL
image from netflix.com x breaking bad
QUANT versus
QUAL
information based in
quantifiable data
image from netflix.com x breaking bad
QUANT versus
QUAL
information which deals
with apparent/subjective
properties
image from netflix.com x the walking dead
SURVIVOR
design like a
(in a zombie apocalypse)
image from netflix.com x the walking dead
machete
baseball bat
sniper rifle
sawed-off shotgun
image from netflix.com x the walking dead
wireframe visual UI spec & flow prototype
image from netflix.com x the walking dead
wireframe
visual UI
spec & flow
prototype
final assets
image from netflix.com x the walking dead
wireframe x x x x
rapid prototyping x x x
hi-fidelity mockups x x x
visual specs...
image from netflix.com x the walking dead
EXAMPLE
a real life
image from netflix.com x the walking dead
More Like: Mission Impossible
Starring: Chris Pine, Zachary Quinto
Creator: J.J....
Zombieland The Office: Season 2, Ep.3 – Take Your ...Psych: Season 3: Ep. 2 - Six Feet Under t...
Top 10 for Joel
Instant Qu...
Zombieland The Office: Season 2, Ep.3 – Take Your ...Psych: Season 3: Ep. 2 - Six Feet Under t...
Top 10 for Joel
Instant Qu...
image from netflix.com x the walking dead
HTML versus
NATIVE
image from netflix.com x the walking dead
image from netflix.com x house of cards
POLITICIAN
design like a
image from netflix.com x house of cards
USER
know your
image from netflix.com x house of cards
image from netflix.com x house of cards
image from netflix.com x house of cards
image from netflix.com x house of cards
image from netflix.com x house of cards
image from netflix.com x house of cards
EVERY USER MATTERS
don’t be a duche
PIXEL
pretty damn
PERFECT
innovation testing
prototyping strategy
ANSWERS
questions and hopefully some
WE ARE HIRING
email: jbeukelman@netflix.com
twitter: @_bklmn // @theblnce
site: bkl.mn // theblnce.com
MOBd Up 2013 – Pixel "Pretty Damn" Perfect
Upcoming SlideShare
Loading in...5
×

MOBd Up 2013 – Pixel "Pretty Damn" Perfect

2,048

Published on

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 we tackle product design and innovation at Netflix and how my approach towards design has drastically shifted since my time there.

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.

Published in: Design, Technology, Business

Transcript of "MOBd Up 2013 – Pixel "Pretty Damn" Perfect"

  1. 1. joel beukelman x bkl.mn x @_bklmn PIXELpretty damn PERFECT
  2. 2. BKLMN a little about
  3. 3. INFORMATION too much peronal
  4. 4. PUNK ROCK STARTUP getting into mobile @ appstack
  5. 5. I MADE MISTAKES the best thing I did
  6. 6. the best thing I did I TOOK A RISK
  7. 7. member non member iOS android windows 8 PS3 Xbox Wii smart tv’s
  8. 8. member non member iOS android windows 8 PS3 Xbox Wii smart tv’s
  9. 9. 8 LANGUAGES
  10. 10. 8 LANGUAGES...and growing
  11. 11. PIXEL pretty damn PERFECT innovation testing prototyping strategy
  12. 12. image from netflix.com x the avengers INNOVATOR design like an
  13. 13. image from netflix.com x the avengers DESIGN IS INNOVATION
  14. 14. image from netflix.com x the avengers art direction conceptual design visual design / UI interaction design / UX prodcution protoyping DESIGN IS INNOVATION
  15. 15. image from netflix.com x the avengers innovate simplify emotion content craftsmanship
  16. 16. image from netflix.com x breaking bad SCIENTIST design like a
  17. 17. image from netflix.com x breaking bad research construct a hypothesis test the hypothesis analyze & draw conclusion results & ship
  18. 18. image from netflix.com x breaking bad DEFINE WINNING we have to
  19. 19. image from netflix.com x breaking bad QUANT versus QUAL
  20. 20. image from netflix.com x breaking bad QUANT versus QUAL information based in quantifiable data
  21. 21. image from netflix.com x breaking bad QUANT versus QUAL information which deals with apparent/subjective properties
  22. 22. image from netflix.com x the walking dead SURVIVOR design like a (in a zombie apocalypse)
  23. 23. image from netflix.com x the walking dead machete baseball bat sniper rifle sawed-off shotgun
  24. 24. image from netflix.com x the walking dead wireframe visual UI spec & flow prototype
  25. 25. image from netflix.com x the walking dead wireframe visual UI spec & flow prototype final assets
  26. 26. image from netflix.com x the walking dead 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
  27. 27. image from netflix.com x the walking dead EXAMPLE a real life
  28. 28. image from netflix.com x the walking dead More Like: Mission Impossible Starring: Chris Pine, Zachary Quinto Creator: J.J. Abrams Subtitles/Alternate Audio: Available 2009 PG-13 2h 06min Super-agent Ethan Hunt and his team take on another deadly mission...to prove their innocence when they are framed for bombing the Kremlin. Mission: Impossible Ghost Protocol Instant QueueUnshare
  29. 29. Zombieland The Office: Season 2, Ep.3 – Take Your ...Psych: Season 3: Ep. 2 - Six Feet Under t... Top 10 for Joel Instant Queue Search
  30. 30. Zombieland The Office: Season 2, Ep.3 – Take Your ...Psych: Season 3: Ep. 2 - Six Feet Under t... Top 10 for Joel Instant Queue Search More Like: Mission Impossible Starring: Chris Pine, Zachary Quinto Creator: J.J. Abrams Subtitles/Alternate Audio: Available 2009 PG-13 2h 06min Super-agent Ethan Hunt and his team take on another deadly mission...to prove their innocence when they are framed for bombing the Kremlin. Mission: Impossible Ghost Protocol Instant QueueUnshare
  31. 31. image from netflix.com x the walking dead HTML versus NATIVE
  32. 32. image from netflix.com x the walking dead
  33. 33. image from netflix.com x house of cards POLITICIAN design like a
  34. 34. image from netflix.com x house of cards USER know your
  35. 35. image from netflix.com x house of cards
  36. 36. image from netflix.com x house of cards
  37. 37. image from netflix.com x house of cards
  38. 38. image from netflix.com x house of cards
  39. 39. image from netflix.com x house of cards
  40. 40. image from netflix.com x house of cards EVERY USER MATTERS don’t be a duche
  41. 41. PIXEL pretty damn PERFECT innovation testing prototyping strategy
  42. 42. ANSWERS questions and hopefully some
  43. 43. WE ARE HIRING email: jbeukelman@netflix.com twitter: @_bklmn // @theblnce site: bkl.mn // theblnce.com

×