At Yahoo!’s BayJax event Stephen Wood from Flickr gave an excellent talk on creating Responsive Touch Interfaces in HTML5. In his talk he discusses many things that probably a lot of people creating web apps for touch devices are struggling with.
You should definitely see the whole video, but the most important points are:
- When swiping focus entirely on the user’s gesture. Don’t do anything else. No pre-loading, nothing. When interface interaction stops the user will feel as if the interface has broken down. Supporting the gesture with all resources possible is the most important thing.
- Don’t read from the DOM during gestures. Going to the DOM will block and stop the interface. Keep track of the gesture coordinates yourself (write-only DOM).
- Use hardware acceleration (even though it’s a “crash festival”).