Mobile-First
Définition
Mobile-First is a design and development strategy that consists of prioritizing the mobile interface before creating tablet or desktop versions. Unlike the traditional “graceful degradation” approach (where elements are removed from a desktop site to make it fit on mobile), Mobile-First relies on progressive enhancement. You start with the essentials: the smallest and most constrained screen. This forces teams to properly prioritize content and functionality. Beyond improving the user experience, this approach has become a technical standard since Google uses Mobile-First Indexing to rank websites in search results.
Exemple
Imagine you are designing a restaurant booking website. If you start with the desktop version, you may be tempted to fill the space with large atmosphere photos, background videos, and complex interactive menus. When adapting this to mobile, you then have to “squeeze” everything, which often slows the site down. With a Mobile-First approach, you start with the smartphone screen: the user wants to book a table, view the menu, and find the address. You first design these three actions in a very efficient way. Once this core experience is solid, you then enhance the desktop version by adding secondary visuals, without ever compromising the efficiency of the core service.