Cinq éléments de l'expérience utilisateur : 1. Les besoins des utilisateurs, ce que les utilisateurs et les opérateurs souhaitent respectivement obtenir de ce produit ; 2. Les fonctions de portée, quelles sont les fonctions de ce produit ; 3. La conception des processus, qui peut être divisée en deux catégories : conception d'interaction et architecture de l'information La conception d'interaction décrit en grande partie le « comportement possible de l'utilisateur » et l'architecture de l'information se concentre sur la façon d'exprimer les informations aux utilisateurs. 4. Conception de prototypage, en décidant où les éléments interactifs tels qu'une section ou un bouton doivent être placés sur le site ; page ; 5. La conception de perception est la réunion du contenu, de la fonctionnalité et de l'esthétique pour produire une conception finale qui répond à tous les autres objectifs.
L'environnement d'exploitation de ce tutoriel : système Windows 7, ordinateur Dell G3.
L'expérience utilisateur (UE/UX en abrégé) est un sentiment purement subjectif établi par les utilisateurs dans le processus d'utilisation d'un produit. Mais pour un groupe d’utilisateurs bien défini, les points communs dans l’expérience utilisateur peuvent être reconnus grâce à de bonnes expériences de conception. Le développement de la technologie informatique et d'Internet modifie la forme de l'innovation technologique. L'expérience utilisateur est donc considérée comme l'essence du modèle Innovation 2.0.
Quels sont les cinq éléments de l'expérience utilisateur ? Que faut-il obtenir dans ce produit ?
Ce que les utilisateurs veulent obtenir, ce sont des « besoins des utilisateurs », qui sont des besoins extérieurs à l'entreprise ou à l'équipe. Afin de déterminer les besoins des utilisateurs, il faut d'abord déterminer l'utilisateur cible du produit. Pour déterminer les utilisateurs cibles d'un produit, il y a les étapes suivantes :
1) Segmentation des utilisateurs : Divisez les utilisateurs en petits groupes ayant des besoins communs (données démographiques, profils de mentalité de consommation, etc. 2) Recherche d'utilisateurs : Know Who) ; sont les utilisateurs (questionnaires, entretiens, sorties sur le terrain, groupes de discussion, tri de cartes, etc.) ;3) Personas : Extraire des personnages virtuels issus de recherches d'utilisateurs qui peuvent devenir des exemples.
En utilisant les méthodes ci-dessus, les besoins des utilisateurs peuvent être déterminés et le contenu stratégique du produit peut être déterminé. Ce que l'opérateur souhaite atteindre, c'est « l'objectif commercial », qui est une demande au sein de l'entreprise. Il peut s'agir d'un objectif de nombre d'utilisateurs, d'un objectif de promotion de la marque ou d'un objectif de profit. Bref, ce que le patron ou l’équipe souhaite obtenir appartient aussi au niveau stratégique.
2. Portée
La couche de portée fait référence aux fonctions de ce produit et à ce que ce produit peut faire.Lorsque vous traduisez les besoins des utilisateurs et les objectifs du site Web en type de contenu et de fonctionnalités que le site Web doit fournir aux utilisateurs, la stratégie devient une portée. Selon le contenu spécifique de la couche de portée, les produits peuvent être divisés en deux catégories : le type d'outil et le type de contenu, ou certains produits sont les deux.
Pour les produits de type outil, les spécifications fonctionnelles doivent être prises en compte et la combinaison fonctionnelle du produit doit être décrite en détail. Le langage de description des spécifications fonctionnelles doit être : optimiste, spécifique et objectif.
Optimisme : Ce qu'il faut éviter, pas ce qu'il ne faut pas faire. Par exemple : le forum ne permet pas aux utilisateurs non connectés de parler -> Si l'utilisateur n'est pas connecté lorsqu'il parle, le système doit guider l'utilisateur pour qu'il se connecte et revienne
Spécifique : expliquez aussi clairement ; que possible. Par exemple : les discours du forum doivent filtrer les mots sensibles -> les discours contenant des mots en pièces jointes doivent être remplacés par *, et le vocabulaire peut être mis à jour
Objectif : éviter le ton subjectif ; Par exemple : le style de l'interface doit être à la mode -> L'apparence du produit doit être conforme aux directives de l'entreprise en matière d'IA.
Les produits basés sur le contenu doivent prendre en compte les exigences de contenu et décrire en détail les exigences relatives aux divers éléments de contenu. Le contenu peut inclure du texte, des images, de l'audio, de la vidéo, etc. Après avoir déterminé le contenu à fournir par le produit, le contenu doit être hiérarchisé en fonction des besoins des utilisateurs, des objectifs du produit (contenu stratégique) et de la faisabilité. Pendant le fonctionnement du produit, les travaux quotidiens d'exploitation et de maintenance doivent être organisés et la fréquence des mises à jour du contenu doit répondre aux attentes des utilisateurs. Par conséquent, la maintenance du contenu doit être organisée en fonction d’objectifs stratégiques. Par exemple : à quelle fréquence attendez-vous que les utilisateurs vous visitent ? À en juger par les besoins des utilisateurs, à quelle fréquence ils souhaitent des mises à jour. De plus, des contenus présentant des caractéristiques différentes doivent être préparés en fonction des différents utilisateurs.Après avoir collecté et hiérarchisé les besoins des utilisateurs, vous devez combiner ces éléments dispersés en un tout. Il s'agit de la couche structurelle : créer la relation entre les fonctions et le contenu du produit.
La couche structurelle est divisée en deux parties principales : la conception d'interaction et l'architecture de l'information.
Le design d'interaction consiste à : décrire les "comportements possibles des utilisateurs" et définir "comment le système coopère et répond" à ces comportements des utilisateurs. Ne laissez pas les utilisateurs s'adapter au produit, mais laissez le produit et les utilisateurs s'adapter les uns aux autres et prédire les prochaines étapes de chacun.
L'architecture de l'information consiste : à se concentrer sur la manière d'exprimer les informations aux utilisateurs, à se concentrer sur la conception de structures de classification organisationnelle et de navigation pour faciliter la recherche des utilisateurs.
La conception d'interaction doit inclure au moins des modèles conceptuels et une gestion des erreurs.
Il existe deux systèmes de classification pour l'architecture de l'information : de haut en bas et de bas en haut. Sa structure peut avoir une structure hiérarchique, une structure matricielle, une structure naturelle et une structure linéaire. D’une manière générale, les sites Web sont une combinaison des structures ci-dessus, avec une structure comme structure principale et d’autres structures comme suppléments.
1) La structure hiérarchique
est également appelée structure arborescente ou structure en étoile, c'est-à-dire qu'il existe une relation parent/enfant entre les nœuds et d'autres nœuds associés. Cette structure est la plus courante.
2) La structure naturelle
ne suit aucun modèle cohérent et convient pour explorer une série de sujets aux relations floues ou en constante évolution, comme certains sites de divertissement qui encouragent les utilisateurs à explorer librement. Mais si l’utilisateur doit s’appuyer sur le même chemin pour retrouver le même contenu la prochaine fois, cela ne convient pas.
3) La structure matricielle
aide généralement les utilisateurs ayant des besoins différents, afin qu'ils puissent trouver ce qu'ils veulent dans le même contenu, par exemple : les utilisateurs peuvent choisir de parcourir les produits par couleur ou par taille.
4) La structure linéaire
est souvent utilisée pour les structures à petite échelle, telles que des articles ou des sujets uniques ; les structures à grande échelle sont utilisées pour les applications qui limitent l'ordre du contenu qui doit être présenté pour répondre aux besoins des utilisateurs.
4. Calque de cadre (squelette)
Le calque de cadre détermine l'endroit où les éléments interactifs tels qu'une section ou un bouton doivent être placés sur la page. Un grand nombre d'exigences ont été formées dans la couche structure. Dans la couche cadre, nous devons affiner davantage ces exigences et déterminer l'apparence détaillée de l'interface, la navigation et la conception des informations pour rendre la structure obscure réelle.
Lors de la conception de contenu au niveau du framework, nous devons suivre deux principes : suivre les habitudes d'utilisation quotidiennes des utilisateurs et utiliser de manière appropriée les métaphores dans la vie.
La couche framework comprend trois aspects : la conception de l'interface, la conception de la navigation et la conception de l'information.
La conception de l'interface offre aux utilisateurs la possibilité de faire certaines choses. Lors de la conception d’une interface, choisissez les éléments appropriés afin que les utilisateurs puissent voir les éléments les plus importants en un coup d’œil.
La conception de la navigation offre aux utilisateurs la possibilité d'aller quelque part. Lors de la conception de la navigation, vous devez fournir des méthodes de saut entre les pages Web, transmettre la relation entre les éléments et le contenu et transmettre la relation entre le contenu et les pages.
La conception de l'information consiste à communiquer des idées aux utilisateurs. La conception de l'information est le regroupement de divers éléments de conception pour refléter la pensée des utilisateurs et soutenir leurs tâches et leurs objectifs. Y compris les aspects visuels, de regroupement et autres.
5. Couche de présentation (Surface)
La couche de présentation est tout ce que l'utilisateur peut voir, la taille de la police, la couleur de la navigation et le sentiment général. À ce niveau, le contenu, la fonctionnalité et l’esthétique s’unissent pour produire une conception finale qui répond à tous les objectifs des autres niveaux.
Les conceptions d'interface réussies ont deux caractéristiques :
1) Elles suivent un chemin fluide. Les utilisateurs se sentent fluides lors de la navigation et ne seront pas gênés.
2) Fournissez aux utilisateurs des « conseils » possibles pour des choix efficaces sans les effrayer avec trop de détails.
Pour plus de connaissances connexes, veuillez visiter la rubrique FAQ !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!