Share
Il y a quelque temps, j'ai publié un article décrivant un flux de travail qui soutient et met l'accent sur la pensée centrée sur l'homme dans la conception Web. Dans cet article, nous examinerons les sites Web qui appliquent cette méthodologie et verrons comment la conception centrée sur l'homme a contribué à leur succès..
Tout d'abord, voici un rappel de la manière dont la pensée centrée sur l'homme peut être appliquée au Web..
Passons en revue des sites Web familiers.
Squarespace vise avec succès à rendre le processus de création d’un site Web accessible et esthétique. Ils excellent dans la compréhension des problèmes des acteurs impliqués. Ils fournissent un produit au petit photographe qui construit son portefeuille en ligne, au propriétaire de la boutique en ligne à la recherche d'une plate-forme durable et au développeur expert à la recherche d'un contrôle total. Ils ont examiné les problèmes courants rencontrés lors de la création d’une présence en ligne et ont proposé une solution..
Cette philosophie se reflète dans la conception. La page de destination de Squarespace comprend différentes histoires, chaque site Web ayant une personnalité et un but différents. Au lieu de proposer une solution vierge que l'utilisateur peut personnaliser, ils affichent différents types de personnalisation, ce qui le déclenche plus facilement lorsqu'il découvre les possibilités du produit..
Regardez les captures d'écran ci-dessous et voyez comment elles appliquent le design de manière intelligente..
Squarespace indique aux utilisateurs les différentes étapes à suivre. Faites attention aux options de filtrage pour les modèles. Vous dirigez une entreprise? Un restaurant? Ou cherchez-vous un portefeuille? 
Le tableau de bord permettant de gérer votre site Web est assez simple à comprendre pour tout le monde.. 
Cette page de tarification est logique et montre de manière évidente aux utilisateurs les différences entre les options.. Shopify est un autre bon exemple. Ils ont rendu le processus de création d'un site Web de commerce électronique plus accessible, en tenant les mains de l'utilisateur pendant qu'il prend en charge toutes les étapes nécessaires..
Shopify aide les utilisateurs en simplifiant au maximum les tâches de gestion d'un site Web de commerce électronique.. 
Une des meilleures pages d'annonce que j'ai jamais vues. Concis et structuré. Amener l'art physique dans un espace numérique est un objectif ambitieux. L'équipe Artsy comprend à quel point l'art est très visuel et cela se reflète dans la conception de son site Web..
Pour les experts et les non-experts, il est possible de filtrer les illustrations. Il est possible de filtrer par sujet, support et technique, style et mouvement, prix et catégorie. L'option 'View in Room' est un exemple parfait de pensée de conception centrée sur l'homme.
Artsy propose de nombreuses options de filtrage. 
Le carré dans le coin supérieur gauche de la fenêtre violette donne à l’utilisateur une idée de la taille de son œuvre par rapport à un humain.. 
L'option 'View in Room' donne à l'utilisateur une idée parfaite de la taille d'une œuvre d'art si elle l'achetait.. Ils ont réussi à rendre le même site Web facile à utiliser à la fois pour les experts et ceux qui ont une légère curiosité artistique. Jetez un coup d'oeil et examinez son déroulement et ses choix de conception.
Si vous avez la possibilité de travailler avec une plate-forme prenant en charge le contenu créé par une communauté, penser principalement du point de vue des utilisateurs améliore considérablement votre produit..
De nombreux sites Web considèrent la communauté comme leur principal acteur (Tumblr, Twitter et Instagram, par exemple). Sans utilisateurs, leur modèle d'entreprise n'est rien.
Tumblr explore les moyens de simplifier l'utilisation de leur plate-forme pour les utilisateurs. Cela montre dans la conception de l'interface utilisateur.
Exemple de conception d'interface utilisateur accessible de Tumblr. En outre, il est intéressant de comparer le fonctionnement de Tumblr et Facebook avec les publicités. Beaucoup pensent que Tumblr ne perturbe pas le flux d'utilisateurs avec des publicités autant que Facebook, ce qui peut être autant un choix de conception qu'un choix commercial..
La publicité moins évidente de Tumblr. Ceci est probablement un site Web surprenant à regarder. Même s’il est peut-être obsolète sur le plan visuel, ils ont mis au point le concept de fournir un site Web de commerce électronique et communautaire qui est aimé de millions.
Le développement continu, les offres et le support pour différents types de développeurs ont attiré une grande communauté. Récemment, ils ont ajouté des critiques pour les jeux, facilitant la prise de décisions éclairées lors de l’achat d’un nouveau jeu. Y compris le nombre d'heures passées à une revue de jeu améliore la crédibilité. Ceci est à la fois bénéfique pour les utilisateurs tout en assurant que les critiques de jeu des développeurs sont justes. C'est un petit choix de conception qui influe énormément sur le comportement des utilisateurs en matière de commerce électronique..
Vous pouvez appliquer cette idée à votre prochain site Web de commerce électronique en ajoutant une étiquette au profil de l'utilisateur s'il a acheté le produit après l'avoir examiné..
Bien que Steam soutienne les joueurs, les développeurs ont également la possibilité d’interagir avec la communauté liée à leur jeu, ou avec la communauté Steam dans son ensemble, pour obtenir de l’aide pour leur prochain projet..
Est-ce que #threadpics ou #teestyle vous dit quelque chose? Threadless est un excellent exemple de la manière dont vous pouvez créer un site Web de commerce électronique en mettant l’accent sur la conservation et l’extension d’une communauté, dans le style de Steam..
La conception est simplifiée pour soutenir les acheteurs et les créateurs.
Trouver cet équilibre peut être un défi difficile. Lorsque vous travaillez sur un tel projet, vous pouvez créer un plan de parcours utilisateur pour vous assurer de conserver cet équilibre. Cela mettra en évidence les points faibles potentiels du flux de navigation lorsqu'ils sont incohérents et prêtent à confusion pour le type d'utilisateur ciblé..
Imprimez les conceptions de votre site Web, utilisez un marqueur pour établir des liens réels et réfléchissez à vos décisions en matière de conception. Impliquez réellement les utilisateurs potentiels et laissez-les interagir avec un prototype. Quels commentaires recevez-vous?
La dernière incarnation de Tuts + (dénommé affectueusement "le centre") est le résultat de la centralisation et de l'amélioration des sites Web existants de Tuts + et de la compréhension, une fois encore, des parties prenantes. Ces parties prenantes incluent vous, le lecteur, les auteurs et les annonceurs..
La publication des cours Tuts + est un exemple de la manière dont chaque produit ou service subit un cycle d'apprentissage à chaque publication, en tenant toujours compte des possibilités d'amélioration..
Lorsque vous comparez les sites Web individuels Tuts + et le nouveau hub, vous remarquerez quelques différences. Le nouveau hub est réactif, organisé en sujets pertinents à votre intérêt et fournit une interface plus claire aux lecteurs et aux annonceurs. En tant qu'auteurs, nous avons amélioré la visibilité et la section de publication correspondante nous offre la possibilité de présenter davantage de nos écrits..
Chaque fois que j'examine des sites Web tels que Threadless, Tumblr et Artsy, on me rappelle continuellement qu'il est parfaitement possible de concevoir quelque chose d'incroyable pour tous les types d'utilisateurs, tout en rendant heureux les acteurs non visibles..
Que devriez-vous garder à l'esprit?
Accentsconagua