Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Prototyping for the real world.

Avatar for houbenkristof houbenkristof
April 02, 2015
Design
1
76

Prototyping for the real world.

Avatar for houbenkristof

houbenkristof

April 02, 2015
Tweet

More Decks by houbenkristof

See All by houbenkristof
Extending Sketch App with awesomeness.
Avatar for houbenkristof houbenkristof
3
260
My inner-design-monkey
Avatar for houbenkristof houbenkristof
1
120
De knop (The button)
Avatar for houbenkristof houbenkristof
0
60
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
8
600
Challenge accepted!
Avatar for houbenkristof houbenkristof
1
240
Fronteers conference 2011 summary
Avatar for houbenkristof houbenkristof
3
150

Other Decks in Design

See All in Design
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
330
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
110
Карта реализации историй. Технология осмысленной работы с детальными требованиями
Avatar for Andrew Shapiro ashapiro
0
110
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
190
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4k
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
160
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
300
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
110
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.5k
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
330
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
320
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.5k

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
74
5k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M

Transcript

  1. Hi, I’m Kristof @houbenkristof

  2. Previously at Mobile Vikings and Yappa. Product Designer at CityLife.

  3. Once upon a time …

  4. https://dribbble.com/shots/1986631-Profile-Page

  5. https://dribbble.com/shots/1818748-Appon-Chat-Widget

  6. https://dribbble.com/shots/1638701-Statistics-radar-chart

  7. https://dribbble.com/shots/874921-Introducing-the-new-Sun

  8. Prototyping for the real world.

  9. What tools should I use?

  10. Use the tools you feel comfortable with.

  11. Often try new tools. Pet projects are ideal for testing

    tools.

  12. Pick the Fastest Viable Medium. And yes, that’s personal.

  13. Big Scope Small Scope Rapid Interactive

  14. Big Scope Small Scope Rapid Interactive Parse

  15. Internal External Parse

  16. I love Sketch. It enables me to create realistic designs.

  17. DEMO

  18. Combine content with context. Copy & Design

  19. Work together with your Copywriter. It’s not as bad as

    it sounds.

  20. Don’t make your Copywriter feel that he’s painting by the

    number.

  21. + A powerful combination for communicating and iterating on designs.

  22. DEMO

  23. Sketch i18n http://github.com/kristof/sketch-i18n

  24. Thanks! Complaints @houbenkristof