Nos recommandations UX pour la conception d'une application

Nos recommandations UX pour la conception d’une application mobile

À l’heure où nous passons de plus en plus de temps sur nos smartphones, concevoir une application agréable à utiliser n’est plus un choix, mais une nécessité. Alors pour faire en sorte que votre application soit conservée sur les smartphones de vos prospects, nous vous livrons nos 8 recommandations de mobile UX design.

Mais tout d’abord, qu’est-ce que l’User Experience ?

Derrière ce terme plus régulièrement abrégé en UX, se cachent tous les stratagèmes mis en place dès la conception de l’application pour rendre son utilisation sympathique. Cette dénomination renvoie tant à l’aspect général de l’application, qu’à son usage.

Quelles sont les étapes clés pour un projet d'app mobile ?

L’expérience utilisateur de votre application se doit de prendre en considération de nombreuses variables, parmi lesquelles :

  • La variété d’appareils qui peuvent être utilisés, qui offrent une multitude d’expériences selon le modèle et le système d’exploitation ;
  • La taille des écrans, qui oblige à réfléchir à l’agencement des icônes et à la hiérarchisation du contenu présent — l’idée étant de ne pas saturer la page ;
  • Les performances de l’application en termes de vitesse de chargement des pages et le risque de bugs, afin de ne pas contrarier les mobinautes.

Différencier les notions d’UI et d’UX

L’User Interface (UI) fait partie intégrante des problématiques de conception d’une bonne User Experience (UX). Cette dernière renvoie, on l’a vu précédemment, à la conception globale d’une application. L’UI, pour sa part, répond aux exigences de l’UX en adaptant la partie visuelle et fonctionnelle. Par exemple, on se demande en UX ”Quelles informations faut-il mettre en avant ?”. En UI, on s’interroge sur “Comment apparaîtront-elles aux yeux des utilisateurs ?”.

Pour vous aider dans la création d’une application mobile qui réponde aux standards mobile UX d’aujourd’hui, voici nos 8 recommandations.

1. Ne forcez pas la création d’un compte

Il n’y a rien de pire que d’être bombardé de requêtes dès la première ouverture d’une application.

Laissez l’utilisateur se familiariser avec votre application avant de l’inciter à créer un compte.

Faites confiance à votre application et à vos prospects qui jugeront eux-mêmes si la création d’un compte est pertinente pour eux.

2. Rendez le chargement des pages ludique

Application mobile : Rendez le chargement de vos pages ludique

Attendre le chargement d’une page peut être agaçant. Faites en sorte que cette étape ne soit pas ennuyeuse pour vos utilisateurs.

Optez par exemple pour des pictogrammes ou des animations amusantes pour figurer le chargement d’une page.

Vous pouvez également faire apparaître progressivement le contenu de la page au gré du chargement — permettant ainsi aux utilisateurs de profiter de son contenu plus vite.

3. Adaptez les boutons à la taille du pouce — pensez accessibilité

Les smartphones se déclinent dans des tailles très diverses. Mobilisez dès lors les principes du Responsive design en adaptant la taille des boutons à la taille de l’écran.

Assurez-vous de concevoir une application mobile disposant de boutons suffisamment grands pour que les mobinautes puissent les utiliser facilement.

Quelques recommandations mobile design pratiques :

  • Fournissez de nombreuses cibles tactiles pour les éléments interactifs ;
  • Créez des commandes qui mesurent au moins 7 à 10 mm afin que les boutons soit adaptés à la taille des doigts de la main ;
  • Assurez-vous qu’il y ait un espace suffisant entre les boutons.

4. Proposez davantage d’interactions tactiles dans l’application

Tirez pleinement parti de l’écran tactile des smartphones d’aujourd’hui.

On le sait : les mobiles tendent à faire disparaître les boutons de navigation au profit d’une navigation 100 % gestuelle. Utilisez ce principe à votre avantage :

  • Taper pour valider ou supprimer
  • Agrandir en étirant la cible
  • Glisser vers le haut ou le bas pour naviguer
  • Tirer franchement vers le bas pour rafraîchir la page ou les résultats
  • Swiper pour passer d’une page à l’autre

5. Proposez la reconnaissance faciale

Le mobile user experience design se doit de permettre aux utilisateurs de mobiliser toute la technologie disponible dans leurs smartphones.

Une idée d’application innovante tirerait par exemple parti des technologies de reconnaissance faciale pour permettre l’identification.

Alternative aux capteurs d’empreintes, la reconnaissance faciale a un énorme potentiel, notamment dans le e-commerce, où il devient possible de valider un paiement rien qu’en fixant la caméra de son téléphone.

6. Pensez minimalisme et couleurs simples

Choisissez des couleurs simples pour vos applications mobiles

Pour concevoir une application Android ou iOS répondant aux principes de l’UX design, ne cherchez pas à faire compliqué.

Plus un design est minimaliste, plus facile est l’expérience de navigation. Les recommandations graphiques actuelles confirment la tendance, dont le précepte « Less is more » s’applique également au choix des couleurs.

Adoptez la tendance du Material Design

Parmi les tendances graphiques du mobile app design, on trouve en bonne place l’utilisation du Material Design. Une nouvelle norme qui emprunte beaucoup au Flat design, tout en lui adjoignant :

  • Des animations
  • Des effets d’ombre
  • Des gradients

En bref : on conserve le côté sobre du Flat design, tout en lui ajoutant des transitions et une structure globale plus attrayante.

7. Rendez la navigation intuitive

Les fonctionnalités bien conçues et le contenu le plus convaincant du monde sont inutiles si les utilisateurs ne les trouvent pas.

Ainsi, pour concevoir une application mobile dotée d’une navigation la plus intuitive possible, il convient de s’imposer quelques règles :

  • Faites en sorte que la navigation ne nécessite aucune explication pour être comprise. Utilisez pour cela des modèles de navigation familiers.
  • Hiérarchisez l’information à disposition des utilisateurs. Anticipez de manière à ce qu’elle soit claire et logique.
  • Pensez à mettre en place un onboarding visuel et ludique.
  • La navigation ne doit pas détourner l’utilisateur du contenu. En cela, elle doit être parfaitement naturelle.
  • Communiquez sur leur avancée dans l’application. Les utilisateurs doivent savoir où ils se trouvent dans votre application pour pouvoir naviguer confortablement.
  • Fournissez un chemin clair. Les utilisateurs doivent être guidés vers le contenu qu’ils cherchent rapidement. Le chemin d’accès doit être perçu comme étant logique.

8. Rendez le texte lisible

Au même titre que pour la taille des boutons, le texte doit être parfaitement lisible sur votre application. Il en va de même pour les médias présents sur l’application.

Choisissez une police qui s’adapte bien à plusieurs tailles afin de maintenir une lisibilité et une facilité d’utilisation optimale.

Un pari sûr est de s’appuyer sur la police par défaut de la plateforme

Apple utilise la police de caractères San Francisco pour harmoniser l’expérience de lecture sur tout le système d’exploitation. Android mobilise Roboto et Noto.

  • Utilisez une taille de police lisible. Le texte doit être au moins en taille 11 pour que les utilisateurs puissent le lire sans avoir à zoomer
  • Une police trop petite à lire favorise la fatigue oculaire
  • Employez un contraste de couleur suffisant pour le texte. Un contraste insuffisant engendre un texte difficile à lire. Le rapport de contraste minimal conseillé est de 4,5 : 1 pour le corps de texte et les textes d’images.

La conception d’application mobile est une chose, mais le respect des règles d’UX design en est une autre. Avec ces 8 recommandations, vous avez toute l’information nécessaire pour développer la meilleure application possible.

Les trois points-clés à retenir :

  • L’UI fait partie intégrante de l’UX design.
  • Tirez parti des possibilités offertes par chaque device : taille d’écran, fonctionnalités gestuelles, reconnaissance faciale, etc.
  • Concevez un design simple, et optez pour une police de caractère lisible en toute circonstance.

Notre livre blanc vous permet de réussir en 7 étapes clés votre projet d'application mobile