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

Jeanne

Business developer
guillemets

"Mieux vaut vivre avec des remords, qu'avec des regrets"

Mis à part les salsifis et les mille-pattes, Jeanne aime tout et tout le monde. Organisatrice hors-pair, dynamique et enjouée, Jeanne a un sourire contagieux, en face à face comme au téléphone. Ses études en alternance, jusqu’au Master, lui ont permis de goûter à plusieurs secteurs d’activité, de l’équipement sportif à la nourriture bio pour animaux domestiques. Originaire de Coulommiers, Jeanne est incollable sur le fromage du même nom mais chez MyDigiCompany, c’est en qualité de Business Developer qu’elle mettra en pratique sa maîtrise de la méthode SONCAS pour fédérer nos clients.

Le gif préféré de Jeanne

giphy-jeanne

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Thé

PC ou MAC ?
Mac

CAC40 ou startup ?
Startup

Beatles ou Stones ?
50 cent

Picasso ou Rembrandt ?
Picasso

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

#girlsgang
#epicurien
#clesvacances

Gabriel

Intégrateur Front
guillemets

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

#rizpates
#moto
#genoudoctogénaire
#hashtag

Rio

Chief Happiness Officer
guillemets

"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

#vomitenvoiture
#toutlemondemekiffesauflinda
#beaugoss
#jepueetalors

Manon

Chef de projet digital junior
guillemets

La vérité est dans la simplicité. (Maxime Lagacé)

Tourangelle d’origine, Manon est arrivée dans la capitale pour ses études en vue d’obtenir un Bachelor « Chef de Projet Digital ». Les ronds dans les ronds, les carrés dans les carrés: chez MyDigiCompany, Manon met son sens de l’organisation en pratique, participant à des projets d’envergure. Capable et volontaire, Manon est montée sur le plus grand plongeoir dès le premier jour et n’a pas tardé à prendre ses marques.
A l’équipe (parfois) survoltée, Manon ajoute sa sensibilité, percevant les choses au-delà des paroles et des faits. Un excellent chef de projet en devenir…

Le gif préféré de Manon

Gif Manon

Qui suis-je ?

Google ou Microsoft ?
Les deux

Thé ou café ?
Thé parfois café

PC ou MAC ?
Mac

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Queen

Picasso ou Rembrandt ?
Ines Longevial

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

#instagram
#carnet
#gateaufaitmaison
#sensible

Clémence

Chef de projet
guillemets

"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 Clemence

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
#minimoys
#chats
#frites
#mangerdemanieregénérale
#concentration
#musique

Nat

Directeur Associé / Expert Hubspot
guillemets

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

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

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

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
#randovélo
#larzac
#rocker
#php
#jaimepasparis