Accueil Médias sociaux UX For Dummies Cheat Sheet - mannequins

UX For Dummies Cheat Sheet - mannequins

Vidéo: (Download) The iOS Design Cheat Sheet 2025

Vidéo: (Download) The iOS Design Cheat Sheet 2025
Anonim

Par Kevin P. Nichols, Donald Chesnut

Le monde de la stratégie UX (expérience utilisateur) peut sembler compliqué et difficile à appréhender. Mais quiconque souhaite créer une expérience numérique (que ce soit pour une entreprise locale ou une société nationale) peut tirer parti des meilleures pratiques UX pour s'assurer que l'expérience répond aux besoins de base des utilisateurs. Optimisez l'expérience de l'utilisateur en suivant les phases de conception UX - de la découverte et la définition à la conception et la construction. Enfin, évaluez et affinez votre design afin de garantir une expérience utilisateur optimale.

4 Éléments importants d'une stratégie de conception UX

L'objectif de toute stratégie d'expérience utilisateur (UX) bien conçue est de concentrer la présence Web de l'entreprise sur les besoins de ses clients. Vous y parvenez en intégrant la conception Web, la recherche d'utilisateurs, la planification d'entreprise et l'analyse de données. Rappelez-vous toujours qu'une stratégie de conception UX forte comprend ces quatre parties:

  • Une intention claire et bien définie pour l'expérience, les buts et les objectifs.

  • Documentation définissant les fonctionnalités, la fonctionnalité et le contenu nécessaires pour soutenir les objectifs. Ici, l'utilisateur est équivalent, ce qui signifie que vous devez concevoir votre expérience en fonction des besoins de vos utilisateurs.

  • Un processus de test pour s'assurer que le design fonctionne. La validation est essentielle, alors n'oubliez pas de tester vos conceptions et votre direction tout au long du processus de développement.

  • Planification solide. Good UX connecte les buts et les objectifs d'une entreprise aux besoins des utilisateurs en proposant une expérience que les utilisateurs peuvent bien utiliser. Comment faites-vous? Commencez avec un plan pour ce que vous devez faire.

Conception UX: 8 éléments de la phase de découverte

Pendant la phase de découverte de la conception UX (expérience utilisateur) pour un site Web, vous évaluez l'état actuel de votre UX, si vous en avez un, et les expériences de vos concurrents. Les huit points suivants doivent faire partie de votre évaluation:

  • Effectuez un sondage et définissez qui sont vos utilisateurs ou vos utilisateurs potentiels. Obtenez autant d'informations que possible sur eux. Examinez toutes les recherches existantes sur les utilisateurs, les données relatives aux consommateurs ou aux clients, ainsi que les informations issues des tests effectués par les utilisateurs afin de recueillir des informations sur les personnes qui utiliseront l'expérience.

  • Évaluer les commentaires des utilisateurs ou les analyses afin de déterminer ce qui fonctionne et ce qui ne fonctionne pas dans le cadre de votre expérience actuelle.

  • Réalisez une analyse concurrentielle pour identifier les types de fonctionnalités et de fonctionnalités que vous pouvez proposer à vos utilisateurs. Découvrez ce que les concurrents et leurs utilisateurs font et ne font pas, et faites-le mieux dans votre UX!

  • Passez en revue votre contenu existant et déterminez ce que vous devez en faire, les types de contenu qui raconteront votre histoire et les offres de vos concurrents.Utilisez un inventaire de contenu pour capturer votre contenu ou celui de vos concurrents et superposez-le à un audit pour évaluer l'efficacité du contenu.

  • Si vous avez une expérience actuelle, identifiez les écarts où vous pourriez améliorer l'expérience, les problèmes et les points forts. Utilisez un outil, tel qu'une évaluation heuristique, pour mesurer les performances de l'UX. Une évaluation heuristique est un tableau de bord qui pondère ce qui fonctionne et ce qui ne repose pas sur les meilleures pratiques UX.

  • Passez en revue votre environnement technologique et notez les contraintes (telles que celles que vous avez mises en place pour fournir l'expérience) et les sorties de canal (où il doit vivre).

  • Demandez aux personnes de votre organisation qui ont un intérêt direct dans l'expérience de préciser leurs exigences. Interviewez des représentants de marques, des équipes de marketing, des chefs de produits, des équipes juridiques, des techniciens et toute autre personne devant s'impliquer dans l'UX et la solution ultime.

  • Assurez-vous que toutes les parties prenantes sont d'accord avec la liste finale des besoins, des exigences et des résultats de ce que vous avez appris pendant la phase de découverte.

Conception UX: 5 questions pour la phase de définition

La phase de définition d'une conception UX (expérience utilisateur) définit les buts, les objectifs et la stratégie de l'expérience utilisateur. Au cours de cette phase, vous définissez qui sont les utilisateurs de votre site Web et les exigences qu'ils ont.

Le moyen le plus simple de définir cette information est de prendre les conclusions de la phase de découverte, de voir ce qui fonctionne ou non et d'examiner les lacunes ou les problèmes avec votre expérience existante et / ou celle de vos concurrents. votre entreprise ou votre organisation, puis demandez-vous: «Qu'est-ce que mon expérience doit accomplir? "

Commencez avec un objectif, par exemple" Soyez le site Web le plus compétitif sur le marché ", et définissez un ensemble d'objectifs réalistes et réalisables. Un exemple est "L'expérience va augmenter les recettes globales de 20% au cours des six prochains mois . "Créez une stratégie autour de ce que l'expérience doit faire et répondez aux questions suivantes:

  • Qui? Utilisez personas (outils qui documentent le comportement des utilisateurs) et scénarios utilisateur (outils qui capturent des informations détaillées sur les utilisateurs prototypiques) pour mieux définir vos utilisateurs.

  • Pourquoi? Examinez les besoins de l'utilisateur ou les tâches à accomplir dans l'UX. Utilisez des tâches utilisateur pour détailler les trajets de bout en bout nécessaires à l'utilisateur pour accomplir une tâche. Rappelez-vous, dressez la liste des tâches que vous devez réaliser et encadrez vos déplacements.

  • Quoi? Prévoyez quels appareils ou canaux (ordinateur de bureau, smartphone, tablette, etc.) seront utilisés par l'utilisateur pour interagir avec votre UX. Composez une liste de tous les types d'appareils que l'utilisateur utilisera lors de l'utilisation de l'expérience. Rappelez-vous que vous ne contrôlez pas si un utilisateur utilise un appareil mobile ou un ordinateur de bureau dans la plupart des cas.

  • Où? Prédire où l'utilisateur utilisera le plus probablement l'expérience. Avec la prévalence de la technologie mobile aujourd'hui, le lieu de l'utilisateur pourrait varier.Assurez-vous de capturer et de prendre en compte divers emplacements, comme à la maison, en route vers le magasin, dans le magasin, etc.

  • Quand? À quelle heure de la journée un utilisateur est-il susceptible de participer à l'expérience? Ne pas simplement tracer les temps à une horloge. Tenez également compte des événements et des jours fériés, tels que les anniversaires impliquant des cadeaux, la Saint-Valentin, ou chaque fois que l'utilisateur aurait besoin de se réengager dans l'expérience.

Lorsque vous avez répondu à ces questions, saisissez les informations dans un brief - et assurez-vous d'utiliser cette logique lors de l'élaboration des conceptions de niveau inférieur de l'expérience.

Tenez compte des éléments suivants:

  • Exigences de haut niveau répertoriant les fonctionnalités et les fonctionnalités que vous souhaitez faire connaître à votre UX.

  • Personas pour les utilisateurs représentatifs qui capturent les comportements et les caractéristiques de vos types d'utilisateurs. Au minimum, compléter quatre ou cinq personnes. Esquissez également quelques scénarios d'utilisateur, qui détaillent ce qu'un personnage ferait pour accomplir une tâche.

  • Une liste des tâches utilisateur qui détaille les types de choses que vos utilisateurs doivent accomplir et un parcours utilisateur de haut niveau qui capture les étapes de bout en bout que l'utilisateur va effectuer. Ceux-ci peuvent être étoffés pendant la phase de conception, mais n'oubliez pas de capturer les canaux avec lesquels vos utilisateurs vont s'engager et les types de contenu dont ils auront besoin pour le faire.

  • Une liste des types de contenu préliminaires - par exemple, les communiqués de presse, le contenu de la page d'accueil, le contenu de la page des détails du produit, etc.

  • Un sitemap de haut niveau ou une architecture de haut niveau, qui inclut les domaines principaux de l'expérience regroupés en catégories et sous-catégories.

  • Tableaux d'humeur pour le design visuel, qui définissent l'expérience émotionnelle pour l'UX.

  • Un audit de contenu finalisé qui répertorie les problèmes liés aux expériences ou aux contenus actuels et à l'endroit où le contenu doit être diffusé.

  • Une étude de votre compétition où vous apprendrez dans quels domaines vous pouvez différencier votre expérience utilisateur de vos concurrents.

UX Design: 15 Livrables pour la phase de conception

La phase de conception d'un UX (expérience utilisateur) consiste à concevoir la solution, y compris l'aspect et la convivialité, la fonctionnalité et les spécifications détaillées de l'UX. va effectuer.

Votre phase de conception doit inclure les 15 livrables suivants:

  • Un sitemap détaillé répertoriant les principales catégories d'informations de votre expérience, les sous-catégories relevant des catégories principales et toutes les catégories tertiaires ou supplémentaires. Par exemple: Animaux> Chats> Chats hypoallergéniques.

  • Une liste finalisée des caractéristiques et fonctionnalités. Vous devez tenir compte des types de contenu avec des définitions pour chacun et une description de l'endroit et du moment où les utiliser.

  • Wireframes qui capturent ce qui se passe sur un type de page ou un modèle et le placement des informations.

  • Les modèles de navigation qui vont dans les structures filaires et montrent la navigation (primaire, secondaire et tertiaire) de l'expérience.

  • Stratégie de contenu au niveau de la page qui répertorie les buts et les objectifs des types de page et identifie qui utilisera ces pages.Inclure les types de contenu prioritaires nécessaires pour accomplir et atteindre les objectifs.

  • Matrice de contenu et modèles qui définissent les règles d'utilisation du contenu, depuis les modèles jusqu'à chaque module qui se trouve dans les modèles.

  • Taxonomie (si nécessaire) qui montre la hiérarchie des informations. La taxonomie est utilisée pour créer des schémas de moteur de recherche et de métadonnées.

  • Voyages utilisateur détaillés de bout en bout pour chaque type de tâche.

  • Spécifications fonctionnelles qui détaillent les règles (règles métier et exigences technologiques) pour chaque fil de fer.

  • Consignes visuelles pour la couleur, la typographie et la marque.

  • Comps de conception visuelle (comparables), ou versions finales, qui finalisent l'apparence de l'expérience.

  • Guide de style visuel qui capture les règles pour la conception visuelle, y compris les mesures pour chaque type de page, couleurs, typographie, polices, marges et gouttières et spécifications pour le contenu (images, vidéos, etc.). Inclure un guide de style de contenu dans ce document pour la voix, le ton et les règles d'utilisation du contenu.

  • Cycles de vie du contenu de bout en bout pour chaque type de contenu qui saisit qui fournit le contenu; comment il devrait être acquis, créé, examiné et entré dans un système, tel qu'un SGC; comment il devrait être étiqueté et publié; et comment il devrait être mesuré et optimisé et / ou retiré.

  • Modèle de gouvernance pour la solution globale qui présente un comité de gouvernance et les outils utilisés pour diriger la solution, tels qu'un guide de style visuel.

  • Liste des facteurs que vous souhaitez mesurer et types de métriques que vous utiliserez pour la mesure. Ces facteurs doivent prendre en compte ce que vous voulez que votre expérience réalise.

Pour la navigation, les étiquettes, la nomenclature, les conceptions filaires, les trajets utilisateur et les taxonomies, vous pouvez profiter des tests effectués par les utilisateurs pour valider ce que vous proposez. Utilisez le tri des cartes pour déterminer comment regrouper les informations et les étiqueter. Le tri inverse des cartes (test d'arborescence) peut valider une navigation et une taxonomie après une itération initiale de celui-ci. Utilisez des prototypes cliquables pour tester les wireframes, le placement des informations et la navigation. Vous pouvez également utiliser des techniques de conception participatives pour tester les compositions de conception visuelle.

UX Design: 5 tâches pour la phase de construction

Les équipes de technologie mettent en œuvre la phase de construction d'une conception UX, les concepteurs UX pourraient donc penser qu'il est temps de faire une pause bien méritée. Désolé, mais pendant la phase de construction, vous pouvez toujours créer des livrables, y compris la finalisation de la documentation (comme un guide de style visuel pour l'UX).

De plus, vous pouvez compléter les éléments suivants:

  • Métriques finales que vous souhaitez mesurer, un calendrier indiquant quand et où les données seront collectées et un tableau de bord de création de rapports.

  • Plan de production de contenu (création) et plan de migration, , qui peut inclure une carte pour laquelle le contenu de l'expérience existante migrera vers le nouvel UX et où il devrait aller.

  • Calendrier éditorial qui trace le contenu nécessaire pour soutenir l'expérience future.

  • Un plan de test et des scripts pour tester la solution dans son environnement actuel.

UX Design: la phase d'évaluation et d'optimisation

Lors de la phase d'évaluation et d'optimisation de la conception UX (expérience utilisateur), vous utilisez des métriques et des commentaires des utilisateurs pour évaluer ce que vous avez lancé. Lorsque vous découvrez ce qui fonctionne sur le site et ce qui ne fonctionne pas, vous pouvez faire des recommandations pour les prochaines versions.

Évaluer continuellement votre expérience. UX est un processus continu tant que le site existe. Testez votre expérience tous les trois à quatre mois et mettez-la à jour en conséquence.

La technologie est en constante évolution, alors n'oubliez pas d'évaluer votre UX contre les changements technologiques et les tendances. Prendre un bon coup d'œil sur votre expérience par rapport aux nouvelles technologies qui ont été développées peut vous aider à garder votre UX pertinente pour l'avenir!

UX For Dummies Cheat Sheet - mannequins

Le choix des éditeurs

Valide Versus un document XML bien formé - mannequins

Valide Versus un document XML bien formé - mannequins

En XML, un document valide doit se conformer aux règles de sa définition DTD (Document Type Definition) ou schéma, qui définit quels éléments peuvent apparaître dans le document et comment les éléments peuvent s'imbriquer les uns dans les autres. Si un document n'est pas bien formé, il ne va pas très loin dans le monde XML, donc vous avez besoin de ...

Validation de votre page Web HTML5 - mannequins

Validation de votre page Web HTML5 - mannequins

Peu importe votre précaution, vous faites parfois des bêtises lorsque coder vos pages Web HTML5. Un outil comme un correcteur orthographique pour le code serait génial. Et voilà, il existe un tel outil de vérification de code. Le W3C Markup Validation Service, présenté par les mêmes personnes qui ont élaboré les normes ...

Espacement vertical en HTML - nuls

Espacement vertical en HTML - nuls

Pour le codage du contenu de la page en HTML pour vos pages Web, vous pourriez demander: «Comment puis-je me débarrasser de cet espacement (vertical)? "Entre les paragraphes. Ou, "Comment ajouter un espacement (vertical) entre les éléments de la liste? "D'abord, il sera utile de comprendre d'où vient cet espacement vertical. Espacement vertical en HTML ...

Le choix des éditeurs

Héberger des vidéos Mobile sur YouTube - des nuls

Héberger des vidéos Mobile sur YouTube - des nuls

Pour les webmestres mobiles qui ne veulent pas se démener Sur de nouveaux lexiques de spécifications techniques, l'option la plus simple est de laisser YouTube, représenté sur la figure, faire tout le travail d'hébergement et de diffusion de la vidéo. YouTube rend toutes ses vidéos mobiles conviviales, offrant la meilleure version pour chaque appareil. Lorsque vous téléchargez ...

Sites Web QuarkXPress utiles - mannequins

Sites Web QuarkXPress utiles - mannequins

Les utilisateurs de quarkXPress ont accès à une foule d'informations et de cadeaux liés à QuarkXPress. La prochaine fois que vous êtes en ligne, consultez certains de ces sites QuarkXPress et de publication assistée par ordinateur. Sites XTensions Des centaines de XTensions commerciales pour QuarkXPress sont disponibles pour Mac et Windows; ces XTensions gèrent un large éventail de tâches que QuarkXPress ne peut pas faire. Beaucoup d'informations ...

Activation de User Agent Switcher dans Safari - Témoins

Activation de User Agent Switcher dans Safari - Témoins

Lorsque vous testez un site Web Destiné à l'iPhone et l'iPad sur un ordinateur de bureau, si le script de détection de périphérique sur un serveur reconnaît que vous utilisez un navigateur sur un ordinateur, il ne vous montre pas la version du téléphone. C'est là que l'agent utilisateur entre dans l'image. Safari inclut des fonctionnalités spéciales qui permettent ...

Le choix des éditeurs

Raccourcis vers les centres de commande dans MYOB - mannequins

Raccourcis vers les centres de commande dans MYOB - mannequins

Vous pouvez vous rendre directement au centre de commande de votre choix MYOB. Appuyez sur la touche Ctrl de votre PC tout en appuyant sur l'un de ces chiffres - et vous allez au centre de commande de votre désir! Combinaison de touches Raccourci Résultat Ctrl-1 Centre de commande des comptes Ctrl-2 Centre de commande bancaire Ctrl-3 Centre de commande des ventes Ctrl-4 ...

Rapprochement de votre compte bancaire dans Sage 50 - variables nominales

Rapprochement de votre compte bancaire dans Sage 50 - variables nominales

Avant de commencer un rapprochement bancaire dans Sage 50, vous devez pour vous assurer que vous avez saisi la majorité de vos transactions financières pendant la période de réconciliation. Traditionnellement, les comptables réconcilient le compte bancaire à la fin de chaque mois, une fois qu'ils ont reçu leurs relevés bancaires. Cependant, l'avènement de la banque en ligne ...

Solutions et Knowledge in Salesforce. com Service Cloud - les nuls

Solutions et Knowledge in Salesforce. com Service Cloud - les nuls

En tant qu'agent, vous devez savoir quels outils sont à votre disposition dans Service Cloud pour faciliter votre travail. Plus spécifiquement, Salesforce propose deux outils majeurs de résolution de problèmes pour les clients et les agents de support, Solutions et Knowledge. Quelle est la différence, demandez-vous? Avant de regarder les différences, voici ce qu'elles contiennent ...