W3C Mobile Web Best Practices

In reading over the W3C’s mobile development ‘best practices’ there are key steps developers can take for ideal mobile web structuring:

Spare the network
Use appropriate Web protocol features to reduce network bottlenecks and latency.
– Cache AJAX data
– Minimize external resources, applications and data size
– Use cookies sparingly
– Optimize network requests

Set users free
Mobile devices are used in various contexts, from killing time at home to urgent requests on the go. Let users know and control what happens to earn their trust.
– Ensure the user is informed about use of personal and device information
– Offer users a choice of interfaces
– Don’t change focus when dynamically updating page sections

Continue reading

UX Resolutions for 2011

New Year’s Resolutions tend to be self-focused, but what about something more altruistic. Some resolutions that touch others besides ourselves?

Now, I’m not talking about world peace, or stopping hunger (although there is nothing wrong with those). What I am talking about are things we, as UX practitioners, can do to improve the the projects and products we work on.

We should be more concerned about our industry as a whole.

Some ideas to get us started:

  • design for mobile- not just as an afterthought. Mobile may be the primary interface sooner than you think and it would do us well to treat it with the priority it deserves
  • accessibility for all- there is a lot of talk of accessibility & 508 compliance…not as much action. I’m looking at you, Apple!
  • HTML5 use- why are we still using a mish-mash of technologies and workarounds when this beautiful code is just waiting to tie all our CSS and interactivity together in an easy-to-read format?

Continue reading

Examples of New HTML5 Features

People are already revisiting  and polishing up their HTML skills because of the exciting possibilities of  HTML5.

Here are some great examples originally posted on Webification.

The new HTML5 provides some interesting features that allow designers to enhance and boost their creativity. The new useful tags will replace many of typical div entries from code, the new canvas support allows you to create fantastic animations without using Flash, etc.

In this post I have collected 15 examples of what we can do with HTML5 and its potentials. Some of these examples work with the support of Javascript but they show how it’s easy to replace Flash with HTML5.

1. How we’ll create forms in HTML5

HTML5 contains new interesting input fields that enable us to perform our work and save much time. In this post we can study in deep the new input fields and all their features.


2. Learning About HTML5 Local Storage

This video tutorial shows how to build a simple to-do list with local storage. HTML5′s local storage is a new functionality which we can save data in browsers even the browser is refreshed or closed.


3. Wave motion

This experiment, made by Hakim el Hattab, makes a wave motion rendered using the canvas element. Each bubble holds a tweet with the word water in it. Clicking on them we can read the tweets.


Continue reading