Friday, April 26, 2013

Mobile Website Design and Development: Font Treatment and Readability

By Laura Powers

Responsive, mobile and dynamic are some of the terms used when discussing the development of websites to be viewed on screens smaller than a traditional desktop screen. Whichever term you use for your company's small-screen optimized website (and method you use to achieve the creation of it), in the end, it all boils down to user experience. You must ask yourself, "Are users being quickly served the relevant information on our mobile site that they are looking for? Are they able to read and navigate the site easily?"

One critical element in the design and development of a mobile site is the treatment of the text to ensure "readability" on small screens. Size, contrast, spacing and placement should all be critically considered during the planning phase when determining how information will be restructured for display. This article from, describes the importance of mobile typography and shows some great (mostly consumer website) examples.

We'll be posting more information on design and development considerations for small screen mobile sites in future posts.

In the meantime, how does your site measure up?

No comments: