QR-code scanning and shake serve as effective ways of communication between the online and the offline worlds and enjoy wider use in China than in the US.
User research finds that tightly integrated services with simple and unified design make people use WeChat; mainly through traditional GUI interactions, not a “conversational UI.”
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.
Different approaches to implementing mobile websites have each their advantages and disadvantages. All should follow the same mobile user-experience principles.
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.
Mobile navigation must be discoverable, accessible, and take little screen space. Exposing the navigation and hiding it in a hamburger both have pros and cons.
The iOS gesture poses some physical challenges for users. Designers should take advantage of it to enhance the user experience by making pages previewable and supporting quick access to frequently used features.
Selecting a precise value using a slider is a difficult task requiring good motor skills, even if the slider is well designed. If picking an exact value is important to the goal of the interface, choose an alternate UI element.
People who are blind or have low vision must rely on their memory and on a rich vocabulary of gestures to interact with touchscreen phones and tablets. Designers should strive to minimize the cognitive load for users of screen readers.
Only a few mobile-design skills and design recommendations translate well to designing for very large touchscreens, as found in kiosks and other nonmobile use cases. Users’ field of vision, arm motion, affordance, and privacy are a few of the different considerations for such screens with up to 380 times the area of a smartphone.
Mobile sites using a hamburger or three-line menu need to support navigation activities throughout the site, in case users don't locate or use the main navigation.
Displaying faceted-search controls on mobile devices in a ‘tray’ overlay is a new effective solution to the challenge of showing both results and filters on small screens.
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.
Accordions conserve space in mobile designs but they can also cause disorientation and too much scrolling. Easy design fixes improve the usability of these UI elements.