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

Prototyping for the real world.

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for houbenkristof houbenkristof
April 02, 2015
Design
1
87

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
2
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
7
630
Challenge accepted!
Avatar for houbenkristof houbenkristof
1
250
Fronteers conference 2011 summary
Avatar for houbenkristof houbenkristof
3
160

Other Decks in Design

See All in Design
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
190
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
340
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.3k
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
940
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
990
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
160
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
970
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.1k
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
110
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
360
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
250
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
290

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
130
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
43k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.6k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
230
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
410
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

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