Mobile-First Design That Scales Across Varying Device Sizes
Federal websites and digital services targeted at the public should be available,
accessible, and usable on a wide range of devices and platforms. A majority of the public
accesses Federal information and services online, increasingly from mobile devices.
• Design mobile-friendly and device-agnostic websites and digital services: To the
greatest extent practicable, agencies must ensure that public-facing websites and digital
services are mobile-friendly and developed in such a way that the website may be
navigated, viewed, and accessed on a smartphone, tablet computer, or other mobile
device.
• Design mobile-first experiences: Agencies should draw on mobile-first design
principles when developing (or redeveloping) public-facing websites and digital
services so that they are responsive on a variety of devices and window or screen sizes as
well as popular mobile device browsers. For websites or digital services where the
majority of users are on mobile devices or tablets, mobile-first design should be a
priority.
Mobile-first design is an approach in which a website or digital service is designed for mobile devices first. This
typically involves designing for the smallest screen first and gradually working up to larger screen sizes. Designing
for small screens first encourages user experience designers to remove anything that is not essential for rendering
and navigation, which optimizes the experience for the user.
From M-23:
Federal websites and digital services targeted at the public should be available, accessible, and usable on a wide range of devices and platforms. A majority of the public accesses Federal information and services online, increasingly from mobile devices.
• Design mobile-friendly and device-agnostic websites and digital services: To the greatest extent practicable, agencies must ensure that public-facing websites and digital services are mobile-friendly and developed in such a way that the website may be navigated, viewed, and accessed on a smartphone, tablet computer, or other mobile device.
• Design mobile-first experiences: Agencies should draw on mobile-first design principles when developing (or redeveloping) public-facing websites and digital services so that they are responsive on a variety of devices and window or screen sizes as well as popular mobile device browsers. For websites or digital services where the majority of users are on mobile devices or tablets, mobile-first design should be a priority.
Mobile-first design is an approach in which a website or digital service is designed for mobile devices first. This typically involves designing for the smallest screen first and gradually working up to larger screen sizes. Designing for small screens first encourages user experience designers to remove anything that is not essential for rendering and navigation, which optimizes the experience for the user.