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

1. Breaking
the web.
Johannes Ippen Florian Franke

2. Johannes
Ippen
!
@presskind

4. www.wooga.com

5. Florian
Franke
!
@ffranke1985

7. www.madein.io

9. Breaking
the
what?

10. Snowden.
NSA.
FCC.

11. Flat
vs.
Realism

12. 1100

13. 1750

14. 1790

15. 1800

16. 1950

18. Web

24. JavaScript
Prototype
74kB
jQuery 2.11
86kb
JavaScript
jQuery 1.0
20kB

25. Trends.

27. 1999

28. 2014

29. 2000

30. 2014

31. 2000

32. 2014

33. Why?

34. Design
Visual
Context
Expectation

36. BROKEN

41. BROKEN

42. BROKEN

43. BROKEN

44. User?

45. Don’t
break it
for
them.
!
Please.

46. User
!

47. User
Centric
Design

48. User Centric Design
1
visuals

50. User Centric Design
2
context

52. User Centric Design
3
speed

53. http://blog.kissmetrics.com/loading-time/?wide=1

55. User Centric Design
4
freedom
of choice

59. User Centric Design
5
interaction

64. user centric design
=
1 visuals
2 context
3 speed
4 freedom of choice
5 interaction

65. design =
how
things
work

66. good design =
!
things
work
for the user

67. good design =
timeless

76. Think like
a user.

77. Don’t
break it
for
them.
!
Thanks.