Contenu
- Conception pour le message et le contexte
- 01. Pâte électrique
- 02. MailChimp
- 03. Faire
- 04. Petsafe
- 05. Gras
Il y a une tonne de débats sur le «pli» dans la conception de sites Web. Si vous n'en avez jamais entendu parler auparavant, le terme renvoie aux journaux et à la manière dont ils sont pliés. Il est important de placer vos meilleurs titres au-dessus du pli pour encourager les consommateurs à acheter le journal.
Ce principe a été appliqué à l’écran avec un contenu important placé «au-dessus du pli». Cependant, je ne pense plus vraiment à ça comme ça. Je pense aux écrans et, en particulier, au nombre de tailles d'écran différentes. Je me fie à ce que j'ai toujours fait, c'est-à-dire à penser d'abord au message pour lequel je conçois et au contexte dans lequel je le place. Le défilement est OK. Il peut être utilisé d'une manière formidable pour aider à transmettre votre message.
Conception pour le message et le contexte
Un site Web doit faire beaucoup de choses: il doit communiquer une marque, aider les utilisateurs, vendre aux utilisateurs, faire la promotion croisée des détails sous-jacents, etc. Lors de la conception d’un message, l’astuce consiste à établir et à maintenir l’objectif principal du site.
À travers toutes les réunions de conception de site Web et les demandes des clients, c'est notre travail en tant que concepteurs de nous concentrer sur le message ou la mission principale du site Web et de nous assurer que c'est ce que la personne qui le visite peut découvrir facilement. Ce n’est pas toujours facile avec tout ce qui se passe dans un projet de conception. Ajoutez tous ces écrans dont nous devons tenir compte et cela devient encore plus compliqué.
Pour créer quelque chose de simple et qui fonctionne à merveille, commencez par déterminer quel est le message ou la mission principale et assurez-vous qu'il s'agit bien de l'élément central de votre conception. Ensuite, bien sûr, assurez-vous qu'il est visible sur une variété de tailles d'écran, sur une variété d'appareils.
Découvrez ces exemples de sites qui pensent au-delà du pli.
01. Pâte électrique
La page d'accueil de la société de conception Web Electric Pulp suit une approche de conception minimale. Son message de marque est facilement accessible et vous permet de faire défiler pour plus de détails. Il met même une petite flèche sous sa copie pour que vous sachiez faire défiler. Tout est question de contexte.
02. MailChimp
Sur la page d'accueil de l'application de marketing par e-mail pour MailChimp, quelle que soit la largeur de l'écran sur laquelle vous l'affichez, le bouton "Envoyer un meilleur e-mail" et le bouton d'inscription sont évidents.
03. Faire
Le site Web de l'application de gestion de projet Do vous demande d'explorer les fonctionnalités ou de vous inscrire. Il garde ces options facilement visibles et empêche trop de défilement vers le bas pour plus d'informations sur sa conception.
04. Petsafe
Le site de commerce électronique de produits pour animaux de compagnie Petsafe veut s'assurer que vous savez qu'il propose la livraison gratuite, afin de le garder visible à travers différentes largeurs d'écran.
05. Gras
Le site Web de la société de conception Web Bold garantit que le message et le logo sont les premiers éléments que vous obtenez, quelle que soit la taille de l'écran.
Mots: Gene Crawford
La mission de Gene Crawford est de travailler sans relâche pour fournir inspiration et perspicacité aux développeurs. Cet article a été initialement publié dans le numéro 247 du magazine net.