Tendances intéressantes dans la conception de l'interface utilisateur

Je suis toujours à l'affût des nouvelles tendances en matière de design. Je suis fasciné par le fait que certaines idées sont reprises par de nombreux concepteurs et mises en œuvre de multiples façons.

Aujourd'hui, nous allons explorer spécifiquement le monde de la conception d'interface utilisateur et voir si nous pouvons repérer les tendances actuellement les plus populaires. Presque plus que tout autre domaine de la conception, les interfaces sont extrêmement sujettes aux caprices des concepteurs. Si vous n'êtes pas au courant, vous risquez de créer une interface utilisateur qui semble désuète. Lisez la suite pour voir ce qui est à la mode!

Les tendances sont-elles bonnes ou mauvaises?

Les gens lisent généralement les articles de tendances de deux manières: sous forme de liste d’exemples de choses à essayer ou sous forme de liste de clichés à éviter. Quelle est la bonne façon? Si quelque chose est une tendance, cela signifie-t-il que c'est bon ou mauvais?

Ma réponse est que les tendances en général sont assez neutres. Ils ne sont pas nécessairement intrinsèquement bons ou mauvais, ils représentent simplement ce que beaucoup de gens trouvent cool en ce moment. Cela dit, les tendances atteignent souvent un point où elles sont tellement surexploitées qu’elles laissent un mauvais goût dans la bouche.

Pour cette raison, je recommande toujours à chaque designer de regarder en permanence ce qui est populaire dans le design. Être familiarisé avec ces concepts vous facilitera la tâche, que vous cherchiez à vous intégrer à la foule ou à faire quelque chose de tout à fait unique (vous devez savoir ce qui n'est pas unique pour créer quelque chose qui l'est).

Dans cet esprit, voyons ces tendances!

iOS inspiré de tout

Il est difficile de dire que la plate-forme iOS d'Apple est propriétaire? Une certaine esthétique, mais généralement les développeurs derrière les applications iPhone et iPad que nous connaissons et aimons tous ont créé un style visuel assez spécifique, peut-être dirigé par Apple, ou peut-être suivi-il par les tiers.

Quoi qu'il en soit, de la mise en page de plusieurs colonnes à un écran large repensée à ce que certains considèrent comme une esthétique trop skeuomorphique, vous pouvez généralement identifier une interface iOS lorsque vous en voyez une. Au moins c'est comme ça avant. Avec Lion et le prochain Mountain Lion, Apple a intégré des idées visuelles similaires dans OS X, et ce ne sont certainement pas les seuls à sauter dans l’idée d’intégrer ce style à la conception de l’interface utilisateur de bureau.

La superbe photo de Robert van Klinken ci-dessus, tirée de Dribbble, en est un parfait exemple. Étant donné la conception des boutons et l'utilisation de la couture, je jure que c'était une application pour iPad. Cependant, il s’agit en réalité d’une application Web de productivité pour les ordinateurs de bureau.

Même si nous prenons du recul par rapport au style du faux réalisme, il existe de nombreux autres exemples d’UI d’applications Web inspirées par Apple. La photo ci-dessous de Pontus Johansson est similaire aux gradients de plus en plus subtils dans les fenêtres du Finder et les applications de OS X.

Fonds en bois

Celui-ci n'est pas nouveau, Garage Band a présenté une sorte de texture en bois il y a très longtemps et je suis sûr qu'il y a beaucoup d'autres exemples avant cela. Cependant, cette tendance est certainement au sommet de sa popularité. En fait, c'est probablement ce qui se rapproche le plus du look brillant du Web 2.0 d'il y a quelques années.

Designers: Ix Techau, Pontus Johansson, Pavel Ma? Ek, Levi Wintering et Max Schwartz.

En bref: le bois est la texture de choix de l’interface utilisateur pour le moment (bien que les textures lin / canvas soient aussi extrêmement populaires). Vous le verrez dans les applications iOS, Mac, Web et Android. partout. Une des choses qui alimente cette tendance est la disponibilité généralisée de textures vraiment fantastiques et libres.

Tout cela a commencé avec une photo de Matthew Skiles qui a été téléchargée sur Dribbble en juillet 2010. Elle était belle, détaillée et libre d'utilisation dans tout projet sans attribution.

Le résultat a été que pas mal d'applications ont été capturées pour leurs interfaces, ce qui a conduit d'autres à publier des textures libres similaires et celles récupérées par les concepteurs d'interfaces, et le cycle continue encore deux ans plus tard! Est-ce que je pense que cette tendance est surutilisée? Tu paries. Ai-je sauté à bord moi-même? Bien sûr!

Interfaces rétro

Toutes les tendances que nous avons signalées jusqu’à présent semblent prendre du "réalisme". perspective de faire en sorte que les interfaces logicielles ressemblent à des interfaces physiques réelles. Au sein de cette tendance, il existe également plusieurs sous-niches, dont la plus bavarde a tendance à être quelque chose de rétro.

Designers: Callum Chapman, Mike | Menthes créatives, G? Khan Kurt et Gianluca Divisi

Les concepteurs adorent reconstruire les appareils de pixels au cours des décennies passées. Il y a certainement des hauts et des bas dans ce domaine de l'assurance-chômage. Certaines interfaces finissent par se sentir précipitées et maladroites, l’aspect rétro étant plus un obstacle gênant qu’un élément qui enrichit réellement l’expérience.

Cela étant dit, certaines interfaces rétro sont tout simplement agréables à utiliser. Ici, la composante rétro est l’aspect essentiel de la nature agréable de l’application. Par exemple, dans l'application Mac "Instant", vous faites glisser vos photos vers un vieil appareil photo Polaroid, qui les recrache alors que vous attendez son développement. comme au bon vieux temps. Ce n’est pas idéal pour le traitement normal des photos, mais pour prendre des photos rétro Polaroid, c’est très amusant.

Boîtes de notification

Je suis toujours fasciné lorsqu'une forme de base décolle subitement et devient populaire. Dans un article de l'année dernière, nous avons examiné comment les formes de ruban prenaient le dessus sur le Web. Ces jours-ci, je vois des tonnes et des tonnes de cette forme, que je qualifierai de boîte de notification faute de meilleur terme.

Comme vous pouvez le constater, il s’agit en réalité d’une boîte avec un triangle. Le triangle permet de lier le contenu de la boîte à un formulaire, un bouton ou un autre élément de contenu et peut être situé sur n’importe quel bord de la boîte.Ne me croyez pas que cette forme est soudainement super populaire? Voici quelques exemples que j'ai trouvés en environ deux minutes de recherche.

Designers: Morgan Allan Knutson, Jason Wu, Justalab et Mikael Eidenberg

Je n'arrive pas à le localiser maintenant, mais j'ai même vu une petite application Web l'autre jour qui permet aux utilisateurs de personnaliser et de générer cette forme en HTML et CSS purs. C'est drôle comme de petites choses comme celle-ci se propagent et tout à coup, on les voit partout.

Mettre à jour: Le site susmentionné est CSSArrowPlease. Merci au commentateur Jack de l'avoir signalé!

Blanche-neige UI

Le? Minimal? le mouvement est bien vivant dans le monde de l'interface utilisateur, de nombreux concepteurs optant pour une coloration presque totalement incolore optant plutôt pour un jeu de couleurs gris clair ou blanc.

Concepteurs: Matt Gentile, Daryl Ginn, Morgan Allan Knutson, Norm

Comme vous pouvez le constater dans les exemples ci-dessus, les boutons et les éléments de formulaire constituent le principal territoire de cette tendance. Des dégradés subtils, des contours à un seul pixel et des ombres souvent incrustées définissent l'esthétique. Le résultat est une expérience très légère et aérienne qui semble assez formelle.

Il est également intéressant de noter la popularité croissante des kits d'interface utilisateur. Je ne suis pas sûr de savoir qui a été le premier à lancer un ensemble d'éléments d'interface utilisateur en téléchargement gratuit, mais l'idée a certainement fait son chemin et reste l'un des favoris des chercheurs de billets de faveur partout dans le monde.

Quelles tendances avez-vous vu dans la conception de l'interface utilisateur?

Cette collection est une dispersion complètement aléatoire d'idées que j'ai beaucoup vues ces derniers temps. Je suis sûr que j'ai raté une tonne d'autres tendances populaires sur lesquelles les concepteurs d'interface utilisateur se lancent et j'aimerais connaître vos commentaires.

Quels types de design avez-vous vu beaucoup récemment? Trouvez-vous également que le minimalisme d'il y a quelques années (Google, par exemple) a entraîné une réponse spectaculaire d'interfaces réalistes comme celles provenant du camp Apple iOS / OS X? Laissez un commentaire et faites le nous savoir!