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
85

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
140
De knop (The button)
Avatar for houbenkristof houbenkristof
0
69
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
8
620
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
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
900
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
150
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
570
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.9k
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
2.7k
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
480
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
290
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
3
1.2k
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
130
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
3.1k

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.2k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
45
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
150
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
260
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.8k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
120
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
44
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.3k

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