33
The Mobile Revolution @dbarefoot

NetSquared Surrey: The Mobile Revolution

Embed Size (px)

DESCRIPTION

Darren Barefoot explains why nonprofits need to pay attention to emerging mobile trends like responsive and adaptive design.

Citation preview

Page 1: NetSquared Surrey: The Mobile Revolution

The Mobile Revolution @dbarefoot

Page 2: NetSquared Surrey: The Mobile Revolution
Page 3: NetSquared Surrey: The Mobile Revolution
Page 4: NetSquared Surrey: The Mobile Revolution

NobleArsonist.com

Page 5: NetSquared Surrey: The Mobile Revolution

“There are two kinds of fools. One says, "This is old, and therefore good."

The other says, "This is new, and therefore better.” Dean Inge

Page 6: NetSquared Surrey: The Mobile Revolution
Page 7: NetSquared Surrey: The Mobile Revolution
Page 8: NetSquared Surrey: The Mobile Revolution
Page 9: NetSquared Surrey: The Mobile Revolution
Page 10: NetSquared Surrey: The Mobile Revolution
Page 11: NetSquared Surrey: The Mobile Revolution
Page 12: NetSquared Surrey: The Mobile Revolution
Page 13: NetSquared Surrey: The Mobile Revolution
Page 14: NetSquared Surrey: The Mobile Revolution
Page 15: NetSquared Surrey: The Mobile Revolution
Page 16: NetSquared Surrey: The Mobile Revolution

design best practices

• No more m-dot and t-do websites

• Performance isn’t optional

• Visual hierarchies are essential

• Embrace common design patterns

• Content is emperor!

Page 17: NetSquared Surrey: The Mobile Revolution

mobile first

• Responsive and adaptive

• Image optimization

• Article length

• Headline (and tweet) length

• Calls to action

Page 18: NetSquared Surrey: The Mobile Revolution
Page 19: NetSquared Surrey: The Mobile Revolution
Page 20: NetSquared Surrey: The Mobile Revolution
Page 21: NetSquared Surrey: The Mobile Revolution
Page 22: NetSquared Surrey: The Mobile Revolution
Page 23: NetSquared Surrey: The Mobile Revolution
Page 24: NetSquared Surrey: The Mobile Revolution
Page 25: NetSquared Surrey: The Mobile Revolution
Page 26: NetSquared Surrey: The Mobile Revolution

mobile email

Page 27: NetSquared Surrey: The Mobile Revolution
Page 28: NetSquared Surrey: The Mobile Revolution
Page 29: NetSquared Surrey: The Mobile Revolution
Page 30: NetSquared Surrey: The Mobile Revolution
Page 31: NetSquared Surrey: The Mobile Revolution
Page 32: NetSquared Surrey: The Mobile Revolution

today

What does your website and email program look like on a

smartphone or tablet?

Check your Google Analytics to see what fraction of your visitors

are using mobile devices

Page 33: NetSquared Surrey: The Mobile Revolution

questions?