Essential Design Trends, janvier 2016
Les applications sont partout. Ils sont devenus partie intégrante de notre vie quotidienne grâce au nombre de smartphones et d’appareils portables que nous possédons.
Et pour cette raison, les applications constituent l'un des principaux facteurs déterminants en matière de conception de sites Web. Nous allons jeter un coup d'oeil.
Retour du parchemin
De petits écrans orientés verticalement ont ramené le défilement de manière majeure. Une fois que vous avez pensé que c'était quelque chose que vous vouliez éviter car les utilisateurs ne se déplaçaient pas sur l'écran, Scroll fait de nouveau partie intégrante du processus de conception.
Et défiler maintenant est mieux que cela n'a jamais été. Grâce à de superbes animations, des effets de parallaxe et de nombreuses idées de contenu créatif, le défilement est très amusant et constitue un bon moyen de mobiliser les utilisateurs.
Ne vous arrêtez pas avec un simple défilement de la page; envisager une option de défilement horizontal ou animé qui peut ravir les utilisateurs grâce à la petite surprise. Assurez-vous d'inclure un indice visuel à deux pour les utilisateurs avec des effets de défilement qui sont en dehors de la norme, afin qu'ils ne soient pas confondus ou abandonnent votre site Web parce qu'ils ne comprennent pas comment l'utiliser.
La conception matérielle se généralise
Le concept de conception matérielle de Google a commencé comme une interface mobile. L'interface stratifiée, basée sur la physique et inspirée par la physique, a commencé comme esthétique pour les appareils Android, mais s'est rapidement étendue aux applications basées sur iOS.
Les concepteurs élargissent également le concept pour l'utiliser sur des sites Web plein écran.
Le concept de matériau est simple, intuitif et ancré dans des éléments réalistes. Il est donc facile à utiliser et à comprendre. Les concepteurs s'amusent beaucoup avec le style d'interface avec des couleurs vives et de nombreuses animations astucieuses.
La navigation cachée est partout
Ceci est l'un de ces reports qui change vraiment votre façon de concevoir la page d'accueil. La navigation cachée connaît un moment majeur en ce moment.
La conception discutable de l'icône hamburger est l'application la plus utilisée, avec une icône qui apparaît dans un menu complet. Les concepteurs de sites Web optent pour l'une des deux options suivantes: Un menu qui apparaît sur une partie de l'écran ou une navigation en plein écran. L'option plein écran fonctionne presque comme le font les styles de diapositives dans les applications, et les concepteurs immobiliers disposent de beaucoup d'espace pour créer une page de navigation qui ne se limite pas à quelques liens internes.
Ce qui est particulièrement intéressant avec les styles de navigation surdimensionnés, c’est qu’ils sont faciles à lire et à cliquer. (Rien n'est pire que de minuscules éléments de navigation conçus après coup.)
Cartes, cartes et plus de cartes
Vous pouvez difficilement naviguer sur le Web sans rencontrer une interface de type carte. Ces conteneurs de contenu sont hautement utilisables et s'empilent bien dans des cadres réactifs.
Les cartes sont une option populaire car elles peuvent aussi être très amusantes à concevoir. Les cartes peuvent être personnalisées pour s'adapter à tous les styles de design et fonctionner avec presque tous les types de contenu. Une chose à retenir à propos des cartes est que chaque conteneur doit contenir une fois le contenu et se connecter en un seul clic. Cette "chose" peut activer une vidéo, soumettre un formulaire, passer à une autre page, acheter un article ou tout autre nombre d'actions uniques. Différentes cartes sur un même site Web peuvent toutes faire des choses différentes. (Tant que les utilisateurs comprennent les actions)
C'est un style d'interface qui nécessite également très peu d'explications. Les sites de médias sociaux tels que Facebook, Twitter et Pinterest sont ancrés dans des interfaces de type carte avec un défilement infini, de sorte que les nouveaux contenus sont toujours présents. Les utilisateurs accablés semblent aimer et accepter ce modèle de conception.
Les micro-interactions sont essentielles
Il n'y a pas si longtemps, les micro-interactions étaient presque exclusivement un élément de l'application. Vous voudrez peut-être repenser cette idée. La ligne entre les applications et les sites Web est complètement floue. Les utilisateurs veulent visiter une application et ensuite peut-être le site Web plus tard et obtenir la même expérience.
Cela s'applique également aux micro-interactions. Une micro-interaction est tout ce qui aide l'utilisateur à communiquer avec l'interface, à voir une action se dérouler ou à manipuler l'interface. Chacun de ces éléments de communication est si infime que l’utilisateur y pense à peine, comme une alarme, un message texte ou un coup d’écran pour rafraîchir le contenu. (Il suffit de penser au nombre de notifications de réunion que vous recevez sur votre ordinateur de travail ou votre téléphone, ce sont des micro-interactions.)
Le facteur de liaison pour effectuer cette transition transparente est une touche de personnalisation et de nombreuses options pour la personnalisation des utilisateurs. L'utilisation de micro-interactions est délicate car il existe une frontière étroite entre les notifications, les alarmes ou les messages souhaités et la saturation de l'utilisateur.
Lors de l'intégration de micro-interactions, respectez d'abord certaines des fonctions les plus élémentaires pour voir comment les utilisateurs réagissent. Ensuite, vous pouvez ajouter à la combinaison si votre base d'utilisateurs l'accepte.
Et maintenant ...
La prochaine phase de la conception du site Web est déjà en cours. À mesure que les appareils portables gagnent en popularité, les éléments de ces minuscules écrans seront également conçus.
Les éléments qui auront un impact incluent de petites animations basées sur le statut, telles que des molettes de défilement qui se remplissent pour montrer les accomplissements, plus de micro-interactions et beaucoup de trackers. (Les utilisateurs sont pratiquement obsédés par les données dès maintenant, qu'il s'agisse de données de remise en forme ou de points pour gagner des achats.)
Wearables ajoute également une couche de gamification à la vie quotidienne. Cela se répercutera probablement sur la conception du site Web.
Ce que les ordinateurs portables vont vraiment faire, c'est faire progresser la ligne entre tous nos appareils. Sites Web, applications, ordinateurs portables - ils ont tous besoin de fournir des expériences intégrées aux utilisateurs afin que le passage d'un périphérique à un autre soit transparent et que l'expérience soit cohérente.
Conclusion
À mesure que les écrans changent de taille, la façon dont nous les concevons change également. Pour créer des interactions immersives avec lesquelles les utilisateurs veulent interagir, quel que soit l'appareil, chaque interface doit fonctionner de la même manière. L'idée influence considérablement la façon dont tous les sites Web sont conçus (même ceux qui n'ont pas nécessairement des homologues d'applications ou portables).
En créant quelque chose que les utilisateurs apprécient sur les plus petits écrans et en développant cela sur des appareils plus grands, les concepteurs peuvent créer des interfaces faciles à comprendre. Cela rend également votre interface un peu plus demandée.