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
250
My inner-design-monkey
Avatar for houbenkristof houbenkristof
1
110
De knop (The button)
Avatar for houbenkristof houbenkristof
0
56
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
8
580
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
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
Avatar for YurufuwaKiyoshi kiyoshifuwa
0
270
CIRCULAR ECONOMY + SERVICES
Avatar for John Manoochehri jmanooch
0
100
Starry | Storyboards | Scene 1-21
Avatar for Gio Fortunato giofortuna_story
0
190
クライアントワークにおける UXリサーチの実践
Avatar for Kozo Taira kozotaira
0
610
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
Avatar for sugiyama sugiyama_sukedachi
0
100
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは？
Avatar for Atsushi Homma atsushihomma
1
390
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
550
なぜ今必要？Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
Avatar for Hiroki Tani hilokifigma
1
870
界隈からの逃走–デザイン初め新年会2025
Avatar for sekig sekiguchiy
3
1.1k
AIネイティブな時代におけるUXデザインの在り方とは
Avatar for Kunimitsu Toshiki kuni29
0
1.4k
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
Avatar for Takehiro KAWASE tkhr_kws
3
330
株式会社デイトラ様│コーポレートサイト│コンセプトシート
Avatar for Haruka_CAPEO haruka_capeo
0
1.5k

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.2k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
49
7.8k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
35
2.7k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.3k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
420
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
75
5.8k

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