Mobile first ou responsive design : quelle stratégie choisir ?

Le mobile first, c’est quoi ?

En web design, l’approche mobile first consiste à créer un site internet conçu pour répondre en priorité aux spécificités des devices mobiles et tablettes. Wireframes, maquettes et prototypes sont pensés dans cette optique, avant d’être déclinés pour les ordinateurs. L’objectif du mobile first est de s’adapter aux nouveaux usages et d’offrir une bonne expérience utilisateur; une majorité d’internautes consultant des sites internet sur mobile.

Les téléphones étant moins puissants que les ordinateurs, il est nécessaire d’optimiser certains éléments pour une navigation fluide. L’idée principale est donc de se concentrer sur l’essentiel afin d’avoir un site léger. 

Mais, contrairement à ce que l’on pourrait penser, le mobile first est loin de complexifier la conception d’un site internet. Cette approche facilite même le processus de conception. En commençant par l’interface mobile, vous évitez ainsi d’avoir à simplifier votre version desktop, comme supprimer des textes trop longs ou encore certaines fonctionnalités non adaptées. 

 

Et le responsive design alors ?

Contrairement au mobile first, la conception d’un site en responsive design commence sur un écran d’ordinateur. C’est une approche desktop first dont le design créé est paramétré pour s’ajuster automatiquement à la taille de l’écran. 

Le responsive design se base sur un design flexible qui inclut notamment des images fluides s’ajustant automatiquement à la résolution de l’écran cible. Ce type de conception permet également une transition plus souple entre les modes d’affichage paysage et portrait. Un élément indispensable pour les internautes naviguant sur mobile.

Ici aussi, il faut bien garder en tête l’expérience utilisateur, qui doit primer sur le design. Étant la principale préoccupation de Google, elle doit être la vôtre. Plus que des sites qui s’adaptent aux petits écrans des mobiles, la navigation doit être aisée et les contenus facilement accessibles. Cela améliorera grandement votre référencement !

 

Mobile first ou responsive design ?

Quelle est la meilleure option pour vous ? Tout dépend des utilisateurs de votre site. Si 80% d’entre eux consultent votre site depuis un ordinateur, optez pour le responsive design. Si, au contraire, 80% le font depuis un mobile, optez pour le mobile first. Basique. Simple.

10-etapes-dune-refonte-reussie

Gabriel

Intégrateur Front
guillemets copy 1

J'ai voulu dormir, et j'ai fermé les yeux - Tal

Fraîchement arrivé de SupdeWeb Paris, Gabriel (#Gab) fait aujourd’hui partie de l’équipe MyDigiCompany en qualité d’intégrateur front. Entre un premier bachelor commercial puis un second en web design, Gabriel a pris une année qui n’a rien de sabbatique puisqu’il en a profité pour retrousser ses manches et apprendre les bases de son futur métier. A coup de tutos, de formations, de tests grandeur nature et de frustrations en tout genre, Gab s’est montré un autodidacte accompli, ce qui l’a conforté dans son choix. Ancien joueur de foot, cet adepte de musculation et de moto est persévérant. Pour peu qu’il soit convaincu d’un projet, il ne lâche rien ni personne. Têtu ? Non. Jusqu’au-boutiste ? Carrément !

Le gif préféré de Gabriel

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Thé même l’été

PC ou MAC ?
PC

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Kyo

Picasso ou Rembrandt ?
Tout dépend si on parle du peintre ou de la voiture

Réseau social préféré ?
Instagram

gabriel
#rizpates
#moto
#genoudoctogénaire
#hashtag

Rio

Chief Happiness Officer
guillemets copy 1

"Les chiens n'ont qu'un défaut : ils croient aux hommes" (Elian Finbert)

Rio a rejoint MyDigiCompany en mai 2020 en tant que chief Happiness Officer pour le plus grand bonheur de toute l’équipe… ou presque.
Fan d’écologie, il déteste la voiture et préfère les longues balades en forêt.

Le gif préféré de Rio

Qui suis-je ?

Google ou Microsoft ?
Microsoft comme son père

Thé ou café ?
Qu’est-ce que c’est ?

PC ou MAC ?
Pas fan des écrans, préfère les rapports canins

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Nino Ferrer

Picasso ou Rembrandt ?
Edvard Munch

Réseau social préféré ?
Dogstagram

Rio bleu scaled
#vomitenvoiture
#toutlemondemekiffesauflinda
#beaugoss
#jepueetalors

Clémence

Chef de projet
guillemets copy 1

"Fais de ta vie un rêve et d'un rêve une réalité"

Dès son plus jeune âge, Clémence entretient son goût pour l’international et son accent du sud des Etats-Unis est resté intact lorsqu’elle s’exprime dans la langue de Michael Moore. Une école de commerce et un Master dans le Marketing Digital en poche ont permis à Clémence de se frotter au monde de la publicité, dans une régie parisienne, en charge des programmes marketing online et offline. Sportive, guitariste de haute voltige, touche-à-tout, Clémence est spontanée et toujours de bonne humeur. Une bouffée d’oxygène qui fait du bien !

Le gif préféré de Clémence

gif-site-mdc

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Bière

PC ou MAC ?
Mac

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Beatles (mais sinon Taylor Swift)

Picasso ou Rembrandt ?
Cecilia Giménez

Réseau social préféré ?
skyblog

clemence 3
#minimoys
#chats
#frites
#mangerdemanieregénérale
#concentration
#musique

Nat

Directeur Associé / Expert Hubspot
guillemets copy 1

Ce qui ne te tue pas te rend moins mort.

Ceinture noire multi-disciplines, star d’UX (désolé), adepte d’Hubspot et addict aux fonctionnalités utiles, il passe plus de temps à regarder Netflix qu’à côtoyer de vrais humains. Toujours prêt à dégainer sa caméra ou ses bonnes idées.

Le gif préféré de Nat

GIFNat

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Café (n’a jamais cru au thé, qui est finalement du jus d’herbe)

PC ou MAC ?
Anciennement MAC (et anciennement riche, donc)

CAC40 ou startup ?
Startup, parce qu’on dirait le nom d’un boys band

Beatles ou Stones ?
David Bowie

Picasso ou Rembrandt ?
Edward Hoper

Réseau social préféré ?
Tinder

nat
#netflix
#NBA
#hubspot
#domotique
#herniediscaledemerde

Cyril

Développeur Back-End
guillemets copy 1

Si les ouvriers construisaient les bâtiments comme les développeurs écrivent leurs programmes, le premier pic vert venu aurait détruit toute civilisation

Bayonnais d’origine, Cyril est un développeur infatigable. Piqué par le virus informatique depuis son plus jeune âge, il va jusqu’au bout des choses, prêt à sacrifier ses weekends et ses soirées pour que … ça marche. Programmé pour durer, Cyril est à l’écoute des clients, prêt à rendre service. Et quand il s’autorise une courte pause en dehors des écrans, c’est sur son vélo qu’on le trouve, ou sur le canapé, devant un match de foot !

Le gif préféré de Cyril

GIFCYRIL

Qui suis-je ?

Google ou Microsoft ?
Qwant

Thé ou café ?
Thé, café, bières, whisky (sans glaçons, c’est ca qui rend malade)

PC ou MAC ?
PC….Apple c’est le Mal

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Beatles, Stones et surtout Septic Flesh

Picasso ou Rembrandt ?
Rembrandt

Réseau social préféré ?
La vie ;)

Cyril bleu
#randovélo
#larzac
#rocker
#php
#jaimepasparis