There are a couple of ways around this issue. The three simplest ones are:
- Give registered users the option to re-use their stored details when they make purchases. Once they sign into the "My Account" section, the delivery address they had stored previously should be accessible so they can pick it easily instead of having to type it all over again.
- Add drop-down menus and checklists for language and location.
- Offer an option to enter the PIN as opposed to a password.
Some more innovative ones are:
- If you’re selling or marketing apps, you can incorporate QR codes. Users who scan the codes can be instantly directed to an app store
- Allow users to make instant calls when they tap on the phone numbers provided on your "Contact Us" page
3. Understand Your Audience to Get Your Navigation Design Right
There is no such thing as perfect navigation. If your layout is in the form of a single column, adding the navigation menu on top of the page would shove the content down. If the layout is different, you could place the navigation menu at the top to cater to users who would like to navigate to a specific category immediately upon landing on the page.
In most cases, a navigation menu at the bottom works well enough, mostly because it doesn't interfere with reading the page and is still quite easily accessible. For faster access, you can position an anchor link on top.
Users will be scrolling down a lot on a mobile website. A simple way to address the vertical scrolling is to place "back to the top" buttons at the bottom of the page. For users who want to switch back to seeing your full website, you can add a "Full website" link on the header or footer of the page.
4. Make Text Links Easy to Use
Like text entry, clicking the text link on mobile websites can be a handful. It is annoying when all the links are highlighted at the same time when you move the cursor while scrolling the page. You can increase the area of the clickable text or use bigger fonts for clickable text. Another option is to change the background color of the links and buttons.
5. The Don’ts of Mobile Website Design
It is best to completely avoid certain design elements that can be disruptive to the mobile site browsing experience. These include:
- Flash and animation
- Large pictures
Once you have the blueprint of your mobile web design, make sure you test it prior to deployment. Nothing beats personal experience when you have to make a calculated decision about customer engagement and sales.
Image courtesy of kulyk (Shutterstock)