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
    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.