surviving crappy internet
play

SURVIVING CRAPPY INTERNET Anouk Ruhaak @anoukruhaak BETWEEN - PowerPoint PPT Presentation

SURVIVING CRAPPY INTERNET Anouk Ruhaak @anoukruhaak BETWEEN OFFLINE AND ONLINE SPEED RELIABILITY LATENCY BANDWIDTH PACKET LOSS LATENCY Time it takes to connect to the server. 2G TUESDAYS MAC Network Link Conditioner:


  1. SURVIVING CRAPPY INTERNET Anouk Ruhaak @anoukruhaak

  2. BETWEEN OFFLINE AND ONLINE

  3. SPEED RELIABILITY LATENCY

  4. BANDWIDTH

  5. PACKET LOSS

  6. LATENCY Time it takes to connect to the server.

  7. 2G TUESDAYS

  8. MAC Network Link Conditioner: https://developer.apple.com/downloads/? q=Hardware%20IO%20Tools

  9. IPHONE Set your phone up for development in Xcode.

  10. CHROME Developer Tools

  11. ANDROID Genymotion allows you to set network conditions

  12. CHARLES Web debugging proxy application.

  13. TIPS & TRICKS

  14. SPEED Don't download the internet! Prepare for variable speeds

  15. LATENCY One single request > multiple requests Re-use connection

  16. BE A GOOD CITIZEN Timeout on time, but not too soon Don't annoy your user!

  17. THANK YOU! @anoukruhaak anoukruhaak.com

  18. RESOURCES Download Hardware Tools for Mac: https://developer.apple.com/downloads/?q=Hardware%20IO%20Tools Set your phone up for (iOS) development: http://nshipster.com/network-link-conditioner/ Charles: https://www.charlesproxy.com/download/ Genymotion: https://docs.genymotion.com/Content/Home.htm

  19. “What developers should know about design” Erwin de Gier Livia Rickli

  20. communication

  21. font http://blog.crew.co/the-science-behind-fonts-and-how-they-make-you- feel/

  22. how to choose the right font? Lucida Grande Futura Helvetica Georgia Garamond Rockwell F # 1 Stick with a few go to combinations that you can use with every design you make.

  23. size 16 21 28 37 50 67 16pt # 2 Pick a font size that is 16 pt. or bigger.

  24. proportion is… usually unnoticed until something is out of proportion. BAD GOOD

  25. proportion #3 Use major and minor areas to make your design more lively and interesting. proportion

  26. color… can sway thinking, change actions, and cause reactions.

  27. 95% of the top 100… brands use only 1 or 2 colors 33% 29% 28% 13% # 4 Pick one main color and shades of grey. colors

  28. color quiz A B C Starbucks Whatsapp Spotify

  29. What developers should know about design F # 1 Stick with a few go to combinations that you can use with every design you make. 16pt # 2 Pick a font size that is 16 pt. or bigger. #3 Use major and minor areas to make your design more lively and interesting. proportion # 4 Pick one main color and shades of grey. colors

  30. “To me style is consistency” - Adam Ant -

Recommend


More recommend