Unsure where to start? Use this collection of links to our articles and videos to learn how users interact with the web and how to design effective web user experiences.
Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices.
Mobile-first web designs cause significant usability issues when viewed on desktop. Content becomes overly dispersed across long scrolling pages with expansive white space and enlarged images and fonts, making it difficult for users to consume and understand the information.
Support wayfinding by including breadcrumbs that reflect your site's information hierarchy. On mobile, avoid using breadcrumbs that are too tiny or wrap.
The NN/g website homepage now incorporates variable fonts and a wide-screen layout — 2 technical adjustments which improve the user experience for a subset of users on supported devices.
To transition images from mobile to desktop, consider relative screen space and information density. Pay attention to cropping, scaling, and proportions.
When using large-screen images on smaller screens, remove images that don’t add information. Then, pay close attention to cropping, scaling and placement.
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.
Different approaches to implementing mobile websites have each their advantages and disadvantages. All should follow the same mobile user-experience principles.
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.
Mobile usability has improved over the past 7 years due to better prioritization of content over UI elements and better understanding of the users’ needs.
Responsive design teams create a single site to support many devices, but need to consider content, design and performance across devices to ensure usability.