Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Breaking 

the web.
Johannes Ippen Florian Franke
Johannes
Ippen
!
@presskind
www.wooga.com
Florian
Franke
!
@ffranke1985
www.madein.io
Breaking 

the
what?
Snowden.
NSA.
FCC.
Flat
vs.
Realism
1100
1750
1790
1800
1950
Web
JavaScript
Prototype
74kB
jQuery 2.11
86kb
JavaScript
jQuery 1.0
20kB
Trends.
1999
2014
2000
2014
2000
2014
Why?
Design
Visual
Context
Expectation
BROKEN
BROKEN
BROKEN
BROKEN
User?
Don’t
break it
for
them.
!
Please.
User
!
User
Centric
Design
User Centric Design
1
visuals
User Centric Design
2
context
User Centric Design
3
speed
http://blog.kissmetrics.com/loading-time/?wide=1
User Centric Design
4
freedom 

of choice
User Centric Design
5
interaction
user centric design
=
1 visuals
2 context
3 speed
4 freedom of choice
5 interaction
design =
how
things
work
good design =
!
things
work
for the user
good design =
timeless
Think like
a user.
Don’t
break it
for
them.
!
Thanks.
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Breaking the Web - Webinale 2014
Upcoming SlideShare
Loading in …5
×

Breaking the Web - Webinale 2014

1,189 views

Published on

Breaking the web - Session from Webinale 2014 in Berlin by Florian Franke & Johannes Ippen. What do Popups, Modals and chairs have in common?

franke@madein.io
http://twitter.com/ffranke1985

jo@thxalot.co
http://twitter.com/presskind

Published in: Design
  • Be the first to like this

Breaking the Web - Webinale 2014

  1. 1. Breaking 
 the web. Johannes Ippen Florian Franke
  2. 2. Johannes Ippen ! @presskind
  3. 3. www.wooga.com
  4. 4. Florian Franke ! @ffranke1985
  5. 5. www.madein.io
  6. 6. Breaking 
 the what?
  7. 7. Snowden. NSA. FCC.
  8. 8. Flat vs. Realism
  9. 9. 1100
  10. 10. 1750
  11. 11. 1790
  12. 12. 1800
  13. 13. 1950
  14. 14. Web
  15. 15. JavaScript Prototype 74kB jQuery 2.11 86kb JavaScript jQuery 1.0 20kB
  16. 16. Trends.
  17. 17. 1999
  18. 18. 2014
  19. 19. 2000
  20. 20. 2014
  21. 21. 2000
  22. 22. 2014
  23. 23. Why?
  24. 24. Design Visual Context Expectation
  25. 25. BROKEN
  26. 26. BROKEN
  27. 27. BROKEN
  28. 28. BROKEN
  29. 29. User?
  30. 30. Don’t break it for them. ! Please.
  31. 31. User !
  32. 32. User Centric Design
  33. 33. User Centric Design 1 visuals
  34. 34. User Centric Design 2 context
  35. 35. User Centric Design 3 speed
  36. 36. http://blog.kissmetrics.com/loading-time/?wide=1
  37. 37. User Centric Design 4 freedom 
 of choice
  38. 38. User Centric Design 5 interaction
  39. 39. user centric design = 1 visuals 2 context 3 speed 4 freedom of choice 5 interaction
  40. 40. design = how things work
  41. 41. good design = ! things work for the user
  42. 42. good design = timeless
  43. 43. Think like a user.
  44. 44. Don’t break it for them. ! Thanks.

×