Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Kristof Houben @houbenkristof Lead interaction designer for Mobile Vikings and CityLife.
Slide 2
Slide 2 text
My inner-design monkey He’s called Maurice.
Slide 3
Slide 3 text
Ever made something for users? Real humans that is…
Slide 4
Slide 4 text
Congratulations, you’re all designers! Oh no, please make it go away…
Slide 5
Slide 5 text
Conversations you’ll have as a designer. You’ll just have to deal with it.
Slide 6
Slide 6 text
“Could you style this?”
Slide 7
Slide 7 text
“Could you provide us with a CSS?”
Slide 8
Slide 8 text
“He's good at drawing, ask him!”
Slide 9
Slide 9 text
“He'll make it look good … afterwards.”
Slide 10
Slide 10 text
Designers are not artists We make something that’s to be used by humans.
Slide 11
Slide 11 text
Great design is not a PSD It doesn’t mimic experiences and real world problems.
Slide 12
Slide 12 text
It’s a working product Something finished.
Slide 13
Slide 13 text
Design needs direction A mission and vision
Slide 14
Slide 14 text
Design is empathy Understanding the problem
Slide 15
Slide 15 text
Four layers of design Something to hold on to.
Slide 16
Slide 16 text
Outcome What does it need to solve. 1 Layer
Slide 17
Slide 17 text
Structure What components does it need. 2 Layer
Slide 18
Slide 18 text
Interaction Make it seemless, add animations… 3 Layer
Slide 19
Slide 19 text
Visual Add colors, fonts, grids, icons, … 4 Layer
Slide 20
Slide 20 text
Don’t limit yourself to the visual layer That makes you a digital artist, not a designer.
Slide 21
Slide 21 text
We design systems nowadays The age of static pages are over. We’ve got API’s, SDK’s, …
Slide 22
Slide 22 text
Don’t design for Dribbble Move between sketches, whiteboards & prototyping tools.
Slide 23
Slide 23 text
Some of my sketches I rapidly draw flows
Slide 24
Slide 24 text
Some of my flows Helps you understand things
Slide 25
Slide 25 text
I also prototype HTML/CSS, Quartz composer, After effects, …
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
No content
Slide 29
Slide 29 text
Don’t forget to talk to people It’s the most valuable feedback you’ll get.
Slide 30
Slide 30 text
Any questions? Liked it? Follow me @houbenkristof Complaints? @stijnj
Slide 31
Slide 31 text
Great-design-or-not Quiz!
Slide 32
Slide 32 text
No content
Slide 33
Slide 33 text
It’s not Try putting your grocerylist on this.
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
No content
Slide 36
Slide 36 text
It’s not How does it fit in my kitchen cabinet?
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
No content
Slide 39
Slide 39 text
It’s not Ever needed the weather in 4 different cities around the world?
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
Bonus question What shaver did I buy? or 1. 2.
Slide 42
Slide 42 text
No content
Slide 43
Slide 43 text
It still has a power cord 1.