Détoxifiez votre conception: 8 éléments d'interface utilisateur à éliminer
Votre design commence-t-il à vieillir? Des éléments d'interface utilisateur anciens et obsolètes peuvent rendre un site beaucoup plus daté qu'il ne l'est en réalité.
Ici, nous examinons huit éléments d'interface utilisateur que vous devez éliminer de votre plan de conception. Mais ce n'est pas tout; chaque «non» est accompagné d'une suggestion de modernisation de votre site Web. Nous mettrons ce design à jour en un rien de temps!
1. Boutons «plats»
L'un des plus gros problèmes avec le design plat en général est que tout était, eh bien… plat. Pour certains utilisateurs, cela rendait les éléments difficiles à distinguer et rendait les interactions difficiles. «Presque plat» et «Plat 2.0» sont apparus comme une solution à ce problème, aidant les utilisateurs à mieux trouver et interagir avec les éléments de l'interface utilisateur.
Essayez plutôt ceci: Ajoutez un soupçon d'animation ou un effet de survol pour donner un peu plus d'importance à un bouton plat. Si vous aimez l'aspect plat, envisagez une alternative presque plate ou des options de bouton surdimensionnées plus faciles à trouver et à interagir avec les utilisateurs.
2. Carrousels de texte
Les carrousels et les curseurs peuvent facilement faire l'objet de grands débats entre designers. Leur utilisation et leur bon fonctionnement dépendent souvent en grande partie du contenu qu'ils contiennent.
Les carrousels ou curseurs de texte qui affichent de longues chaînes d'informations ne sont pas très pratiques. Les curseurs qui ne glissent pas d'eux-mêmes et nécessitent un clic ne sont pas particulièrement utiles non plus. Et aucune de ces options n'encourage les utilisateurs à cliquer.
Essayez ceci à la place: si vous souhaitez afficher plusieurs éléments, utilisez cette technique comme affichage pour une poignée de visuels, mais pas comme appel à l'action et ne l'utilisez pas pour des blocs de texte que les utilisateurs sont censés lire en séquence . Placez des éléments d'action ailleurs sur l'écran avec une action directe et facile à comprendre.
3. Liens pour les petits événements
Devoir cliquer (ou appuyer) sur des sites Web pour voir des informations supplémentaires appartient au passé. Les utilisateurs veulent pouvoir voir les informations en un coup d'œil sans perdre leur emplacement initial de navigateur. (Cela est vrai pour les sites Web et les applications.)
Si vous pouvez afficher des informations de manière à ne pas éloigner les utilisateurs de la source d'origine de ces divots, vous devez procéder de cette façon.
Essayez plutôt ceci: Un popover est un petit élément d'interface utilisateur qui se rapporte à un peu de contenu spécifique. Lorsque l'utilisateur active l'action, un élément de style presque notification émerge (puis disparaît également). Les popovers sont l'une des fonctions les plus vendues dans Apple OS X et pour une bonne raison; la fonction fournir sans navigation.
4. Tout ce qui est basé sur le flash
Il n'y a qu'une seule chose à dire à propos de Flash: si vous l'utilisez toujours pour quelque chose sur votre site Web, veuillez arrêter.
Essayez plutôt ceci: HTML5 n'est plus nouveau et offre toutes les fonctionnalités dont vous avez besoin pour lire de l'audio, de la vidéo et d'autres éléments multimédias. (De plus, il fonctionne sur tous les appareils.)
5. Icônes avec longues ombres
Ce dépassement de la tendance du design plat a été assez éphémère. Bien que vous puissiez toujours trouver quelques icônes ou boutons à longue ombre, le style a déjà une apparence datée.
Essayez plutôt ceci: Essayez de créer un bouton en utilisant un style plat avec quelques touches d'ombres ou de texture. Ces effets subtils permettent de «voir» plus facilement qu'un élément est conçu pour interagir avec, tout en conservant une esthétique simple qui ne porte pas atteinte aux autres visuels.
6. Méga menus
Bien qu'un méga menu puisse aider les utilisateurs à naviguer sur un site Web avec beaucoup de contenu, il n'est pas pratique sur les petits appareils. Le problème avec ces menus surdimensionnés est qu'il y a souvent tellement de contenu que l'utilisateur ne sait pas quoi faire ensuite, est dépassé et abandonne le site.
L'autre problème avec les menus énormes est que beaucoup sont conçus pour s'ouvrir en vol stationnaire puis couvrir une grande partie de l'écran. Cela peut créer de la confusion pour les utilisateurs et distraire davantage les utilisateurs de la raison pour laquelle ils sont venus sur votre site ou sont passés au menu en premier lieu.
Essayez plutôt ceci: utilisez des liens internes solides pour guider les utilisateurs à travers des morceaux de contenu connexe. Permettez aux utilisateurs de trouver et de voir facilement des modèles dans la conception pour passer d'un élément ou d'un peu de contenu au suivant.
À l'aide de l'analyse de site, vous pouvez trouver le flux d'utilisateurs et les modèles d'une page à l'autre pour aider à créer des relations de page solides. Si vous ressentez le besoin d'aller plus loin dans la navigation, envisagez un menu coulissant plein écran sur lequel vous avez cliqué intentionnellement et qui peut être masqué tout aussi facilement.
7. Trop d'icônes de médias sociaux
À ce stade, les utilisateurs savent comment partager du contenu sur les médias sociaux - même s'il n'y a pas des dizaines d'icônes fortes sur la page. Toutes ces icônes distraient probablement de votre contenu.
Pire encore, un fort d'icônes de médias sociaux avec toutes les différentes couleurs et formes de différents canaux. Ces icônes tuent votre conception. Il y a de meilleures options.
Essayez plutôt ceci: Ajoutez des boutons de partage de médias sociaux personnalisés à votre en-tête ou pied de page et gardez-les hors du contenu individuel. Concevez-les avec subtilité afin qu'ils ne distraient pas les utilisateurs de la conception et de la raison réelle de la visite de votre site Web.
Ou soyez un peu plus audacieux et envisagez de les abandonner complètement. Plongez dans vos analyses; combien de personnes utilisent réellement les boutons de partage?
8. Animation «fausse»
Les boutons, éléments et autres appels à l'action tournent-ils, sautent-ils ou changent-ils de couleur pour que les utilisateurs les regardent? Ces techniques datent instantanément votre site.
La conception doit attirer les utilisateurs; attention en raison d'une quantité ridicule de mouvement, ne devrait pas.
Essayez plutôt ceci: Concevez des éléments avec intention. Donnez aux utilisateurs un endroit où se concentrer dans la conception. Chaque écran ne doit pas comprendre plus d'un élément exploitable (à l'exception des options de partage sur les réseaux sociaux). Expliquez donc clairement ce que les utilisateurs doivent faire et concevez un élément qui peut les aider à atteindre cet objectif.
Les éléments de style carte sont une bonne option ici. Parce que les conteneurs sont plus grands qu'un bouton standard, ils fournissent beaucoup d'espace et d'informations cliquables. Cela permet aux utilisateurs de trouver et de cliquer facilement sur l'action appropriée. (Et les cartes sont également réactives.)
Conclusion
Faites-vous l'une de ces erreurs d'interface utilisateur sur votre site Web? Des correctifs simples peuvent vous aider à actualiser et à moderniser la conception tout en la rendant plus facile à utiliser.
Assurez-vous de regarder les exemples (et de cliquer sur les liens pour voir comment ils fonctionnent en action) pour voir comment utiliser correctement différents types d'éléments d'interface utilisateur. Et assurez-vous de partager une partie de votre travail avec nous dans la galerie Design Shack.
