Pour ce second épisode de la série App Makeover, notre pôle design a choisi de s’intéresser au domaine du m-commerce, et plus particulièrement à l’un des poids lourds du secteur : Amazon.

En préambule, rappelons que le canal Mobile peut représenter jusqu’à 40 % du chiffre d’affaire généré par certains e-commerçants. La question des usages et de l’expérience à proposer sur mobile à son prospect ou client devient donc stratégiques pour les acteurs du secteurs, quelles que soient la ou les verticales concernées.

Constat

Amazon a aujourd’hui, malgré une interface web pouvant apparaitre frugale, une position de leader mondial sur le secteur du e-commerce.

Sur son application mobile (nous nous concentrerons sur iOS), force est de constater que la navigation est claire, simple et efficace, sans parler du one-click checkout, référence en la matière.

Le seul gros bémol étant selon nous son coté trop “web”. L’impression dominante est que l’application n’est qu’une version du site redimensionné pour convenir à la taille de notre écran de smartphone. Cela se concrétise par des textes omniprésents, trop longs et souvent mal coupés : il y a beaucoup de contenus écrits, alors qu’Amazon dispose pourtant de beaucoup de media riches (images, notes, avis).

Parti pris

De notre point de vue, les facteurs clés de succès d’une telle application se situent au niveau de la rapidité d’accès aux fiches articles avec visuels, des outils d’aide à la décision et de la fluidité de l’expérience.

Nous détaillerons ci-après les pistes d’améliorations que nous avons envisagées pour les sections Home, Boutiques, Fiche Produit et Recherche. Nous avons également profité des nouvelles guidelines iOS 7 pour accentuer nos propositions.

Résultat

Home

La page d’accueil originale est très bien pensée, elle est simple à comprendre et permet de naviguer facilement à travers les différentes parties de l’application grâce au menu à onglets. Nous avons donc décidé de garder cette tab bar, car elle permet une navigation rapide et est simple d’utilisation.

Le menu est diminué à 4 onglets principaux : Accueil, Rechercher, Panier et Liste d’envies. La catégorie Autres se retrouve dans la top bar avec un pictogramme «paramètres».

La connexion n’est pas obligatoire pour utiliser l’application, donc le bouton correspondant est inutile dans le corps de la page d’accueil. En la mettant dans la navigation bar, nous gagnons en lisibilité et en espace. De même pour la publicité, même si l’intention d’Amazon est de vendre, celle-ci n’est pas indispensable sur l’application puisque la section “recommandations pour vous” sert de produits d’appel personnalisés à chacun.

Les promotions sont une des motivations d’achat pour les utilisateurs, il est donc important de mettre cet aspect en avant. Le scroll horizontal est devenu vertical, ce qui permet de retrouver une gestuelle plus fréquemment utilisée sur application et un chargement illimité des données. On garde bien sûr le champ de recherche dès l’accueil qui est l’une des principales fonctionnalités dont l’utilisateur a besoin en lançant cette application.

Boutiques

Les “boutiques” sont en réalité des catégories des produits. Le seul travail sur cette page concerne l’habillage, pour lequel nous avons suivi au plus près les guidelines d’Apple poru iOS 7.

Fiche Produit

La page “fiche produit” est celle qui mérite selon nous le plus de modifications, la version actuelle étant beaucoup trop “web”.

Notre idée est de reprendre toutes les informations importantes et de les afficher sur le plein écran (sans utiliser le défilement) : prix, promotion, évaluations des internautes, partage du produit, photos et ajout au panier. Pour le reste des données qu’on retrouve sur le site, nous les avons divisées en 3 onglets - description, avis et articles similaires - ce qui évite un défilement continu et de se perdre dans les textes.

En scrollant sur cette page produit, nous avons la description principale de l’article, puis pour plus de détails sur les informations et descriptions techniques, nous avons choisi de créer une nouvelle page propre à chacun de ces deux items. De plus, notre système d’onglets se colle au scroll sous la top bar afin de toujours pouvoir avoir accès au deux différentes rubriques “avis” et “articles similaires”.

Rechercher

L’une des fonctionnalités intelligente de l’application Amazon est la recherche par scan de code-barres. Simple et rapide, il est très utilisé pour pouvoir comparer les prix. Voilà pourquoi il est obligatoire de garder ce module. Nous proposons en revanche une version plus avancée pour la recherche : trier sa recherche par types de produits et par tranches de prix.

Conclusion

Voici donc notre proposition pour améliorer l’expérience des utilisateurs de l’application Amazon. Nous espérons que nos amis e-commerçants apprécieront notre travail et nous sommes bien entendu disponibles pour toute sollicitation sur le sujet.