App Review #1 : Tn.Post
Dans le monde mobile, afin de garantir une meilleure communication utilisateur-application, des règles et des lignes directrices doivent être suivies.
En 2014, Google a présenté un nouveau langage de design pour unifier les principes d’un bon design qui joue sur la notion d’espace, d’échelle, de couleur..
- La navigation prend une place essentielle dans ce langage visuel pour présenter les différentes parties de l’application et les relations entre elles.
- Le choix de la typographie est fondamental pour offrir un confort visuel aux utilisateurs
- L’iconographie sert à présenter un contenu universel
- Les animations pour donner vie à l’application.
Dans la suite je vais jeter un coup d’oeil sur une des applications mobile les plus courantes en Tunisie: Tn.Post afin de voir la mise en valeur des différents aspects mentionnés.
Tn.Post est une application mobile permettant à ses utilisateurs de lister les bureaux de postes et leurs horaires ainsi la possibilité de réservation d’une place dans la file d’attente.
J’utilise la version 1.1 mise en ligne le 7 Octobre 2017 avec un Pixel, Android 8.1.0.
L’application affiche parfaitement la liste des bureaux et leurs détails mais malheureusement je n’ai pas pu tester la fonctionnalité phare: la réservation de ticket, alors je vais me concentrer sur la partie design et technique.
https://play.google.com/store/apps/details?id=tn.poste.tnpost
LAUNCHER SCREEN
Le premier écran qu’on appelait avant le splash screen affiche le logo de l’application avec une animation; désormais, on parle plutôt de Launcher screen qui s’affiche au moment du chargement de l’application pas comme une interface toute entière qui oblige l’utilisateur à chaque fois d’attendre 2 secondes.
https://material.io/guidelines/patterns/launch-screens.html
https://medium.com/@ssaurel/create-a-splash-screen-on-android-the-right-way-93d6fb444857
PERMISSIONS
Après le splash, sur l’écran principale, un popup native demandant l’autorisation de localisation sans rien expliquer d’avantage. L’utilisateur doit savoir pourquoi on demande cette localisation, même s’il est un peu evident parfois. Il sera donc préférable d’ajouter un écran avec une petite explication du besoin de la permission.
https://material.io/guidelines/patterns/permissions.html
NAVIGATION
Le choix de la navigation sous forme de menu latérale est justifié par le nombre de menu (6) malgré que c’est un peu la tendance actuellement d’utiliser la navigation en bas (avec 5 menus au maximum).
Une suggestion est de fusionner “Services” et “Codes postaux” dans un même menu avec des tabs et utiliser une navigation en bas contenant 4 menus (en enlevant l’ecran “A propos”), cela donnera à première vue à l’utilisateur l’ensemble de fonctionnalités de l’application.
https://material.io/guidelines/components/tabs.html
https://material.io/guidelines/components/bottom-navigation.html
BARRE D’ACTIONS
Je remarque très bien la hauteur de la barre en haut qui est un peu inférieur aux autres application (et aux guidelines), la couleur de la barre de status aussi ne respecte pas les normes et pourquoi le dégradé dans la barre?
https://material.io/guidelines/style/color.html#color-color-system
RÉSEAU POSTAL
Sur la vue carte, je trouve que les actions sont éparpillées dans les quatres coins de l’écran, les icônes parfois rendent l’utilisateur un peu confondu entre l’action affichage en mode liste et l’action de filtrage, ce que je propose est de séparer ces options en rajoutant dans la barre en haut une icône de recherche et une autre de filtre juste à côté ce qui rassemble les deux actions dans le même contexte. Quant au basculement entre les modes d’affichage (Carte et Liste), il est recommandé de le mettre en bas.
Si je ne donne pas la permission de localisation, je n’aurai pas de résultat, je propose en cas de non disponibilité de localisation de passer à une recherche par gouvernorat.
Je remarque aussi que la liste se recharge à chaque fois j’entre dans la vue map, après un retour depuis un autre menu et meme apres un switch de vue liste, c’est des appels serveur non nécessaires.
DETAILS BUREAU
En arrivant à la vue “Details Bureau”, je trouve que la fonctionnalité la plus nécessaire dans l’application n’est pas mise en valeur et qu’elle n’est pas simple à trouver!
Vue les bureaux de poste n’ont pas vraiment de photo qui les représentent alors ça sera mieu de l’enlever et rendre cet espace plus utile, comme l’affichage de l’itinéraire et avec ça on gagnera un click de moins.
Pour “Nos services”, pourquoi les cacher et obliger l’utilisateur à cliquer pour les avoir?
Autres
Je trouve que l’affichage des textes dans les listes n’est pas très claire, l’espacement entre les ligne et le choix de la Police et les couleurs sont à revoir.
Le texte dans la fiche détail des Services et Actualités doit être plus facile à lire et je crois qu’il sera plus claire de séparer la date et le titre du contenu.
Utiliser des Bibliothèques officielles mises à dispositions pour assurer les bonnes animations et interactions utilisateurs.
J’ai essayé de refaire le design de la navigation principale et de la partie “Réseau postal” pour démontrer la vision qui peut améliorer les points traités.
Le projet est disponible sur Behance :
https://www.behance.net/gallery/61795257/TnPost-Redesign-concept
