👨🏼‍💻 ‼️ 😯 Ce qu'il faut analyser avant de concevoir une interface 🤱 🏬 🐭

Il est loin le temps où vous pouviez commencer à dessiner un site Web ou une application. Même l'interface la plus simple nécessite au moins une étape d'analyse primitive. De nombreux concepteurs ont leurs propres méthodes d'analyse, et quelqu'un laisse le soin aux analystes et n'entre pas dans le processus. J'ai longtemps formé mon propre modèle pour cette étape, selon lequel je fais un travail préliminaire pour tout nouveau projet. Cette étape n'est pas une panacée, et au cours du travail, des moments inexpliqués émergent, mais une pensée me terrifie combien d'entre eux auraient pu être sans aucune analyse. Je partage mon modèle et je m'attends à voir vos ajouts dans les commentaires.

Je dois dire tout de suite que cet article ne concerne pas l'analyse métier ou système, mais «l'analyse de conception».

Certains points de mon modèle ne conviennent que lors de la conception d'une nouvelle version d'un site ou d'une application, et non lors de leur création à partir de zéro. Ces articles seront marqués du mot "Refonte". L'analyse convient également pour concevoir l'interface de n'importe quoi - un site Web ou une application. Par conséquent, j'écrirai toujours "Interface", ce qui implique que vous substituez ce dont vous avez besoin.

Trop paresseux à lire, voici un exemple de présentation de ma phase d'analyse .

Demandez au client

Le point le plus logique est de demander au client ce qui existe déjà et à quoi il ne ressemble pas exactement, et surtout pourquoi il ne l'est pas. Même si vous pouvez voir tout de suite que l'interface actuelle est terrible, vous devriez certainement demander pourquoi le client a commencé une refonte. Des moments pas évidents peuvent survenir.

Liste de mes questions standard:

Avez-vous un logo / une identité d'entreprise à suivre? Parfois, il y a un style et un logo, mais le client permet de les négliger. INFA particulièrement utile si le logo est nul.
Que voulez-vous changer dans l'interface et pourquoi? Déterminé avec le front principal du travail.
Qui considérez-vous comme votre principal concurrent? Utile dans les étapes suivantes de l'analyse.
Avez-vous une différence favorable par rapport à vos concurrents? C'est rare, mais il s'avère parfois qu'il y en a vraiment.
Donnez un exemple des interfaces que vous aimez et expliquez pourquoi. Pourquoi c'est très important. Il peut s'avérer que le client n'aime pas le site en général, mais une partie, par exemple, un fond blanc, qu'il associe à la "facilité de conception".
/ ? .
? , , . . .
. ? , - . , , . , .

. / Google Analytics

En tant que véritable patriote et starover, je préfère I. Metrica. Fondamentalement, parce que l'interface Google Analytics est nulle et qu'il n'y a pas de conseiller Web.

Ce que je vois dans Metric:

Conversion . Si des objectifs ont été fixés. Si ce n'est pas le cas, conseillez au client de les installer afin que certaines statistiques soient collectées pendant que vous effectuez les autres étapes.
Cartes . Toutes les cartes, y compris Form Analytics.
Les échecs. Le montant total . À mon avis, cet indicateur, à mon avis, dit peu et n'est nécessaire que pour comprendre sa part dans le paramètre suivant.
. , . : « » , , Covid19, « Covid19. », - , . , .
. , , , .
Statistiques sur les périphériques d'entrée . Il est utile pour prouver au client qu'il a besoin d'une foule. version s'il l'abandonnait soudainement au stade du questionnaire. Il permettra également de comprendre sur quelle autorisation l'utiliser.
Sexe et âge des principaux visiteurs . Utile à l'étape suivante de l'analyse.

Scripts utilisateur

Un de mes points d'analyse préférés. Une étape assez créative qui se distingue des précédentes et sacrément utile. En me mettant à la place de l'utilisateur, je trouve beaucoup d'idées non évidentes, ce qui se traduit souvent par de nouvelles fonctions utiles ou une simplification des fonctions existantes.

Pour créer un script, je crée une carte utilisateur.

Voici en quoi il consiste:

Nom et âge . Basé sur les données de l'étape précédente sur Metrica.
 Problème / objectif . Description des raisons pour lesquelles l'utilisateur a ouvert notre interface.
 Comment je suis arrivé sur le site . Par exemple, j'ai conduit dans Google "Achetez un vaccin de Covid19." Je prends les demandes non pas du plafond, mais de Metric.
 Page de connexion . Sur quelle page l'utilisateur est arrivé dépend beaucoup de son futur chemin. L'utilisateur n'a pas toujours accès à la page principale.
 Appareil . Nous le prenons en fonction de la métrique. Une grande partie de la conception dépend de l'appareil à partir duquel l'utilisateur travaille avec l'interface.
 Action cible souhaitée . Ce que nous voulons déjà obtenir de l'utilisateur. Par exemple, nous voulons qu'il remplisse un formulaire ou clique sur un bouton.

Sur la base de cette carte, j'écris un script.

En quoi consiste le script:

Des objectifs du visiteur décrits dans la carte
À partir d'une évaluation de l'interface actuelle (refonte) . Nous regardons l'interface actuelle et essayons d'en tirer ce qui est écrit dans la carte utilisateur. On note les prises principales.
Des implémentations réussies "vues" . Nous ajoutons au script quelques puces que nous connaissons grâce à l'utilisation d'autres sites.

J'écris des scripts de trois à cinq. J'essaie de décrire: standard; complexe (achat non pas d'un produit, mais de plusieurs et de caractéristiques différentes); non standard (connexion utilisateur avec une page ou un appareil non adapté à l'usage). Et j'ajouterai quelques autres scénarios si je pense que dans une partie de l'essence décrite n'est pas suffisamment divulguée.

Concurrents

Il existe deux réponses classiques à la question des concurrents: «Nous n'avons pas de concurrents»; "Nous sommes en concurrence avec tout le monde." Ni l'un ni l'autre, bien sûr, n'est vrai, vous devez donc creuser plus profondément. Pour cela, la question se trouve dans le questionnaire. Lors de l'analyse des concurrents, je n'écris que ce qui peut être glané d'eux. Cela n'a aucun sens d'écrire les faiblesses. Cela ne nous donnera rien d'utile. J'ouvre les interfaces des concurrents et j'essaie de les utiliser en fonction des scénarios utilisateur. En effet, s'il s'agit d'un véritable concurrent, son public cible est à peu près le même. Pour moi, à quelques reprises, les clients avec une petite ironie dans la voix ont dit quelque chose comme: " Ah, bien, très bien. Je viens de prendre ce que j'ai vu de quelqu'un là-bas et de nous l'appliquer"Au début, c'était ennuyeux, car l'analyse des concurrents n'est qu'une étape parmi tant d'autres et loin de la principale, mais l'impression chez les clients peut être" volée que tout est possible ". Heureusement, cela ne s'est pas produit souvent. Après cela, j'ai spécialement la présentation de l'analyse a été ajoutée par la phrase " Vous pouvez apprendre des concurrents " tout de suite en disant que si nécessaire, alors oui, c'est ce que je prendrai sans hésiter que quelqu'un le fait déjà.

En plus d'analyser les concurrents, j'analyse également les domaines connexes. Par exemple, pour l'interface sur l'alimentation saine, vous pouvez également consulter les interfaces de comptage des calories, qui peuvent parfois être utiles

Carte d'interface

De nombreuses personnes nomment la carte d'interface différemment. Cela peut être appelé une structure, une architecture de l'information, une hiérarchie, un plan de site / d'application ou des termes associés. Une essence - une description de la relation des pages / écrans de l'interface actuelle. Je fais cela afin de comprendre la logique actuelle et en me basant sur celle-ci pour rendre mon plus simple, plus logique et utile pour les utilisateurs. La sortie est de deux cartes: "Tel quel" et "Au besoin".

Exemples de style

Des exemples du futur style d'interface peuvent être réalisés sous forme de captures d'écran d'interfaces dont vous considérez le style approprié pour la tâche en cours. Il est conseillé d'essayer de trouver des exemples sur des sujets identiques ou similaires avec le thème du client. Il sera donc plus facile pour le client de saisir l'essence de ces images. J'ai eu des occasions où il n'y a tout simplement aucun exemple valable dans le sujet et j'ai pris quelque chose de neutre. Mais il faut dire au client que ce n'est qu'un exemple de style (légèreté de l'interface, palette de couleurs, douceur, fabricabilité, etc.), et non 1 en 1, ce qu'il finira par recevoir. Et il est conseillé de trouver des exemples neutres qui ne sont pas en russe afin que le client ne lise pas automatiquement le texte, mais reçoive une impression générale. À ce stade, il est impératif d'amener le client à «pousser un doigt» dans l'exemple du style qu'il aime.Cela est nécessaire pour que dans sa tête il y ait une compréhension claire du style auquel il devrait s'attendre à la fin. Ceci est utile à la fois pour le client et le concepteur, qui prendront moins de temps pour rechercher et simplifier l'étape d'approbation de la conception finie.

Quel est le résultat

À la fin de toutes les étapes, je collecte une présentation dans les présentations Google et la montre au client. Il doit spécifiquement approuver la phase d'analyse, ou s'il y a des nuances, l'approuver avec des commentaires que j'écris et modifier la présentation si elle n'est pas longue, ou envoyer un e-mail avec un lien vers la preza et les commentaires. Si la présentation est complètement passée, vous devez comprendre comment cela s'est produit et en créer une nouvelle. Mais cela ne m'est pas arrivé. Et si cela arrivait, ce serait mieux à ce stade qu'à un stade ultérieur.

Qu'obtenons-nous de la phase d'analyse

Le client est devenu un peu plus clair à quoi s'attendre à la fin;
Le designer a compris comment le faire et pourquoi;
Il est plus facile pour le concepteur d'évaluer la complexité du projet et de donner des délais presque exacts ;
Il est plus facile pour le concepteur et le client de passer / accepter le résultat;
Le projet sera plus réfléchi et c'est bien.

Ce qu'il faut analyser avant de concevoir une interface