project_path: /web/_project.yaml book_path: /web/shows/_book.yaml description: After an analysis of the mobile-friendliness of the top 1000 sites we found some problem areas: 53% still only provide a desktop-only experience, 82% of sites have issues with interactivity on a mobile device and 64% of sites have text that users will have issues reading.

{# wf_updated_on: 2015-02-23 #} {# wf_published_on: 2015-02-23 #} {# wf_youtube_id: j3YbNHtnYo4 #}

Best UX patterns for Mobile Web Apps {: .page-title }

<div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="j3YbNHtnYo4" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div>

After an analysis of the mobile-friendliness of the top 1000 sites we found some problem areas: 53% still only provide a desktop-only experience, 82% of sites have issues with interactivity on a mobile device and 64% of sites have text that users will have issues reading.

Quick hits to dramatically improve your mobile web experience:

• Always define a viewport
• Fit content inside the viewport
• Keep font sized at a readable level
• Limit use of Web Fonts
• Size and space out tap targets appropriately
• Use the semantic types for input elements

PageSpeed Insights just launched a UX analysis for determining how mobile-friendly your site is. It will help you find common problems with your sites mobile UX. Try it out!

Slides: Best UX patterns for mobile web apps