Frank Patrick

RSS

Posts tagged with "mobile web"

Apr 6

Mobile Link: Mobile First!

Still a good case for “mobile first”, a year after the idea first got traction.

Mobile Post: Writing for the Mobile Web - Less is More

The primary keys to successful mobile content are brevity and focus. As one wag has said, “it’s like writing for the web, only more so.”

The mobile reader/user is not sitting in the comfort of their home or office with the screen in front of them as their main focus. Their attention is often divided, and if you expect to get through the clutter of their surroundings, you must be prepared to edit ruthlessly, trimming away as much unnecessary verbiage as possible while focusing on the clarity of your core message.

A mobile web page has to get to the point quickly, and be easy to scan and understand. “Simple” is the watchword for screens that can be as small as 120 pixels wide. The maximum size of a mobile web page should probably be in the range of 300 to 500 words, although skewing to the upper end of that range is preferable to cutting content into pieces that force the user to download more pages over possibly sketchy networks.

If starting with content from an existing desktop-based website, be sure to treat the original source as just a starting point. Think in terms of robust summaries rather than long expository text. Mobile content need to be more actionable (more hard information, less anecdotes) and focused on user needs (scanable, concise, clear, and fast loading). This is one of those situations when less can really be more.

Bottom Line: When writing for mobile, invest enough time to write less.

(Written by me, but originally published on my former employer’s site)

Jul 5

Mobile Post: Easy Mobile Landing Pages from Google

Last weekend, I was intrigued to see this year’s tourism map for Ocean City, NJ and the full page of QR codes it contained that linked to local business sites. The only problem was that everyone I tried ended up at what was just the shop’s standard desktop site. Some even featured flash, which was useless on my iPhone.

If you’re going to the trouble to create QR codes for mobile access, the site it goes to should be mobile-friendly.

One easy and inexpensive way of doing that was introduced by Google this week. Using their Google Sites tool, you can access templates and design elements for creating mobile landing pages in just minutes.

They’ve got templates for restaurants, local businesses, lead gen, social, and eCommerce landing pages. Worth checking out.

Jul 1

Mobile UI Link: 10 Ways the Mobile Web is Different

More considerations for designing for the mobile web compared to the desktop web…

Less power (smaller screens, slower processors, less bandwidth, less multitasking).

Alternative approaches to entering data (touch input, fiddly keyboards).

Different browser features and capabilities (pages viewed inside apps, portrait screens, little or no Flash support).

People using mobile devices in different ways to desktop computers, and for different tasks.

There’s more detail on these at 10 Ways the Mobile Web is Different

Mobile Link: Top 5 reasons why mobile sites fail

How is your mobile web experience?

I know at my last agency, we got hung up on trying to support feature phones and ended up locked into a platform that tied our hands for really mobile web experiences for too many of our implementations. The linked article from iMedia Connection points out another reason for all the other lame mobile web experiences out there…

We were going to transform the mobile web into something highly usable and useful, but then Angry Birds came along, resulting in a complete loss of productivity for 12 months at a cost of $100 billion to the U.S. economy. (These figures are approximate.)

So we’re way overdue to give consumers some relief from these abysmal mobile experiences. We’ve got our work cut out for us: dotMobi reports that only 29.7 percent of the web’s top 10,000 sites are optimized for mobile…

The piece goes on to detail 5 things to watch out for and fix in your mobile site…

  1. Forgetting that mobile users are mobile
  2. Forgetting that humans have thumbs
  3. Forms that fail 
  4. Losing your brand 
  5. Lipstick on the pig

Good points all. Read the whole thing at Top 5 reasons why mobile sites fail.

Web Link: “Mobile” versus “Small Screen”

I’ve recently been intrigued with the possibilites for responsive design for the webs.

This link points out that it’s not just for mobile applications, but for use in smaller than standard browser windows as well.

It’s very tempting (and scope-friendly) to tell a client that we can adjust their site for mobile users, when much of the time what we’re actually doing is simply adjusting a design for small screens.

Potential applications in “pop-out” window content that might also be called upon for viewing in normal browsing as well come to mind.

[“Mobile” versus ”Small Screen” from monkeydo.biz via Zeldman]

…5. There going to be 500,000 plus apps. Just because you build an app doesn’t mean it will get attention. Without the proper marketing, the whole investment could be wasted.

- 5 Things Publishers Need to Know About Mobile Apps - GalleyCat

Feb 9

Is Your Website Ready For the Coming Tablet Explosion?

Good question…

If the vast majority of analysts and pundits are to be believed, 2011 will be the year of the tablet, and the popular adoption of the devices won’t stop there. In a recent report, Forrester predicted that tablet sales could quadruple from 2010 to 2015, leading to a surge in tablet-based e-commerce and chipping away at the amount of Web traffic coming from PC’s.

Many site owners are already seeing a huge uptick in users browsing from tablets, and that upward trend will continue. Is your company’s Website ready for these visitors?

…and for tablets, we don’t have to worry about distractions like the bogus need to support “feature phones” that muddied the waters in supporting mobile phones.

Feb 2

How to keep the app from destroying the mobile web