Steven Spielberg a dit une fois: "Si une personne peut me dire l'idée en 25 mots ou moins, ça va faire un très bon film." Il faisait allusion à la notion que les meilleurs films "blockbuster" de masse sont capables d'énoncer succinctement leur concept ou leur prémisse en une phrase courte, telle que Jaws («Il s'agit d'un requin terrorisant une petite ville») et Toy Story des jouets qui prennent vie quand personne ne regarde »)
Et si c'était la même chose pour les sites Web? Les sites qui expliquent leur «concept» d'une manière simple ont-ils une meilleure idée de l'attrait massif auprès des utilisateurs? Si nous regardons la mise en page super simple de la page d'accueil de Google, par exemple, elle donne aux utilisateurs un message clair sur son concept, ainsi que sur l'affiche du film :
Consciente de l'importance de ' high-concept 'nous permet, en tant que concepteurs, de vraiment nous concentrer sur les impressions initiales de l'utilisateur. Prendre le temps de définir réellement ce que vous voulez que votre «concept haut» soit avant même de commencer à concevoir peut vraiment vous aider à vous orienter vers la bonne expérience utilisateur
Qu'est-ce que la théorie du concept élevé signifie pour le design UX? Donc, prenons cela au sérieux et voyons-le d'un point de vue UX Design. Il va de soi que si vous pouvez expliquer le «concept» ou le but de votre site d'une manière simple, vous abaissez la charge cognitive sur les nouveaux utilisateurs quand ils essaient de le comprendre et, ce faisant, vous augmentez considérablement vos chances de
Les parallèles entre la théorie du "High-Concept" et les meilleures pratiques de UX Design sont clairs. Les publics de blockbuster préfèrent des concepts simples faciles à rapporter présentés de manière simple. Les utilisateurs Web préfèrent souvent une conception UI (User Interface) plus simple et facile à digérer, des mises en page propres et sans encombrement.
Quel que soit votre message, le présenter de manière simple est essentiel au succès de votre site. . Mais, qu'en est-il du message lui-même? Comprendre si votre message est suffisamment «high-concept» pourrait aussi être crucial pour le succès du site.
Quel est le concept de «high-concept» dans le monde en ligne?
Qu'entendons-nous quand nous disons «haut»? -concept'? Pour les films, c'est simple – c'est le sujet du film, l'histoire de base qui peut être facilement mise en une seule phrase, par ex. Jurassic Park parle "d'un parc à thème où les dinosaures sont ramenés à la vie".
Quand on regarde "high-concept" sur un site web, ça peut vraiment s'appliquer à n'importe quoi: une mission déclaration, une offre de service, ou même une nouvelle ligne de produits. C'est simplement le message principal que vous souhaitez partager via votre site. Si nous appliquons la théorie du «haut concept», cela nous indique que nous devons nous assurer de transmettre ce message de manière simple et succincte.
Que se passe-t-il si vous le faites correctement?
Pourquoi le «concept haut» est-il si important? Quels sont les avantages de présenter un design UX «haut de gamme»? Une des erreurs que nous rencontrons souvent dans UX Design se concentre sur les spécificités des tâches utilisateur et oublie l'importance critique des opinions initiales. En d'autres termes, nous nous concentrons sur la façon dont les utilisateurs vont interagir avec un site une fois qu'ils ont choisi de s'engager avec lui et manquer le processus de prise de décision qui vient avant tout. Prendre en considération le «concept élevé» nous permet de nous concentrer sur cette étape initiale.
La prémisse de base à considérer est que nous nous engageons mieux avec les choses que nous comprenons et avec lesquelles nous nous sentons à l'aise. Veiller à ce que votre site présente son message dans un simple «haut concept» facilitera l'engagement initial de l'utilisateur. Cet engagement initial est le précurseur critique de toutes les bonnes choses qui suivent: les ventes, l'interaction, et un meilleur taux de conversion.
Combien de concept est trop concept?
Le vrai truc consiste à déterminer la complexité de vos utilisateurs peut gérer confortablement quand il s'agit de positionner votre message. Vous devez vous concentrer d'abord sur la présentation d'informations de haut niveau plutôt que de bombarder les utilisateurs avec tout ce qui est nécessaire. Ne donnez aux utilisateurs que le niveau de compréhension dont ils ont besoin pour interagir d'abord avec votre site et les amener plus loin dans le voyage en divulguant plus de détails au fur et à mesure.
Netflix fait un excellent travail. La vue initiale des nouveaux utilisateurs est présentée sur l'écran de la page d'accueil avec son super concept – «nous faisons du contenu vidéo» une fois que les utilisateurs se sont engagés avec cette prémisse qu'ils sont plus loin dans la proposition – plus d'informations sont divulguées, prix, processus
Netflix: «Il vous permet de regarder des émissions et des films n'importe où.» ( Grand aperçu ) Quand vous décidez comment mettre en page le site,
Un autre facteur critique à prendre en compte est lorsque vous choisissez d'introduire votre «concept haut» initial à vos utilisateurs. . Il est essentiel de se rappeler à quel point il est rare que les utilisateurs suivent un parcours linéaire simple et agréable à partir de votre site, en commençant par la page d'accueil. La réalité est que les voyages d'utilisateurs organiques commencent parfois avec les résultats de recherche. Par conséquent, l'interaction réelle avec votre site commence sur la page la plus pertinente pour la requête de l'utilisateur. Dans cette optique, il est essentiel de prendre en compte la manière dont le site de votre site apparaît aux utilisateurs sur les pages d'entrée clés de votre site, quel que soit leur emplacement dans la hiérarchie.
Un autre point important à prendre en compte Dans de nombreux cas, les utilisateurs jugeront si vous souhaitez interagir avec vous avant même qu'ils atteignent votre site. Si la première fois que vous présentez votre concept aux utilisateurs via une publicité sur Facebook ou une campagne par e-mail, la mise en œuvre est radicalement différente. Cependant, la théorie devrait être la même, c'est-à-dire vous assurer de présenter votre message dans le style «haut concept» de cette phrase simple avec les utilisateurs potentiels.
Comment communiquer votre concept haut
Jusqu'ici, nous avons a parlé de la façon dont les messages «à haut concept» peuvent augmenter l'engagement – mais comment le faisons-nous? Premièrement, concentrons-nous sur les méthodes évidentes telles que la formulation que vous utilisez (ou n'utilisez pas).
Avant même de commencer à concevoir, asseyez-vous et concentrez-vous sur ce que vous voulez que soit la prémisse de votre site. De là, dessinez vos straplines ou rubriques pour refléter cette prémisse. Assurez-vous de vous fier à la hiérarchie du contenu, utilisez vos en-têtes pour résoudre le problème et n'enterrez pas les messages essentiels à la compréhension de votre corps.
Voici un bel exemple de Spotify . Ils parviennent à positionner leur service selon un concept de haut niveau grâce à une combinaison simple et épurée d'images et de mots:
Spotify: "Il vous permet d'écouter de la musique en abondance." ()
Libellé de phrase unique
Il est essentiel d'être aussi concis que possible: plus votre message est court, plus il devient lisible. Le véritable équilibre consiste à décider où tracer la ligne entre trop peu pour donner suffisamment de compréhension et trop pour le rendre facilement lisible.
Si nous prenons l'exemple de Google Drive – c'est une question relativement complexe service, mais il est présenté dans un concept de base très basique – d'abord une seule phrase qui suggère la sécurité et la simplicité:
Ensuite, le prochain niveau de site atterrit juste un peu plus du concept de service toujours en une phrase simple de moins de 25 mots (Spielberg serait heureux):
Google Drive: "Un endroit où vous pouvez stocker en toute sécurité vos fichiers en ligne." ( Grand aperçu )
Explainer Videos
Cela ne s'arrête pas à votre formulation, car il y a une myriade d'autres éléments sur la page que vous pouvez exploiter pour obtenir votre concept. La vidéo explicative est utilisée avec grand succès par Amazon pour présenter aux utilisateurs le concept d'Amazon Go. En réalité, il s'agit d'un essai technique très complexe d'apprentissage automatique, de reconnaissance visuelle par ordinateur et d'IA (intelligence artificielle) pour réinventer l'expérience d'achat. Comme il est simplement encadré sur le site, il peut être expliqué de manière «high-concept».
Amazon donne aux utilisateurs une seule phrase et, surtout, fait de toute la section d'en-tête une simple vidéo expliquant le service. ] Amazon Go: "Un vrai magasin de la vie sans caisses." ( Grand aperçu )
Imagerie
Les images que vous utilisez peuvent être utilisées pour transmettre rapidement et simplement des messages puissants sur votre concept sans avoir à compliquer votre interface avec d'autres éléments. Save the Children utilise l'imagerie à grand effet pour montrer rapidement aux utilisateurs l'importance critique de leur travail sans doute mieux que ce qu'ils pourraient jamais avec des mots.
Sauvez les enfants … "Ils sont une charité qui aide les enfants . "( Grand aperçu )
Font and Color
Il est essentiel de considérer chaque élément de votre site comme un mécanisme potentiel pour vous aider à communiquer votre objectif à vos utilisateurs, à travers la police ou les choix de couleurs. Par exemple, plutôt que d'avoir à dire explicitement aux utilisateurs que votre site s'adresse à des universitaires ou à des enfants, vous pouvez créer votre interface utilisateur pour montrer cela.
Les utilisateurs ont des modèles mentaux existants auxquels vous pouvez faire appel. Par exemple, les couleurs vives et les polices enfantines suggèrent que le site est destiné aux enfants, les fontes serif et l'utilisation limitée des couleurs suggèrent souvent un sujet beaucoup plus sérieux ou académique. Par conséquent, quand il s'agit d'atterrir le concept de votre site, considérez ceux-ci comme des alliés importants pour communiquer avec vos utilisateurs sans avoir à compliquer votre message.
Legoland: "Un grand parc à thème Lego pour les enfants." aperçu )
Design Affordance
Jusqu'à présent, nous nous sommes concentrés principalement sur l'utilisation de la messagerie pour communiquer le concept aux utilisateurs. Pourtant, que se passe-t-il si le but principal de votre page est simplement d'amener les utilisateurs à interagir avec un élément spécifique? Par exemple, si vous offrez une sorte d'outil? Si c'est le cas, montrer l'interface de cet outil est souvent le meilleur moyen de communiquer son but aux utilisateurs.
Cela rejoint le concept de 'Design Affordance' – l'idée que la forme d'un design devrait communiquer son but. Il va de soi que parfois la meilleure façon de dire aux utilisateurs à propos de votre outil simple avec une interface facile à utiliser – est de leur montrer cette interface.
Si l'on regarde Airbnb une grande partie du concept Airbnb est l'outil en ligne qui permet la recherche et la visualisation des résultats; ils l'utilisent avec beaucoup d'effet sur cette conception de page de destination en affichant la vue de saisie de données pour cette recherche. Montrer aux utilisateurs à quel point il est facile de chercher tout en leur présentant un message simple sur le concept Airbnb
Airbnb: "Il vous permet de louer des maisons pour des voyages." ( Grand aperçu )
Comment tester vous avez atterri
Maintenant que vous avez conçu votre site et vous êtes heureux qu'il présente son concept presque aussi bien qu'un blockbuster des années 80 – mais comment pouvez-vous valider cela? Il serait bon de vérifier les choses au cours de quelques recherches approfondies en laboratoire, mais en réalité, vous aurez rarement l'occasion de le faire et vous vous ferez dépendre de méthodes plus «guerilla». [19659006] L'une des méthodologies les plus simples et les plus efficaces pour vérifier la «haute définition» de votre site est le test «5 secondes» ou «coup d'œil». Le test simple consiste à montrer à quelqu'un le site pendant 5 secondes, puis à le cacher de la vue. Ensuite, les utilisateurs peuvent ensuite se poser des questions sur ce qu'ils peuvent rappeler sur le site. L'idée étant qu'en 5 secondes ils n'ont que l'occasion de voir ce qui est immédiatement évident.
Voici quelques exemples de questions à poser pour avoir une idée de la façon dont le concept de votre site se présente:
Rappelez-vous le nom du site que vous venez de voir?
Selon vous, quel est le but de la page que vous venez de voir?
Était-ce évident que le site que vous venez de voir proposait? le site que vous venez de voir?
Utiliser ce test avec un nombre décent de personnes qui correspondent à vos utilisateurs cibles devrait donner un aperçu très utile de la façon dont votre design traduit le but de votre site et si vous avez réussi à atteindre
Tout mettre en pratique
Essayons de mettre en pratique toutes ces connaissances dans le monde réel? Pour ce qui est de prendre cela et de le transformer en une approche pratique, j'essaie de suivre ces étapes simples pour chaque projet:
Viser le concept haut Lorsque vous établissez le but de tout nouveau site (ou page ad) essayez de le résumer en un «High-Concept» unique, simple et global.
Ecrivez-le Documentez ce que vous voulez que ce concept clé soit en 25 mots ou moins.
Refer Back Renvoie constamment à ce concept tout au long du processus de conception. De la sélection de vos polices et couleurs à l'élaboration de votre contenu – assurez-vous que tout cela prend en charge ce High-Concept que vous avez noté
Testez-le Une fois terminé, utilisez le test de 5 secondes des utilisateurs et de comparer leurs pensées initiales à votre High-Concept initial. Si elles corrèlent, alors génial, sinon revenez à l'étape 3 et essayez encore.
Dans cet article, nous avons discuté de la règle simple de faire des films à succès, et nous avons appliqué cette sagesse à la conception web. Pas de rebondissement de choc – juste du bon sens. La première fois que quelqu'un entre en contact avec votre site Web, il est essentiel de réfléchir à ce que vous voulez que le message initial soit. Si vous voulez attirer l'attention du marché de masse, élaborez-le dans un message de "haut concept" dont Spielberg lui-même serait fier!
(ah, ra, yk, il) 
