NetSquared Surrey: The Mobile Revolution
Upcoming SlideShare
Loading in...5
×
 

NetSquared Surrey: The Mobile Revolution

on

  • 416 views

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

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

Statistics

Views

Total Views
416
Views on SlideShare
320
Embed Views
96

Actions

Likes
0
Downloads
4
Comments
0

1 Embed 96

http://storify.com 96

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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.

NetSquared Surrey: The Mobile Revolution NetSquared Surrey: The Mobile Revolution Presentation Transcript

  • The Mobile Revolution@dbarefoot
  • NobleArsonist.com
  • “There are two kinds of fools.One says, "This is old, andtherefore good."The other says, "This is new,and therefore better.”Dean IngeDean IngeDean Inge
  • 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!
  • mobile first• Responsive and adaptive• Image optimization• Article length• Headline (and tweet) length• Calls to action
  • mobile email
  • program look like on a smartphone ortablet?Check your Google Analytics to see whatfraction of your visitors are using mobiledevicesCheck your Google Analytics to see whatfraction of your visitors are using mobiledevicesCheck your Google Analytics to see whatfraction of your visitors are using mobiledevicesCheck your Google Analytics to see whatfraction of your visitors are using mobile
  • questions?