Want to make creations as awesome as this one?

More creations to inspire you

Transcript

La nouvelle approche du Web design

Mobile First

mars 2022

Mobile First :

un concept incontournable pour le Web Design et le référencement

En 2017, Google annonçait que les recherches sur les téléphones mobiles dépassaient déjà les requêtes sur ordinateur en France.

La tendance en Web Design : Mobile First

Un concept qui va au-delà du Responsive Web Design.

Il met la priorité sur la version mobile en l'adaptant progressivement pour les écrans plus large.

Figma

Sketch


Lorem ipsum dolor sit amet


  • Consectetur adipiscing elit
  • Donec elementum metus
  • Auctor metus varius pulvinar
  • Donec finibus faucibus justo

  • les contenus sont adaptés, lisibles, faciles et rapides à comprendre
  • le temps de chargement du site est rapide
  • les liens sont lisibles et faciles à cliquer

Mais que veut dire « mobile friendly » ?

https://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect&hl=fr

Une page n’est pas adaptée aux mobiles si :

  • la technologie utilisée n’est pas adaptée (par ex. Flash)
  • la typographie et la police rendent le contenu illisible
  • les espaces entre les liens sont trop petits
  • le contenu est trop large pour l’écran


Lorem ipsum dolor sit amet


  • Consectetur adipiscing elit
  • Donec elementum metus
  • Auctor metus varius pulvinar
  • Donec finibus faucibus justo

La mise en oeuvre :

  • Construire un site mobile en premier lieu qui peut ensuite être étendu progressivement en mode desktop.
  • Créer un tableau de bord spécifique aux mobiles.
  • Investir dans des outils techniques dédiés aux mobiles.
  • Faire des tests d’ergonomie et d’AB testing dédiés aux mobiles.
  • Analyser les parcours clients en mode mobile et inclure des personas mobiles depuis une connexion 3G, sur des petits écrans, en marchant, etc.

  • Définir les priorités du contenu
  • Agrandire les cibles tactiles
  • Ne pas compter pas sur les hoovers
  • Éviter les grands graphiques

Penser à faire

Video

MERCI