Tags : Web Design

4 Extra tips to making your website touch friendly

Tags : Web Design

Adding on to what Anna had said earlier this year on our blogs, I have a few more tips on how to better ensure your website is touch friendly.

1. No Flash (duh!)

Whether this is a dud point or not, people still need to be aware that flash is a no-go on Apple touch devices. I can't remember the last time i had to open Abode Flash to create a design but I have seen a few sites here and there that still use Flash banners and animations. Although these would work on Android and Windows touch devices, having flash on your website cuts out a great number of your users.

2. Short Forms

Touching on one of Anna's points regarding form field heights, as a golden rule forms should be kept as short as possible so when your website transfers to tablet/mobile users will not have to type as much. Having said that, there is a bit of HTML5 code that can detect which device you are viewing the site on and remove some unimportant fields, giving you the best of both worlds.

3. Using vector images

Resolutions on some devices can be bigger than your average screen at home. When scaling your website down or up, it is important that no image or logo is blurred. A good way to ensure you are designing for all screens is to have high resolution or vector images/logos. That way when they scale they don't lose quality.

4. Swipe, Pinch and Tap

If something on your website looks like it could be swiped, i.e. a carousel of products, a good tip would be to enable that feature on tablet and mobile. This can be done through some simple coding in the backend which will lead to a great user interface that people will enjoy interacting with. Likewise for all intuitive touch device actions.

Using these tips along with Anna's, will ensure your website will be touch friendly once designed and developed.