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

▶

Jan 04, 2023 253 likes •565 views

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:

SLIDE 1

Anouk Ruhaak

@anoukruhaak

SURVIVING CRAPPY INTERNET

SLIDE 2

BETWEEN OFFLINE AND ONLINE

SLIDE 3

SPEED RELIABILITY LATENCY

SLIDE 4

BANDWIDTH

SLIDE 5

PACKET LOSS

SLIDE 6

LATENCY

Time it takes to connect to the server.

SLIDE 7

2G TUESDAYS

SLIDE 8

MAC

Network Link Conditioner:

https://developer.apple.com/downloads/? q=Hardware%20IO%20Tools

SLIDE 9

IPHONE

Set your phone up for development in Xcode.

SLIDE 10

CHROME

Developer Tools

SLIDE 11

ANDROID

Genymotion allows you to set network conditions

SLIDE 12

CHARLES

Web debugging proxy application.

SLIDE 13

TIPS & TRICKS

SLIDE 14

SPEED

Don't download the internet! Prepare for variable speeds

SLIDE 15

LATENCY

One single request > multiple requests Re-use connection

SLIDE 16

BE A GOOD CITIZEN

Timeout on time, but not too soon Don't annoy your user!

SLIDE 17

THANK YOU!

@anoukruhaak anoukruhaak.com

SLIDE 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

SLIDE 19

“What developers should know about design”

Livia Rickli Erwin de Gier

SLIDE 20

communication

SLIDE 21

font

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

SLIDE 22

how to choose the right font?

# 1 Stick with a few go to combinations that you can use with every design you make.

F

Helvetica

Georgia

Lucida Grande

Garamond

Futura

Rockwell

SLIDE 23

size

16 21 28 37 50 67

# 2 Pick a font size that is 16 pt. or bigger. 16pt

SLIDE 24

usually unnoticed until something is out of proportion.

proportion is…

BAD GOOD

SLIDE 25

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

proportion

SLIDE 26

can sway thinking, change actions, and cause reactions.

color…

SLIDE 27

# 4 Pick one main color and shades of grey.

colors

brands use only 1 or 2 colors

95% of the top 100…

29% 33% 28% 13%

SLIDE 28

color quiz

A

Starbucks

B

C

Spotify

SLIDE 29

What developers should know about design

# 1 Stick with a few go to combinations that you can use with every design you make.

F

# 2 Pick a font size that is 16 pt. or bigger. 16pt #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

SLIDE 30

Adam Ant -

SPEED RELIABILITY LATENCY

“What developers should know about design”

Livia Rickli Erwin de Gier

communication

font

how to choose the right font?

# 1 Stick with a few go to combinations that you can use with every design you make.

F

Helvetica

Georgia

Lucida Grande

Garamond

Futura

Rockwell

size

# 2 Pick a font size that is 16 pt. or bigger. 16pt

usually unnoticed until something is out of proportion.

proportion is…

BAD GOOD

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

proportion

can sway thinking, change actions, and cause reactions.

color…

# 4 Pick one main color and shades of grey.

brands use only 1 or 2 colors

95% of the top 100…

29% 33% 28% 13%

color quiz

A

Starbucks

B

Whatsapp

C

Spotify

What developers should know about design

# 1 Stick with a few go to combinations that you can use with every design you make.

F

# 2 Pick a font size that is 16 pt. or bigger. 16pt #3 Use major and minor areas to make your design more lively and interesting.

# 4 Pick one main color and shades of grey.

“To me style is consistency”