Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Prototyping for the real world.

Avatar for houbenkristof houbenkristof
April 02, 2015
Design
100
1

Prototyping for the real world.

Avatar for houbenkristof

houbenkristof

April 02, 2015

More Decks by houbenkristof

See All by houbenkristof
Extending Sketch App with awesomeness.
Avatar for houbenkristof houbenkristof
2
280
My inner-design-monkey
Avatar for houbenkristof houbenkristof
1
150
De knop (The button)
Avatar for houbenkristof houbenkristof
0
75
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
7
640
Challenge accepted!
Avatar for houbenkristof houbenkristof
1
260
Fronteers conference 2011 summary
Avatar for houbenkristof houbenkristof
3
170

Other Decks in Design

See All in Design
Jun Wei Portfolio 2026
Avatar for Wong Jun Wei wjw100788
PRO
1
370
Design_Harness_and_Loop.pdf
Avatar for 長津孝輔 nagatsu
0
120
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
500
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for Beeworks Marketing Design webnaut
2
300
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
Avatar for Kenta Iwasaki iwaken71
0
190
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
280
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
1.1k
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
390
IAカンファレンス’26報告会
Avatar for mayunak mayunak
0
100
Figmaを使わなくなった私が、最近していること
Avatar for めーら/Miki mela_dayo
0
130
Look Dev Meetup #50
Avatar for Baku Hashimoto baku89
1
530
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
Avatar for Takeru Mukai mukai_takeru
0
370

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
1
280
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.4k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
460
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
New Earth Scene 8
Avatar for Sydney Stone popppiees
4
2.7k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
260

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