• Save
Mobile web design
Upcoming SlideShare
Loading in...5
×
 

Mobile web design

on

  • 734 views

This is a talk given to the Municipal Information Systems Associations of California (MISAC). Included is different design considerations for the mobile web user.

This is a talk given to the Municipal Information Systems Associations of California (MISAC). Included is different design considerations for the mobile web user.

Statistics

Views

Total Views
734
Views on SlideShare
731
Embed Views
3

Actions

Likes
0
Downloads
3
Comments
0

2 Embeds 3

https://www.linkedin.com 2
http://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

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
  • Out of curiosity, how many of you own a smartphone? Ok, how many of you surf the Internet on your phone? How many of you are frustrated by the mobile web experience.
  • According to June 2010, an eMarketer survey resulted in 33% of people complaining about issues with formatting.
  • Load times result of large images, code on the web page, functionality in navigation, errors with flash.
  • Ah, yes, the mobile surfer. The mobile web surfer is very different from the desktop user. The mobile user is about convenience and the experience.
  • So here’s 3 different points about the mobile user. They’re less patient, have a different intent, and are fairly tolerant with low expectations. So let’s talk about this. Less patient. I mean, when someone is searching the web on their phone they are usually on-the-go. They have an immediate need and want to consume their info quick. It is our job to make sure that this experience is optimized.
  • How many of you use Facebook from your smartphone? About a third of Facebook’s traffic comes from mobile users. That equates to about 200 million people. Currently, this is in alignment with the smartphone population in the United States. I wonder, if smartphones were around when MySpace owned the social networking space, would it have taken off more? Think about how much smartphones do for more social networking sites. And even then, Facebook is coming to feature phones (non-smartphones). Social networking on your phone is the new smoke break.
  • How many of you use Twitter from your phone? And for Twitter, about 46% of people tweet from their phone. Think about it. What would Twitter be if there wasn’t an SMS/phone capabilities? It largely took off because of the original text messaging capabilities.
  • wurfl
  • Pitch mobile CMS
  • The Mobile Internet speed. Currently, we’re at 3G speeds but 4G speeds, which stands for fourth generation speeds, is slowly becoming the norm. Verizon’s LTE service, during tests, was able to download 5 Gigabytes worth of data in 36 minutes. That’s the equivalent of downloading a 2 h DVD on your phone in 36 minutes.
  • 3G internet is 60 times faster than dial up and 2 times faster than DSL. 4G speeds have the potential to replace your home Internet connection on FIOS. It’s just as fast. Another factor is improved browsing capabilities.
  • 3G internet is 60 times faster than dial up and 2 times faster than DSL. 4G speeds have the potential to replace your home Internet connection on FIOS. It’s just as fast. Another factor is improved browsing capabilities.
  • A recent study by Adobe Scene7 on mobile said that people prefer mobile websites over apps except when it comes to games, social media, maps, and music. eMarketer also conducted research that concluded people prefer using a browser except for games, social media, and music.

Mobile web design Mobile web design Presentation Transcript

  • Mobile Web Design
    By Matthew Gallizzi
    Twitter: @mgallizzi
    notixtech.com
  • 33% of mobile web users complained about formatting issues
  • Other issues include:load times, functionality, errors
  • The Mobile User
    Photo by: Johan Larsson
  • Less patientDifferent intentExpectations
    Photo by: Johan Larsson
  • Goal:To create a positive experience.
  • Start with the strategy
    What would a mobile visitor want to do?
  • How would it work?
  • CSS3 Media Queries
  • Different versions
  • Separate mobile site
  • Source: Nielson
  • Two differences with smartphones:
    Screen size
    Bandwidth
  • Designing forthesmallScreen
  • 240x320
    QVGA
  • Retina display
    &
    Bandwidth
  • Fluid designs
  • Vertical
    vs
    Landscape
  • Navigation
    Touch-friendly
    Vertical menu
  • Content
    Design first
    Concise
    Above the fold
  • User input
    Simplicity
    Selectable
  • Mobile Internet Speed
  • 3G60x Dial Up2x Basic DSL
  • 4GFiOS5GB in 32m
  • TestingTestingTesting
  • Apps
  • Apps preferred for…GamesSocial mediaMapsMusic
  • Native Apps
    Pros
    Utilize device capabilities
    Take full control of user interface
    Achieve high performance
    Support offline browsing
    Charge per download and/or use in-app advertising
  • Native Apps
    Cons
    • Developed for each platform
    • At mercy of App store
    • Requires users to download
    • Strict Human Interface Guidelines
    • Difficult to maintain
    • Updates require user to upgrade apps
    • App store costs
  • Mobile Websites
    Pros
    Less cluttered
    Accessible through several platforms
    Touch to call, SMS, Maps
    Monetized via ads
    Costs less than app
  • Mobile Websites
    Cons
    • Can’t fully take advantage of phone hardware
    • Offline browsing
    • Can’t charge per download
  • Questions?Matthew Gallizzitwitter.com/mgallizzilinkedin.com/in/mgallizzi