• Agence
  • Services
    • Stratégie numérique
      • Gestion de communauté
      • Stratégie des médias sociaux
      • Stratégie de contenu
      • Stratégie influenceurs
    • Conception web
      • Développement e-commerce
      • Création de site web
      • Design web (UI)
      • Développement web & programmation
      • Expérience utilisateur (UX)
      • Gestion de contenu CMS
    • Services Conseils
      • Accompagnement stratégique
      • Formation
      • Transformation numérique
      • Intégration CRM
    • Marketing web
      • Mesure de performance
      • Référencement naturel (SEO)
      • Référencement payant (SEM & PPC)
      • Solutions Web
      • Programmatique
  • Projets
  • Carrières
  • Industries
    • Secteurs d’activités
      • Détaillants
      • Manufacturiers et distributeurs
      • Services professionnels
      • Obnl
  • Nous joindre
  • Blogue
  • Accueil
  • Agence
  • Services
    • Stratégie numérique
      • Gestion de communauté
      • Stratégie des médias sociaux
      • Stratégie de contenu
      • Stratégie influenceurs
    • Conception web
      • Développement e-commerce
      • Création de site web
      • Design web (UI)
      • Développement web & programmation
      • Expérience utilisateur (UX)
      • Gestion de contenu CMS
    • Services Conseils
      • Accompagnement stratégique
      • Formation
      • Transformation numérique
      • Intégration CRM
    • Marketing web
      • Mesure de performance
      • Référencement naturel (SEO)
      • Référencement payant (SEM & PPC)
      • Solutions Web
      • Programmatique
  • Projets
  • Carrières
  • Industries
    • Secteurs d’activités
      • Détaillants
      • Manufacturiers et distributeurs
      • Services professionnels
      • Obnl
  • Nous joindre
  • Blogue
  • Accueil

Design & ergonomie

Les pratiques UX de base pour la navigation mobile

La majorité des gens utilisent leur téléphone cellulaire comme outils de gestion, de travail et de loisir.C’est pourquoi il est de mise, pour toutes compagnies soucieuses de leur approche marketing, d’être efficace autant sur mobile que sur ordinateur surtout si on prend en considération qu’environ 57% des consommateurs ne recommanderont pas une compagnie ayant un mauvais site web sur mobile.

image_01

Voici une petite liste des bonnes pratiques à utiliser pour une expérience utilisateur optimale des sites web en version mobile :

Menu burger
Généralement situé en haut à droite ou à gauche de votre écran, le menu burger est une des méthodes les plus efficaces pour simplifier la navigation de votre site. Un bon menu burger est allégé, simple et regroupe tous les éléments de votre navigation à un seul endroit. Lorsque déployé, il doit permettre à l’utilisateur de repérer l’élément qu’il recherche du premier coup d’œil.

La taille des éléments
Les dimensions que vous donnez aux éléments de votre page web feront toute la différence entre une bonne expérience utilisateur et une mauvaise. Vous devez,en tout temps,prendre en considération la taille de vos textes, de vos images et de vos appels à l’action.Selon les développeurs de Google, une taille de police d’un minimum de 16 pixels pour le texte courant est requise pour une bonne lisibilité. Dites-vous également que si l’utilisateur doit zoomer pour pouvoir lire votre texte, c’est qu’il est trop petit. Le même principe s’applique pour les appels à l’action,ils doivent être gros, en évidence et facilement accessibles au doigt de l’utilisateur.

 image_02

Interactivité
Les interactions possibles entre l’utilisateur et son téléphone sont nombreuses et rendent la navigation sur mobile agréable. Les utilisateurs s’attendent à une certaine interactivité;ils seront déçus, voir fâchés, de constater un manque d’interactions.Les actions les plus populaires sont : la sélection, la double sélection, la sélection longue, le glissé, le zoom-in et le zoom-out.En tant que designer, vous vous devez d’avoir toujours en tête que l’objet de navigation n’est plus une souris, mais bien un doigt ou un pouce, et que votre design doit donc être repensé pour pouvoir demeurer efficace.

Utilisation des claviers natifs
Les claviers natifs sont efficaces sur mobiles puisqu’ils réduisent le nombre de clics de l’utilisateur, augmentent la rapidité d’exécution et sont simples d’utilisation. Il n’y a rien de plus frustrant que de devoir entrer toutes nos informations une par une dans un formulaire sur version mobile. Excellent exemple où le rôle de l’UX prend tout son sens.

En résumé, il est important de bien penser au design de votre site afin d’accommoder au maximum l’usager (peut-être votre futur client?) qui le visitera. Les interactions, la disposition des éléments, l’architecture de l’information et la simplicité d’utilisation sont vos meilleurs alliés pour réussir la version mobile de votre site.

Sources :
http://www.themobileplaybook.com/en-us/#/chapter2_1
http://blog.contentsquare.com/sites-mobiles-bonnes-pratiques-ux/
https://www.newfangled.com/user-experience-mobile-menus-and-nav-burgers/
http://www.uxbooth.com/articles/designing-for-mobile-part-2-interaction-design/

Par Webit Interactive - le 30 mars 2015
Partager

Contactez-nous

En voilà d'autres

Design & ergonomie
Les 10 prédictions design pour 2017 selon Adobe
Lire la suite
Design & ergonomie
Les tendances UX pour 2020
Lire la suite
Design & ergonomie
Le SEO, meilleur allié du UX : 8 tendances à venir en 2021
Lire la suite
Design & ergonomie
Les 10 prédictions design pour 2017 selon Adobe
Lire la suite
Design & ergonomie
Les tendances UX pour 2020
Lire la suite
Design & ergonomie
Le SEO, meilleur allié du UX : 8 tendances à venir en 2021
Lire la suite

Suivez-nous

170 Boul. Taschereau, Bureau 245, La Prairie,
(Québec) J5R 5H6

Itinéraire
+1 (514) 932-4840

Tenez-vous à jour

Avis légal

© Webit Interactive 2021