$30 off During Our Annual Pro Sale. View Details »

Prototyping for the real world.

Avatar for houbenkristof houbenkristof
April 02, 2015
Design
1
84

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
270
My inner-design-monkey
Avatar for houbenkristof houbenkristof
1
130
De knop (The button)
Avatar for houbenkristof houbenkristof
0
67
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
8
610
Challenge accepted!
Avatar for houbenkristof houbenkristof
1
250
Fronteers conference 2011 summary
Avatar for houbenkristof houbenkristof
3
150

Other Decks in Design

See All in Design
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
370
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
120
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
150
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
150
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
2
980
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
800
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
160
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
550
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
370
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
260
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.5k
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
180

Featured

See All Featured
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
2
250
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
0
240
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandezseo
1
1.3k
Between Models and Reality
Avatar for mayunak mayunak
0
130
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
35
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
33
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
60
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k

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