Votre design commence-t-il à paraître vieux? Des éléments d'interface utilisateur anciens et obsolètes peuvent donner l'impression qu'un site est beaucoup plus daté qu'il ne l'est réellement.
Nous examinons ici huit éléments d'interface utilisateur que vous devriez éliminer de votre plan de conception. Mais ce n'est pas tout; chacun? pas? vient avec une suggestion pour moderniser votre site web. Nous aurons cette conception à jour en un rien de temps!
1.? Plat? Boutons
L'un des plus gros problèmes avec le design plat en général est que tout était, et bien? appartement. Pour certains utilisateurs, cela rendait les éléments difficiles à distinguer et les interactions difficiles. ? Presque plat? et? Appartement 2.0? est apparue comme une solution à ce problème, permettant aux utilisateurs de mieux trouver et d’interagir avec les éléments de l’interface utilisateur.
Essayez ceci à la place: Ajoutez une touche d'animation ou un effet de survol pour donner un peu plus d'importance à un bouton de style plat. Si vous aimez le style plat, envisagez une option presque plate ou des options de bouton surdimensionnées plus faciles à rechercher et à utiliser pour les utilisateurs.
2. Carrousels de texte
Les carrousels et les curseurs peuvent facilement faire l’objet de grands débats entre concepteurs. Leur utilisation et leur bon fonctionnement dépendent souvent beaucoup du contenu qu’ils contiennent.
Les carrousels de texte ou les curseurs qui affichent de longues chaînes d'informations ne sont pas très pratiques. Les curseurs qui ne glissent pas seuls 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 non comme appel à l'action et ne l'utilisez pas pour les blocs de texte que les utilisateurs sont supposés lire en séquence. Placez les é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 toucher) sur les sites Web pour afficher des informations supplémentaires appartient au passé. Les utilisateurs veulent pouvoir voir les informations en un coup d'œil sans perdre l'emplacement de leur navigateur initial. (Ceci est vrai des sites Web et des applications.)
Si vous pouvez afficher les informations de manière à ce que les utilisateurs ne s'éloignent pas de la source d'origine de ces divots, procédez de la manière suivante.
Essayez ceci à la place: Un popover est un petit élément d'interface utilisateur qui concerne un contenu spécifique. Lorsque l'utilisateur active l'action, un élément de style quasi-notification apparaît (puis disparaît également). Les popovers sont l’une des fonctions vantées de Apple OS X et pour cause; la fonction fournir sans navigation.
4. Tout ce qui est basé sur le flash
Il n’ya qu’une chose à dire à propos de Flash: si vous l’utilisez toujours pour votre site Web, arrêtez-vous.
Essayez ceci à la place: HTML5 n'est plus nouveau et fournit 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, cela fonctionne sur tous les appareils.)
5. Icônes avec de longues ombres
Cette tendance de la conception à plat a été de courte durée. Bien que vous puissiez toujours trouver quelques longues icônes ou boutons d’ombre, le style a déjà une apparence datée.
Essayez ceci à la place: Essayez de créer un bouton en utilisant un style plat avec quelques relents d’ombre ou de texture. Ces effets subtils le rendent facile à voir. qu’un élément est conçu pour être interagi avec, tout en gardant une esthétique simple qui ne porte pas atteinte aux autres visuels.
6. Méga Menus
Un méga menu peut aider les utilisateurs à naviguer sur un site Web avec beaucoup de contenu, mais ils ne sont pas pratiques sur des appareils plus petits. 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, est submergé 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 semer la confusion chez les utilisateurs et détourner davantage les utilisateurs de la raison pour laquelle ils sont venus sur votre site ou ont été déplacés dans le menu.
Essayez ceci à la place: Utilisez des liens puissants sur le site pour guider les utilisateurs à travers des éléments de contenu associé. Facilitez la recherche et la visualisation des motifs dans la conception pour permettre aux utilisateurs de passer d’un élément ou d’un élément de contenu à l’autre.
À l'aide de l'analyse de site, vous pouvez rechercher des flux d'utilisateurs et des modèles d'une page à l'autre afin de créer des relations solides entre les pages. Si vous ressentez le besoin de naviguer en grand, considérez un menu coulissant plein écran sur lequel vous cliquez volontairement et que vous pouvez masquer tout aussi facilement.
7. Trop d'icônes de médias sociaux
À ce stade, les utilisateurs savent comment partager du contenu sur les réseaux sociaux, même s’il n’ya pas des dizaines d’icônes fortes sur la page. Toutes ces icônes sont susceptibles de distraire de votre contenu.
Pire encore, de nombreuses icônes de médias sociaux regroupant les différentes couleurs et formes de différents canaux. Ces icônes tuent votre conception. Il y a de meilleures options.
Essayez ceci à la place: Ajoutez des boutons de partage de médias sociaux personnalisés à votre en-tête ou à votre pied de page et éloignez-les de tout contenu. Concevez-les avec subtilité afin de ne pas distraire les utilisateurs de la conception et de la raison réelle pour laquelle vous visitez votre site Web.
Ou être un peu plus audacieux et envisager de les abandonner complètement. Creusez dans vos analyses; combien de personnes utilisent réellement les boutons de partage?
8.? Faux? Animation
Est-ce que les boutons, éléments et autres appels à l'action tournent, sautent ou changent de couleur pour que les utilisateurs les regardent? Ces techniques vont dater votre site instantanément.
La conception devrait attirer les utilisateurs; attention en raison d'une quantité ridicule de mouvement, ne devrait pas.
Essayez ceci à la place: Éléments de design avec intention. Donnez aux utilisateurs un endroit où se concentrer sur la conception. Chaque écran ne doit pas inclure plus d'un élément pouvant donner lieu à une action (à l'exception des options de partage sur les réseaux sociaux). Expliquez clairement ce que les utilisateurs doivent faire et concevez un élément susceptible de les aider à atteindre cet objectif.
Les éléments de style carte sont une bonne option ici.Les conteneurs étant plus volumineux qu’un bouton standard, ils fournissent beaucoup d’espace et d’informations cliquables. Cela peut aider les utilisateurs à trouver l'action appropriée et à cliquer dessus. (Et les cartes sont également réactives.)
Conclusion
Faites-vous certaines de ces erreurs d'interface utilisateur sur votre site Web? Des correctifs simples peuvent vous aider à actualiser et à moderniser la conception tout en facilitant son utilisation.
Assurez-vous de regarder les exemples (et de cliquer sur les liens pour voir comment ils fonctionnent) pour voir comment vous pouvez utiliser 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.