NetSquared Surrey: The Mobile Revolution
•Download as PPT, PDF•
0 likes•921 views
Darren Barefoot explains why nonprofits need to pay attention to emerging mobile trends like responsive and adaptive design.
Recommended
Recommended
More Related Content
Similar to NetSquared Surrey: The Mobile Revolution
Similar to NetSquared Surrey: The Mobile Revolution (20)
More from NetSquared Vancouver
More from NetSquared Vancouver (20)
Recently uploaded
Recently uploaded (20)
NetSquared Surrey: The Mobile Revolution
- 5. “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 Dean Inge Dean Inge
- 16. 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!
- 17. mobile first • Responsive and adaptive • Image optimization • Article length • Headline (and tweet) length • Calls to action
- 26. mobile email
- 32. program look like on a smartphone or tablet? Check your Google Analytics to see what fraction of your visitors are using mobile devices Check your Google Analytics to see what fraction of your visitors are using mobile devices Check your Google Analytics to see what fraction of your visitors are using mobile devices Check your Google Analytics to see what fraction of your visitors are using mobile
- 33. questions?
Editor's Notes
- Skipping the hockey game.
- Facebook’s mobile traffic exceeds its desktop traffic
- At one time, nearly everybody looked at the Internet through one of these. In 2006, 77% of all web users viewed the web through one of two screen resolutions.
- Now, there are eight resolutions that comprise that 77%, and none have more than a 20% market share.
- In 2012, 350 million PCs were sold, and 1.7 billion phones were sold.
- “ Like mobile web growth, device diversity growth shows no sign of slowing or stopping. The future will bring even great device diversity: SmartTVs, web browsers in cars, refrigerators and cameras and video game consoles that all connect to the web with their own specific requirements, constraints, biases and considerations. ”
- Just scratching the surface. m-dot = Bad for SEO, website performance, and social media sharing. Performance = optimize images, scripts, reduce HTTP requests and so forth. Visual = Use typefaces and other visual cues to constantly orient the user. Content = “Think long and hard about the job of each page. Then make sure that all the content on that page helps your users accomplish that job. Simple beats pretty.” “
- Amazon reported that, for every 100 milliseconds of load time, their profits decreased by one percent. Google says half a second of delay results in a 20% traffic drop. Adaptive approach cuts down on load time because it only delivers the code and images needed for the user’s devices. For instance, iPad 3’s only gets Retina images while small smartphone screens only gets low-res images.
- Good view in preview pane or ‘preheader’ - 85 characters - compelling and call to action Short subject line: 35 characters or less.
- Good view in preview pane or ‘preheader’ - 85 characters - compelling and call to action Short subject line: 35 characters or less.
- Make buttons big. Separate links so that users can avoid tapping the wrong one. Single column layout.