The iTextUSA Mobile Web App Design Concepts

The iTextUSA Mobile Web App Design Concepts


1.    Keep it quick.  Mobile users are often short on time so it’s important that your app loads fast, content is easy to scan, and key information is easily accessible.  Compress images to ensure your app loads quickly.  Prioritize app information and features that mobile users want and use most. We monitor your web app analytics to help us determine content that is most popular with your mobile users.

2.    Simplify navigation.  Use a clear hierarchy for navigation that users can click to drill down and avoid using rollovers. Try to have all content fit on the screen but when scrolling is needed, use vertical scrolling. For large apps with lots of information, have a search box prominently available. Clear back and home buttons on each page also help users easily navigate a mobile app.

3.    Be thumbfriendly.  People use their fingers to scroll, swipe and select on touchscreen mobile devices. Use large, centered buttons and increase their padding to reduce accidental clicks of the wrong item.

4.    Design for visibility.  Content should fit onscreen and text should be readable without users having to pinch and zoom to enlarge.  Making use of negative space, creating contrast between background and text and using color to indicate link/ button priority makes it easier to read text on a mobile phone.

5.    Make it accessible. The mobile apps should work across all mobile devices and handset orientations. Avoid using Flash as that does not display on many smartphones. Adapt for both horizontal and vertical orientations.

6.    Make it easy to convert.  Make it easy for customers to buy or contact you while on your mobile app by reducing the number of steps to complete a transaction and including click-to-call functionality. Focus on key information that aids conversion – product details, photos, location info. Keep forms short and use check boxes, lists and scroll menus to make data entry easier.

7.    Make it local. Looking for local information is one of the most popular smartphone uses. Include a clickable local business number and your address or store locator. Take advantage of the location based capabilities of mobile phones and include maps, directions, and prioritized information based on the user’s proximity.

8.    Make it seamless.  Users often go back and forth between their mobile phones and their computers. Prominent access to Login, Shopping Cart and Favorites features help users easily retrieve information between devices. Ensure users have a consistent experience by providing the same key product info and features in both desktop and mobile web apps.

9.    Use mobile app redirects. A mobile app redirect is code that is added to your regular webapp that automatically detects if visitors are coming from a mobile device and redirects them to your mobile app.  Also give users the option to go to your full website from your mobile app so they can choose the version that best meets their needs.

10.  Listen, learn and iterate.  Your app doesn’t need to be perfect and comprehensive before you launch! It’s more important to launch, test and learn to see what works. Collect user feedback, use analytics for insights and continue iterating and improving your app.