C'est la période de l'année où chaque blogueur sur le Web sort une boule de cristal, dépose les cartes de tarot et passe des heures à regarder avec attention les tasses à thé afin de prévoir les tendances pour l'année à venir.
Les listes résultantes varient généralement de manière absolument certaine (Apple lancera un nouveau périphérique) à la plus incroyable (ce sera un téléviseur).
La vérité est qu'il est extrêmement rare qu'une tendance arrive à sortir de l'ombre. Si vous regardez attentivement, vous verrez que les racines de toutes les grandes tendances de l'année à venir commencent à se développer en 2013 (ou avant). S'il est possible qu'un concept véritablement révolutionnaire soit popularisé, il est beaucoup plus probable que 2014 sera une année de petits gains progressifs, inspirés par ou en réponse à un développement technologique constant.
L'avenir du design web est déjà évident, il suffit de regarder derrière nous pour le voir. Voici 7 prévisions pour 2014 qui se sont déjà avérées et comment vous pouvez y survivre.
La pseudo-classe hover en CSS est l'un des concepts de conception les plus originaux du Web. Étroitement lié au curseur, il indique quand une personne envisage de cliquer sur un élément et l'encourage à le faire. Cependant, comme les dispositifs sans curseur continuent à inonder le marché, l'utilité de : hover est de plus en plus discutable.
Récemment, j'ai entendu une conversation dans laquelle un concepteur affirmait que l'utilisation de: hover était en réalité une mauvaise pratique, car elle encourageait les concepteurs UX à réfléchir à des termes que la plupart des utilisateurs finaux ne verraient pas. Certes, des effets de vol stationnaire intéressants apparaissent de moins en moins dans les nouveaux sites.
Astuce pour la survie: Même s'il est vrai que les utilisateurs mobiles surpasseront probablement les utilisateurs de bureau au cours des 12 prochains mois, le pourcentage d'utilisateurs de bureau sera toujours à deux chiffres. Nous avons conçu pour les plates-formes, IE7 par exemple, avec beaucoup moins de parts de marché. Mobile-first ne signifie pas desktop-never, et : hover se dégrade gracieusement. Donc, pour moi, hover a toujours une fente dans la boîte à outils; mais pas critique.
Quand il est arrivé sur la scène, jQuery était une révélation. Je suis toujours étonné de voir à quel point il est simple de manipuler des éléments DOM à la volée, et pas seulement dans un navigateur, mais dans tous les navigateurs!
jQuery est à juste titre l'une des bibliothèques les plus populaires de tous les temps, et pour beaucoup, elle est devenue synonyme de JavaScript, les sites étant construits en "HTML, CSS et jQuery".
Cependant, jQuery ne manque pas de critiques et les voix de la dissidence se sont accentuées tout au long de 2013. La principale objection à jQuery est sa taille. Même si la version 2.0 a cessé de prendre en charge IE 6, 7 et 8, il s'agit toujours d'un fichier volumineux à charger. en particulier sur les sites mobiles. La requête http supplémentaire et le kb supplémentaire sont un prix élevé à payer pour quelque chose de simple, comme une interpolation d'opacité.
De plus en plus de gens réalisent que le code JavaScript de Vanilla est plus rapide et plus efficace pour tout ce qui ne concerne pas la manipulation de DOM (lorsque jQuery excelle vraiment).
Il est peu probable que jQuery disparaisse de sitôt - c'est une bibliothèque bien trop bonne pour cela - mais la domination du marché qu'il a connue au cours des deux ou trois dernières années commence à se dégrader.
Astuce de survie: prenez le temps d'apprendre à connaître la langue derrière jQuery; Découvrez comment document.getElementById () fonctionne. Vous pourriez vous surprendre avec la quantité de JavaScript vanille que vous comprenez déjà et votre capacité à utiliser jQuery s’améliorera également.
Une grande partie du paysage de la conception Web est constituée des attitudes, des modes et des préjugés des concepteurs Web. le Web mobile a été condamné le jour où quelqu'un l'a proposé comme alternative au design réactif.
Le Web mobile est un site Web conçu pour fonctionner exclusivement sur un appareil mobile, généralement un smartphone, normalement exécuté en parallèle avec un site de bureau. En d'autres termes, deux sites Web. Vous pourriez aussi bien accrocher un panneau «Visualiser sur un moniteur 1024 x 768» sur votre page d'accueil.
Bien sûr, il existe de bons arguments pour exploiter plusieurs sites pour certaines entreprises, notamment parce que notre cas d'utilisation varie - l'exemple classique étant un site de restauration, où les utilisateurs de bureau veulent probablement voir le menu et les utilisateurs mobiles Entreprise. Mais tout cela a été perdu lors de la course effrénée à adopter la mentalité de site réactif sur un seul site, d'autant plus que les situations réelles qui justifient plusieurs sites sont rares.
Conseil de survie: envisagez de développer plusieurs sites si vous avez de bonnes raisons de penser que les utilisateurs bénéficieront de contenus différents sur différents appareils, mais considérez-les comme des micro-sites. Et bien sûr, assurez-vous que tout site que vous créez est réactif (la variété des tailles d’écran mobiles continuera à augmenter cette année).
Lorsque Flash a pris un piqué, il a fallu non seulement la position inattaquable d'Adobe sur le marché, mais aussi la mode pour tout ce qui ressemble à Flash.
Les clients, ne sachant pas exactement ce qui était mauvais à propos de Flash, rejetaient tout ce qui était flash, flash ou flashy. Quelques brèves années de retenue ont suivi, les concepteurs adoptant une conception minimale et les clients adoptant de plus petites factures.
Il était très tôt en 2013 lorsque les choses ont commencé à changer, et l’amour croissant des images plein écran, de l’animation de texte, des transitions de pages et des sites à page unique a continué de croître au même rythme.
La qualité incroyablement médiocre de la vidéo HTML5 a redonné vie aux médias riches d’ici quelques années, mais 2014 sera l’année des changements.
Astuce de survie: Faites votre devise "Ce n'est pas parce que je le peux que je le devrais" Apprenez des erreurs du passé en utilisant des médias riches de manière à améliorer les projets et à toujours vous concentrer sur le temps de chargement.
Le vieil adage selon lequel «le contenu est roi» est justifié par les classements de Google, les fondamentaux de la conception et les priorités des clients.
Cependant, la marche interminable des systèmes de gestion de contenu tels que WordPress, SquareSpace, Webydo et Drupal signifie que les concepteurs se retrouvent de plus en plus à concevoir non seulement des contenus qu'ils n'ont pas, mais aussi des contenus qui changent régulièrement.
Le contenu est souvent finalisé plusieurs mois après le passage de l'agence de conception web aux nouveaux pâturages, et bien que cela ne puisse être qu'une mauvaise chose pour le design, les clients comprennent de plus en plus le Web comme un projet continu. maintenance régulière et gestion professionnelle.
Astuce de survie: Avec le contenu en flux permanent, le nouveau monarque est la marque. Pas seulement la marque visuelle, mais le ton de la voix, le style, la langue et la qualité. Faites preuve de souplesse dans votre approche et concentrez-vous sur la conception de systèmes et non de pages fixes. Les sites Web doivent maintenant être conçus de manière réactive, pas seulement pour une variété de périphériques, mais pour une variété de contenus.
Changer l’algorithme un vendredi soir semble être quelque chose que l’équipe de Mountainview fait chaque fois qu’elle pense être la seule à travailler le week-end. Beaucoup de concepteurs de sites Web sont arrivés à son bureau lundi matin pour découvrir les rapports des sites des clients, auparavant n ° 1 sur Google, dépérissant à la page 8357 du 8358. Il est étonnant que Google n'ait pas encore nommé une mise à jour "Hyena".
Il n'y a aucune raison de penser que 2014 sera différente de 2013 ou 2012 sur ce front.
Astuce de survie: Google continue à conseiller la même chose: écrivez un bon contenu original destiné aux humains et non aux robots. Si vous avez esquivé une balle jusqu'ici, ne pensez pas que vous continuerez à avoir de la chance. Il est maintenant temps de vous assurer que votre référencement est entièrement blanc. La grande nouveauté cette année est le référencement local, alors concentrez-vous sur ce sujet.
Je prédis que SVG décollera pendant des années et je me suis toujours trompé. Mais 2014 sera l’année du SVG, à commencer par notre amour des icônes.
Au cours des 12 derniers mois, le Web est devenu de plus en plus assiégé par les icônes. Là où le texte régnait, nous avons maintenant des icônes. Même le petit menu utile pour indiquer la navigation sur les écrans mobiles a été remplacé par une icône de hamburger obscure qui occupe exactement le même espace et est moins transparente.
Oui, il est possible d'utiliser des polices d'icônes, mais pourquoi une petite quantité de code produirait-elle les mêmes résultats sans avoir à charger un fichier de polices d'icônes volumineux?
SVG résout également le problème d'image réactive; il est vrai que les images adaptées à un format vectoriel sont plus limitées que les images bitmap, mais la popularité du design plat et de la mode pour de simples illustrations en couleur crée l’environnement parfait pour que SVG s’établisse et se développe en 2014.
Conseil de survie: essayez d’exporter des fichiers SVG à partir d’une application de dessin, puis examinez le code. Il est formidable qu'il existe des applications d'image qui créeront SVG pour vous, mais un vrai maître comprend ses outils. Apprenez à coder manuellement SVG et vous récolterez les bénéfices tout au long de 2014 et dans le futur.
Quelles tendances voyez-vous développer en 2014? Pensez-vous que quelque chose de révolutionnaire va arriver? Faites-nous savoir vos pensées dans les commentaires.
Image / vignette en vedette, image de prédiction via Shutterstock.