Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
My inner-design-monkey
Search
houbenkristof
October 31, 2013
Design
1
110
My inner-design-monkey
Talk about what design really is.
houbenkristof
October 31, 2013
Tweet
Share
More Decks by houbenkristof
See All by houbenkristof
Prototyping for the real world.
houbenkristof
1
70
Extending Sketch App with awesomeness.
houbenkristof
3
240
De knop (The button)
houbenkristof
0
55
Fronteers talk Digiti — "Pre-processing"
houbenkristof
8
550
Challenge accepted!
houbenkristof
1
240
Fronteers conference 2011 summary
houbenkristof
3
140
Other Decks in Design
See All in Design
(第1回) アーキテクト・テックリード育成講座
masakaya
0
120
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
160
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
390
最速[要出典]アクセシビリティチェック
magi1125
2
130
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
190
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
450
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
290
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
180
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
57k
The One
chinweanimation
0
100
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
180
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.9k
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.1k
Embracing the Ebb and Flow
colly
84
4.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
910
Practical Orchestrator
shlominoach
186
10k
A Tale of Four Properties
chriscoyier
157
23k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
RailsConf 2023
tenderlove
29
940
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Agile that works and the tools we love
rasmusluckow
328
21k
Transcript
Kristof Houben @houbenkristof Lead interaction designer for Mobile Vikings and
CityLife.
My inner-design monkey He’s called Maurice.
Ever made something for users? Real humans that is…
Congratulations, you’re all designers! Oh no, please make it go
away…
Conversations you’ll have as a designer. You’ll just have to
deal with it.
“Could you style this?”
“Could you provide us with a CSS?”
“He's good at drawing, ask him!”
“He'll make it look good … afterwards.”
Designers are not artists We make something that’s to be
used by humans.
Great design is not a PSD It doesn’t mimic experiences
and real world problems.
It’s a working product Something finished.
Design needs direction A mission and vision
Design is empathy Understanding the problem
Four layers of design Something to hold on to.
Outcome What does it need to solve. 1 Layer
Structure What components does it need. 2 Layer
Interaction Make it seemless, add animations… 3 Layer
Visual Add colors, fonts, grids, icons, … 4 Layer
Don’t limit yourself to the visual layer That makes you
a digital artist, not a designer.
We design systems nowadays The age of static pages are
over. We’ve got API’s, SDK’s, …
Don’t design for Dribbble Move between sketches, whiteboards & prototyping
tools.
Some of my sketches I rapidly draw flows
Some of my flows Helps you understand things
I also prototype HTML/CSS, Quartz composer, After effects, …
None
None
None
Don’t forget to talk to people It’s the most valuable
feedback you’ll get.
Any questions? Liked it? Follow me @houbenkristof Complaints? @stijnj
Great-design-or-not Quiz!
None
It’s not Try putting your grocerylist on this.
None
None
It’s not How does it fit in my kitchen cabinet?
None
None
It’s not Ever needed the weather in 4 different cities
around the world?
None
Bonus question What shaver did I buy? or 1. 2.
None
It still has a power cord 1.