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
58
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
8
590
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 デジタルサービス局戦略部 senryakuka
1
900
問いの変遷
Avatar for なつ iflection
0
160
ポートフォリオ_藤田歩希(ほまれ)
Avatar for Aki Fujita akifujita_homarecreate
0
620
株式会社デイトラ様│コーポレートサイト│コンセプトシート
Avatar for Haruka_CAPEO haruka_capeo
0
2.1k
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for matsukada licux
7
1.2k
freee + Product Design FY25Q4
Avatar for freee freee
4
14k
7 Core Values of Round-L
Avatar for Round-L wired888
0
140
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
170
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
1.8k
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
Avatar for ICHICHI ichichi
2
670
How to get a Tiger to Tulsa
Avatar for Brynn McDucky P. mcduckyart
0
110
私とデザインの10年
Avatar for なつ iflection
0
150

Featured

See All Featured
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
94
6.1k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
680
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.9k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.4k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
Scaling GitHub
Avatar for Zach Holman holman
459
140k

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