{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.


That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.


Sorry about this, there is a problem with our search at the moment.
Please try again later.

This report is part of the Mobile Web Design and Development Best Practice Guide bundle.


This report is part of Econsultancy's Mobile Web Design and Development Best Practice Guide and has been created with the help and frontline insight of globally-esteemed ecommerce practitioners who are at the sharp end of mobile commerce, in order to give you the edge in your mobile design and development activity.

At 200 pages and more than 60,000 words in length, Econsultancy's Mobile Web Design and Development Best Practice Guide contains everything you need to know about mobile design and development, dissecting the technical challenges and commercial implications of the key mobile site development options.

This section looks at the key design requirements and implications for the three mobile development approaches. Written by:

  • Justin Taylor, Founder & MD at Graphitas
  • Paul Moore, Service Design Lead, Fjord

Table of contents

  1. Introduction to Our Guides
    1. About Econsultancy
  2. UX/UI Design
    1. Importance of UX/UI skills for mobile
    2. Touch screen considerations
      1. How does screen size influence design
      2. Screwfix – an example of understanding user context
    3. Device-specific considerations
      1. Screen size
      2. Operating system (OS)
    4. Key design techniques for mobile sites
      1. Define your site
      2. Wireframing
      3. Advanced techniques
      4. Responsive or adaptive
    5. Key dos and don’ts
      1. UX/UI
      2. Mobile-specific HTML
    6. Mobile designer's toolkit
      1. Software
      2. Tools
      3. Browser plugins
      4. Resources
      5. Developer resources
    7. Examples of good and bad practice
      1. NHS Direct
      2. LateRooms.com
    8. Case study
      1. An overview of the brief
      2. Defining the site
      3. Target audience
      4. Refine the original list of features
      5. Wireframing and site concepts
      6. Evaluating and planning
      7. Site visuals
      8. Build
      9. Finished site
  3. Useful Resources
  4. Acknowledgements
    1. Lead author
    2. Expert contributors

Download a copy of the report to learn more.

free sample is available for those who want more detail about what is in the report.


  • Pdf SAMPLE: Mobile Web Design and Development Best Practice (1.08 MB PDF)
  • Pdf Disabled Mobile Web Design and Development Best Practice: UX/UI Design (3.29 MB PDF)

Access the full report

Econsultancy subscribers have full access to all our online research as well as a host of other services designed to help save you time, make better decisions and look smart in meetings.

Learn more and buy today