Google Chrome - Amélioration des groupes d'onglets

Nov 27 2022
Étude de cas - Une évaluation des groupes d'onglets de Chome (android) via le principe de l'heuristique et une solution pour améliorer l'expérience utilisateur. INDEX 1] Comment ça a commencé 2] Refonte - Qu'est-ce qui a changé ? 3] Pourquoi choisir Google Chrome 4] Identifier le problème 5] Idéation 6] Wireframing 7] Prototypage 8] Test utilisateur 9] Feedback COMMENT TOUT A COMMENCÉ ! J'ai recherché et expérimenté les principes UX.

Étude de cas - Une évaluation des groupes d'onglets de Chome (android) via le principe de l'heuristique et une solution pour améliorer l'expérience utilisateur.

INDICE

1] Comment ça a commencé

2] Refonte - Qu'est-ce qui a changé ?

3] Pourquoi choisir Google Chrome

4] Identifier le problème

5] Idéation

6] Maillage filaire

7] Prototypage

8] Test utilisateur

9] Commentaires

COMMENT ÇA A COMMENCÉ !

J'ai recherché et expérimenté les principes UX. À mi-chemin, d'une manière ou d'une autre, je me suis retrouvé dans un atelier de mentorat de 2 semaines.

L'atelier a amélioré mes fondamentaux et m'a familiarisé avec une autre perspective d'observation.

Notre mentor Anudeep a lancé un défi UX Design avec un délai de 48 heures. Et voici comment je peux faire une brève étude de cas sur Google Chrome pour Android.

REFONTE — QU'EST-CE QUI A CHANGÉ ?

Il y avait 2 modifications principales proposées et mises en œuvre. Un changement est visuel et donc facile à repérer, tandis que l'autre changement se produit dans la fonctionnalité d'éléments déjà existants et donc non visible à l'œil nu.

1 ] Nommez les groupes d'onglets

Refonte 1

Ici, nous avons sélectionné un groupe d'onglets et ajouté une fonction d'édition pour nommer les groupes d'onglets. Pour plus de simplicité, nous avons utilisé l'icône d'édition que les utilisateurs connaissent bien et l'avons associée au style de conception d'icône de Chrome.

Nous avons créé un écran d'invite contextuelle, qui deviendra actionnable chaque fois que l'utilisateur souhaite apporter des modifications au nom.

2 ] Déplacer les onglets

Refonte 2

Ici, la zone marquée en rouge est l'endroit où la nouvelle option de glisser est disponible et activée.

Ceci est fait pour aider l'utilisateur à trier et à organiser son onglet de la manière qu'il préfère. Une fois arrangé, cela aiderait l'utilisateur à gagner du temps et à être efficace.

3 ] Impact sur les utilisateurs et l'entreprise

Les onglets et les groupes d'onglets sont une alternative rapide aux favoris dans Chrome Mobile. Et les changements introduits doivent affecter positivement à la fois l'utilisateur et l'entreprise.

✔UTILISATEURS :

Les modifications aident l'utilisateur à économiser du temps et des efforts. Cela les aide à gérer leurs onglets plus efficacement et plus facilement. Les groupes de nommage aident à identifier les onglets plus rapidement et réduisent ainsi le stress mental que les utilisateurs auraient autrement acquis pour se souvenir des choses.

Lorsque les onglets de glissement sont activés, l'utilisateur peut organiser les onglets en fonction de ses besoins et de ses priorités afin d'économiser du temps et des efforts.
Cela réduit également les étapes que l'utilisateur aurait autrement prises d'au moins 3.

✔Entreprise :

Lorsque l'utilisateur ne trouve pas ce dont il a besoin, il est frustré et peut accéder à d'autres applications (appel, msg, notes, insta msg, etc.) pour rappeler les informations.

Cela peut entraîner une perte de TEMPS D'ÉCRAN .

L'utilisateur peut également oublier/reporter sa tâche lorsqu'il navigue sur d'autres applications.

Cela peut réduire les MÉTRIQUES DE RÉTENTION.

Rendre le processus des utilisateurs simple et efficace leur permet d'économiser du temps et des efforts, et contribue ainsi à augmenter la RÉTENTION DES UTILISATEURS .

Pourquoi choisir Google Chrome ?

Les choix effectués étaient fondés sur plus d'une raison.

  • Pour commencer, Chrome est une application largement utilisée et a donc une large base d'audience. Toute amélioration apportée peut aider un grand nombre d'utilisateurs.
  • Deuxièmement, étant donné que Chrome est largement utilisé, il est relativement facile de trouver des personnes à tester. Et ainsi, ils peuvent donner des réponses détaillées, nous aidant à concevoir de meilleures solutions.
  • Troisièmement, je connais moi-même très bien le produit. Et ainsi, cela m'aide à éviter de créer des solutions de conception en double.

La solution est aussi bonne que le problème.

Pour identifier les problèmes, nous avons utilisé le principe 10 de l'heuristique et les avons testés sur les zones spécifiées du produit.

Refonte — Identification du problème

Problème (R1) identifié :

En parcourant le contenu d'un onglet, vous le trouvez utile et souhaitez le prioriser. L'incapacité de contrôler les dispositions des onglets entrave le contrôle et la liberté de l'utilisateur.

Principe heuristique — CONTRÔLE ET LIBERTÉ DE L'UTILISATEUR

Problème (R1) identifié :

Il est de notoriété publique parmi les utilisateurs d'écrans tactiles que nous appuyons longuement et que nous faisons glisser pour changer de position. La même chose manque dans les groupes d'onglets Google - à l'intérieur.

Principe heuristique — FLEXIBILITÉ & EFFICACITÉ D'UTILISATION

Problème (R1) identifié :

L'utilisateur est maintenant très habitué aux pratiques courantes, elles viennent naturellement. Ainsi, lors de la mise en œuvre de pratiques courantes (glisser) sur des éléments éligibles mais ne pas recevoir la réponse prévue, cela rend l'utilisateur frustré

Principe heuristique — MATCH BETWEEN SYSTEM & REAL WORLD

Problème (R2) identifié :

Lorsque vous organisez vos onglets en groupe, vous souhaiteriez qu'ils soient facilement repérables si nécessaire. L'impossibilité de créer/marquer des groupes d'onglets pour avoir une identité distincte minimise le contrôle et la liberté de l'utilisateur.

Principe heuristique — CONTRÔLE ET LIBERTÉ DE L'UTILISATEUR

IDÉATION

Ici, nous avons trouvé quelques solutions aux problèmes que nous avons identifiés. Trié et éliminé quelques-uns avec une méthode d'essai et d'erreur. Et choisir la meilleure solution pour notre problème.

Les contraintes ont été identifiées et définies avant d'identifier les solutions, en fonction de la capacité et de la disponibilité des ressources.

Refonte — Idéation

CÂBLAGE

Les idées ne sont que des rêves à moins qu'elles ne soient mises en pratique.

Ici, nous avons créé des prototypes basse fidélité basés sur les idées que nous avons envisagées.

Un chemin approprié pour les nouveaux changements a été cartographié et leur possibilité d'être implémentée dans le système de produits actuel a été vérifiée via divers croquis.

Après quelques essais, l'idée visualisée dans l'image ci-dessous a été choisie pour servir de base à l'étape suivante.

Accédez au lien vers le prototype basse fidélité, CLIQUEZ ICI

Refonte — Wireframing

PROTOTYPAGE

Dans cette étape, nous avons converti les wireframes basse fidélité en un prototype visuellement agréable et réalisable.

Modifications effectuées

✏️Nous avons ajouté une icône d'édition afin que l'utilisateur puisse nommer les groupes d'onglets en chrome.

✏️Nous avons ajouté un écran contextuel, sur lequel l'utilisateur peut ajouter/modifier le nom. Cette fenêtre contextuelle s'affichera lorsque le bouton Modifier entrera en action

✏️Nous avons ajouté une option de glissement à la barre de groupe d'onglets inférieure

Accédez au lien vers le prototype haute-fidélité, CLIQUEZ ICI

Refonte — Prototypage

TEST UTILISATEUR

La partie la plus importante d'une conception est de la faire tester. Le test montre la réponse et l'intérêt des utilisateurs pour le produit, et aide également à identifier les problèmes des utilisateurs et à les corriger.

Un produit qui n'est pas apprécié par ses utilisateurs est un mauvais investissement.

Trouver un utilisateur

Il est important d'identifier les bonnes personnes avec qui tester votre produit. Ils doivent appartenir au groupe d'audience ciblé.

Étant donné que Google est utilisé par une grande masse de personnes, trouver des utilisateurs pour tester notre produit n'a pas été difficile. Hormis les quelques « Ne me dérangez pas », « Je n'ai pas le temps », nous avons rapidement trouvé utilisateur et observé le résultat.

Tâche pour l'utilisateur

⚡Modifiez le nom d'un groupe d'onglets.
⚡Demandez-leur d'entrer dans le groupe d'onglets et de parcourir n'importe quel onglet.
⚡ Modifiez la position de cet onglet dans le groupe, directement depuis la page sur laquelle se trouve l'utilisateur.
⚡Votre avis concernant les changements.

Ce qu'il faut observer

Observez la rapidité avec laquelle l'utilisateur trouve l'option d'édition et trouve-t-il un problème lors de la réalisation des modifications.
Observez quel choix fait l'utilisateur lorsqu'il essaie de changer la position de l'onglet.
Trouvent-ils le chemin d'un seul coup ?
Est-ce qu'ils se sont perdus ?

Refonte - Notes d'observation des utilisateurs

Connaissances

Vous pouvez toujours apprendre quelque chose de tout le monde et de tout.

Peu importe la popularité ou la diffusion d'un produit - Demandez toujours à l'utilisateur s'il utilise le produit ou s'il connaît ou non le produit.

L'utilisateur peut se retrouver bloqué/trouver un problème avec des éléments préexistants que vous n'avez pas repensés.

COMMENTAIRES

Après avoir analysé les données recueillies auprès de l'utilisateur et les observations que nous avons faites, nous sommes arrivés à la conclusion que d'autres modifications ne sont pas nécessairement nécessaires.

Lorsque l'utilisateur est déjà très clair et satisfait du produit que nous avons conçu, toute autre modification forcée peut affecter négativement le produit.

Cependant, nous avons tout de même apporté une modification mineure au produit. Nous ajoutons "Zoom au survol" à la barre inférieure de l'onglet Groupe.

Redesgn — Hover

Rejoignez-moi sur Linkedin, CLIQUEZ ICI