How to improve the communication between development and design teams to avoid misunderstandings and their consequences.

1. DEVS & DESIGNERS:
SPEAKING ABOUT
RESPONSIVE
Ramon Lapenta / @ramono

2. RAMON LAPENTA
Front end developer at Cyber-Duck
Twitter: @ramono
ramon@cyber-duck.co.uk

3. DYNAMIC ENVIRONMENT.
THERE ARE ALWAYS CHANGING
THINGS

4. EMBRACE. EXPERIMENT. UPDATE.

5. WE’VE BEEN BUILDING A WALL

6. THE PROBLEM
IS NOT WHAT WE SAY
IS WHAT WE DON’T

7. THE PROBLEM WITH
MISCOMMUNICATION

8. PINK MEANS WHAT?
HTTP WHO?

9. WHEN COMMUNICATION
IS BROKEN
WE START ASSUMING

10. “DEVELOPERS WILL FIND
A WAY TO CODE IT
“IT DOESN’T MATTER IF I PUT
THIS BOX HERE INSTEAD

11. RESEARCH
INFORMATION ARCHITECTURE
WIREFRAMES
DESIGN
SIGN OFF
DEVELOPMENT
DELIVERY

12. HOW DOES THIS
AFFECT RWD?

13. UNCERTAINTY

14. DESIGN AND DEVELOP FOR
EVERY POSSIBLE SCENARIO

15. EXTRA PLUGINS.
EXTRA POLYFILLS.
EXTRA LIBRARIES.
EXTRA IMAGES.

16. THE CURRENT PROCESS LEADS
TO LATE SOLUTIONS FOR
EARLY PROBLEMS

17. AVERAGE PAGE WEIGHT
INCREASES 32% IN 2013
http://www.sitepoint.com/average-page-weights-increase-32-2013/
AVERAGE PAGE WEIGHT
INCREASES 15% IN 2014
http://www.sitepoint.com/average-page-weight-increases-15-2014/

18. IT’S NOT AN ISSUE WITH RWD
IT’S AN ISSUE WITH
COMMUNICATION

19. HANGING ON IN QUIET DESPERATION,
IS THE ENGLISH WAY.
Time - Pink Floyd

20. WHAT DO WE DO?

21. TEAR DOWN THE WALL!
The Trial - Pink Floyd

22. LEARN THE LANGUAGE

23. JQUERY PLUGIN, COLOUR THEORY,
REPOSITORY, SIGNAL-TO-NOISE RATIO,
PAINT LAYERS, VISUAL WEIGHT, PAGE
LOAD TIME, HICK’S LAW, BOWER,
COGNITIVE LOAD, HTTP REQUEST, CALL
TO ACTION, SERVER RESPONSE TIME,
CHUNKING, PIXEL DENSITY, HEURISTIC
EVALUATION…

24. IT’S NOT TOO MUCH
IT’S NOT TOO HARD

25. DESIGNER: GET INVOLVED IN THE
BUILDING PROCESS

26. THE BEST DESIGN CAN’T BE USED IF
IT IS TOO SLOW

27. DEVELOPER: UNDERSTAND BEFORE
DISREGARDING A DESIGN DECISION

28. THE FASTEST APPLICATION MAY NOT BE
USABLE IF IT’S NOT WELL DESIGNED

29. DESIGNER: DON’T ASK IF
SOMETHING CAN BE DONE
Hint: It can. Always.
ASK AT WHAT COST.
Hint: It may not be worth it.

30. DEVELOPER: DON’T JUST REPLY
THAT SOMETHING CAN BE DONE
Hint: We know It can.
EXPLAIN HOW AND AT WHAT COST.
Hint: You have to think about it.

31. GET TOGETHER OFTEN
REVIEW SOLUTIONS EARLY
COLLABORATE

32. For millions of years, mankind lived just like the
animals. Then something happened which
unleashed the power of our imagination.
We learned to talk.
Stephen Hawking (Keep Talking - Pink Floyd)

33. WE ARE NOT THAT DIFFERENT

34. WE HAVE THE SAME GOALS
WE’RE BUILDING THE SAME WEB

35. THANKS!
Ramon Lapenta / @ramono