mobile web Articles & Videos

  • 13 QR-Code Usability Guidelines

    To be effective, QR codes need clear, brief, contextual information and must lead the user to relevant pages.

  • Mobile UX: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users’ needs and online behaviors.

  • The State of Mobile User Experience

    Fifteen years from the original iPhone, the quality of mobile user experience has stabilized. Mobile standards have emerged and the lines between the mobile web and native apps are becoming blurrier.

  • Five Questions for University UX Professionals

    Prospective university students are selective when applying to schools. They share many of the same questions and expect communications to be personalized.

  • Large Devices Preferred for Important Tasks

    Despite substantial improvements in mobile UX over the past decade, people still tend to do their most important online activities on larger screens.

  • Teenager’s UX: Designing for Teens

    Teens are (over)confident in their web abilities, but they perform worse than adults. Lower reading levels, impatience, and undeveloped research skills reduce teens’ task success and require simple, relatable sites.

  • Five Mistakes in Designing Mobile Push Notifications

    Provide value to users before asking them to receive your app’s notifications; tell them what the notifications will be about. Don’t send notifications in bursts; make it easy to turn them off.

  • Carousels on Mobile Devices

    Carousels on touch screens are plagued by low discoverability and sequential access, and not all designs implement swipe as a carousel control.

  • The State of Mobile User Experience in 2018

    Ten years from the original iPhone, the field of mobile UX has finally reached maturity.

  • Mobile Tables: Comparisons and Other Data Tables

    Locking headers and allowing users to select a subset of data according to their needs make large data tables usable on mobile devices.

  • Small Pictures on Big Screens: Scaling Up from Mobile to Desktop

    To transition images from mobile to desktop, consider relative screen space and information density. Pay attention to cropping, scaling, and proportions.

  • Big Pictures on Small Screens: Remove, Resize or Reorganize

    When using large-screen images on smaller screens, remove images that don’t add information. Then, pay close attention to cropping, scaling and placement.

  • Anchors OK? Re-Assessing In-Page Links

    While jump links have caused problems in the past, they can successfully be used to move users down long pages and directly to content, on any screen size.

  • Visual Indicators to Differentiate Items in a List

    Users are 37% faster at finding items within a list when visual indicators vary both in color and icon compared to text alone. If choosing between using color or an icon, icons with strong information scent perform better than color alone.

  • Mobile Websites: Mobile-Dedicated, Responsive, Adaptive, or Desktop Site?

    Different approaches to implementing mobile websites have each their advantages and disadvantages. All should follow the same mobile user-experience principles.

  • List Thumbnails on Mobile: When to Use Them and Where to Place Them

    Decide whether and where to display thumbnails for list items based on the images’ importance relative to associated text, on whether images will be displayed for all list items, and on whether the small images are recognizably different from each other.

  • Ad Placement for Mobile

    Extra care is required when designing mobile page layouts that include advertisements, due to the limited screen real estate available. Ads must be displayed where they will not create false floors nor block users from reaching relevant content.

  • Maps and Location Finders on Mobile Devices

    Maps of business locations may be more visually appealing than a simple list view, but they introduce too many usability issues on mobile devices.

  • Mobile: Native Apps, Web Apps, and Hybrid Apps

    Native and hybrid apps are installed in an app store, whereas web apps are mobile-optimized webpages that look like an app. Both hybrid and web apps render HTML web pages, but hybrid apps use app-embedded browsers to do that.

  • Mobile Sites vs. Apps: The Coming Strategy Shift

    Mobile apps currently have better usability than mobile sites, but forthcoming changes will eventually make a mobile site the superior strategy.