Share
2015 était une année mémorable! Du premier envoi de l'Apple Watch au débarquement du robot rover, en passant par la publication tant attendue du prochain opus de Star Wars (et de l'inévitable vague de spoilers qui a suivi), douze mois ont été riches en événements. Mais à l'aube de la nouvelle année, nos efforts et notre temps valent la peine de regarder vers l'avenir et de réfléchir à l'avenir de l'industrie de la conception Web..
Dans l'article de l'année dernière sur ce qu'il fallait attendre de la conception Web en 2015, j'avais dressé une liste de prédictions, et je suis fier de dire que bon nombre d'entre elles se sont réalisées (la popularité croissante du prototypage et de Sketch, "les collections en tant qu'interaction", et de nombreuses autres plus.) À mon avis, cette année va nous en donner moins changement et plus croissance. Jetons un coup d'oeil à ce qui est à venir en 2016.
En 2015, nous avons assisté à la montée en puissance d'outils «d'expérience en direct» tels que Periscope et Meerkat. Nous avons également assisté à la popularité grandissante de Slack. Des plates-formes telles que Producthunt et Reddit continuent d’héberger des AMA et des discussions en direct. Tout cela suggère une chose très importante pour 2016: les applications et les expériences en temps réel prennent en charge tous les aspects des produits numériques, ce qui aura un impact majeur sur la conception à chaque étape, y compris la conception Web..
L'Internet des objets fera partie de cette croissance des médias en temps réel. Nous avons vu de nouveaux produits connectés arriver sur le marché pour presque tous les secteurs d'activité..
Le thermostat Nest (maintenant très familier)Orchestrer les données créées par ces périphériques constitue un grand espace ouvert qui représente «une opportunité». Un excellent exemple de la croissance de l'IoT est disponible dans Amazon Echo..
L'écho amazonienÀ quelques mots de commande de produit, l’écho et des appareils similaires ouvrent une nouvelle façon de comprendre la connectivité omniprésente entre nos divers services, nos espaces physiques et nos interactions..
Regardez, nous sommes d'accord. le Raspberry Pi Zero à 5 $ est une chose assez impressionnante. En fait, ces ordinateurs de poche pilotés par l'open source seront moins chers que jamais en 2016, se rapprochant de la ligne «gratuite»..
Mmm PiEt, bien que cela augmente les taux d'adoption de ces petites merveilles de l'informatique, vous ne verrez pas tous vos voisins se débrouiller ensemble pour installer de nombreux gadgets utilisant Arduino dans leurs maisons..
Il y a pas mal de raisons à cela, mais la plus importante est peut-être que la courbe d'apprentissage nécessaire pour faire quelque chose de particulièrement intéressant avec un Pi, un Arduino ou un CHiP est encore assez décourageante pour le non-développeur moyen. Sans parler de leur beauté, ils ne sont pas particulièrement beaux à regarder sans quelques travaux de gainage supplémentaires. L'IdO sera d'abord adopté par le biais d'expériences utilisateur accessibles aux non-entraînés, avec peu de frais généraux ou une courbe d'apprentissage, comme le Nest ou Philips Hue. Comme toujours, le bricolage restera une petite fraction de la population.
Les élections américaines de 2016 seront responsables de nombreux documents de conception et commentaires à caractère politique émanant des candidats officiels et de la communauté des concepteurs. La dernière élection a été marquée par un examen minutieux des décisions en matière de conception dans la course à la présidence des États-Unis et nous ne pouvons que nous attendre à ce que cet intérêt augmente. La campagne de Barack Obama est connue pour son intelligence prédictive numérique et sa puissante équipe Web, et les prochains candidats à la présidentielle vont probablement s’appuyer fortement sur une conception basée sur l’analyse pour gagner la course..
Nous pouvons nous attendre à beaucoup de logos redessinés, de matériel de campagne et de commentaires sur le fourrage de conception des deux côtés de la course sur les décisions de conception des autres. Le logo de Hilary Clinton a déjà reçu des critiques mitigées, de même que celui de Jeb Bush, et les opinions continueront certainement de circuler à l'approche du jour des élections..
La réalité est que, même si vous pouvez voir quelques mises à jour des deux côtés de l'allée, le plus sûr pour les candidats est de rester sur le ton de leur auditoire. Ceci est particulièrement vrai du candidat républicain, et il est probable que si nous voyons beaucoup d’innovations ou de décisions de conception audacieuses, elles proviendront des candidats les plus progressistes et libéraux..
La vérité est que les décisions de conception de ces grandes races candidates sont principalement prises avec des données, et non avec une intégrité artistique, comme justification de la conception. Bien qu'il soit important que les candidats restent fidèles aux médias numériques sous leurs formes les plus récentes, il est peu probable que nous voyions une palette de couleurs au néon se détacher du rouge, du blanc et du bleu auxquels nous sommes déjà habitués..
Cela s'écarterait trop de ce que l'on attend de ces candidats et risquerait d'aliéner des publics qui ne sont pas prêts pour le changement. Vous voulez voir une version non politique de cette action? Voir Facebook.com.
Cette année a été, à bien des égards, une année de la Renaissance pour JavaScript. Nous avons assisté à l'adoption de ES6 par de nombreux projets très importants. Nous avons assisté au lancement de React Native. Nous constatons également le nombre de dépôts JavaScript-primary en croissance sur GitHub. Les grands projets tels que Visual Studio, récemment ouvert à la source, de Microsoft, prennent fortement en charge le langage JavaScript. De très grandes entreprises disposant de gros budgets et de nombreuses ressources de développement misent énormément sur l'avenir de la langue..
Lecture intéressante: Résultats de l'enquête sur les développeurs JavaScript
On peut soutenir que JavaScript aura une année encore plus importante en 2016, mais nous ne verrons pas un départ massif des outils que les développeurs connaissent et aiment déjà. Des langages comme Ruby, Python et PHP ont toujours de solides bases d’utilisateurs et sont en cours de développement. Au lieu de cela, nous verrons l'adoption de nouvelles pratiques dans ces langages et une augmentation du nombre de développeurs. Certaines personnes vont-elles basculer vers un environnement de développement JavaScript uniquement? Certainement. Sera-ce un exode de masse? Très certainement pas.
Si vous ne savez pas ce qu'est un cinémagraphe, vous n'êtes pas seul, car ce n'est pas un type de support fondamentalement nouveau. En fait, un cinemagraph est tout simplement une image qui est presque toujours immobile, à l'exception d'une petite partie (généralement un seul élément) qui s'anime en boucle. Si vous avez vu des films de Harry Potter, pensez à leurs portraits de famille et à leurs journaux.
Pour le réel cinemagraph consultez cinemagraphs.com Le cinemagraph ne deviendra pas célèbre parce que nous avons soudainement comme ce type d'animation, mais plutôt parce que l'iPhone et d'autres outils populaires facilitent leur création. Fondamentalement, un cinématographe peut être réalisé avec plusieurs images, un seul GIF ou un élément vidéo. Cela crée une nouvelle façon de penser les images; au lieu des images statiques et de la vidéo étant nos deux seuls moyens de représenter le contenu capturé par une caméra, nous avons maintenant un «entre-deux», le cinemagraph.
Lectures complémentaires:
Les cinématographes vont probablement devenir à la mode, mais ils ne remplaceront certainement pas la vidéo. Comme nous l'avons déjà mentionné, les cinemegraphs sont une représentation des médias fondamentalement différente. La vidéo fournit toujours beaucoup plus de contenu dans le même espace. Nous verrons probablement les cinématogrammes comme des arrière-plans de texte, où la vidéo crée des problèmes de lisibilité, mais une animation minimale contrôlée fonctionne bien..
video.envato.comEn relation: si vous souhaitez créer des vidéos directement à partir de votre iPhone, consultez la dernière version de l'application iOS d'Envato Video.
La croissance de la réalité virtuelle commencera avec les jeux, deviendra une vidéo et deviendra un support important à prendre en compte pour toute expérience numérique. Quand on pense à la réalité virtuelle, on néglige souvent les utilisations d’une expérience totalement immergée..
Samsung Gear VRCependant, l'échelle progressive de la réalité réelle à la réalité virtuelle franchit de nombreux jalons importants et très puissants, y compris la réalité augmentée. Bien que Google Glass ne soit pas nécessairement une vitrine, nous devrions nous attendre à ce que VR nous offre de nouvelles façons de vivre l'expérience, par exemple:
Bien que nous n'assistions pas nécessairement à une adoption généralisée de la réalité virtuelle cette année, nous assisterons à un battage publicitaire croissant (et à un grand nombre de projets Kickstarter) qui donneront une impulsion aux futures itérations de conception, y compris des considérations pour des produits comme Google Cardboard ou Oculus Rift..
Les navigateurs ne standardiseront pas les API de réalité virtuelle pendant quelques années, car le taux d'adoption est considérablement inférieur à ce qui est nécessaire pour une adoption généralisée, et la réalité virtuelle au niveau du navigateur ne sera pas incroyablement utile l'année prochaine. D'autre part, les moteurs de jeu auront probablement les meilleures pratiques de réalité virtuelle bien établies d'ici la fin de l'année..
Connexes: Mozilla lance A-Frame: sites Web compatibles VR commençant avec une seule ligne de code
L’animation est déjà en train de devenir un élément important de l’ensemble des compétences des développeurs front-end, mais cette année apportera plus d’animation que jamais. L'animation est nécessaire pour la nature fluide du design que nous voyons aujourd'hui dans la plupart des produits; les gens ne pensent plus en termes de pages, mais en termes d'interfaces et de modèles familiers. De ce fait, la force d'un motif est accrue lorsqu'un utilisateur reçoit des indications contextuelles de l'interface elle-même. Le mouvement est un moyen très puissant de communiquer un signal contextuel. animation.
La démonstration ci-dessus est tirée de Ajouter appel à vos animations sur le Web par Donovan Hutchinson.
Bien que CSS soit très puissant, l’API d’animation ne devrait pas beaucoup changer au cours de l’année à venir. Au lieu de cela, des outils autour de l'animation CSS seront probablement développés pour permettre un contrôle plus granulaire sur des aspects de l'animation tels que l'accélération. De plus en plus de personnes commenceront à compter sur une animation uniquement CSS (plutôt que sur des bibliothèques JavaScript) et, en raison des limitations de l'API elle-même, la communauté de développement construira probablement de meilleurs outils pour gérer des animations complexes..
C'est une tendance très simple: des éléments qui se chevauchent. Nous avons vu de grands leaders du design esthétique comme Spotify adopter cette tendance, et cela semble rester. La tendance des boutons fantômes de 2015 sera étendue aux éléments non cliquables, et les éléments vides avec des contours qui séparent des zones autrement contraignantes apparaîtront d'une conception à l'autre..
Le texte sera utilisé de la même manière - nous verrons toujours un texte fort en gras par-dessus les images, mais les images elles-mêmes et le texte lui-même verront un changement pour adopter la colorisation et des niveaux de saturation beaucoup plus élevés..
En plus des chevauchements, nous verrons les couleurs saturées sous forme de grands dégradés. Ces dégradés viendront également accompagnés de très grandes ombres, non pour réintroduire le skeuomorphism, mais simplement pour la profondeur esthétique.
SVG en tant que format continue de gagner en popularité. Avec plus d'outils et de cas d'utilisation que jamais, nous verrons SVG devenir une technologie beaucoup plus adoptée en 2016. Cela apportera effectivement plus de conception Web, d'éléments d'animation et d'éléments graphiques prêts pour la rétine que jamais auparavant. Un autre effet secondaire pourrait être les sites plus légers, car la taille d'un fichier SVG est beaucoup plus petite que son équivalent PNG, mais cela est peu probable, car les images, les vidéos et les polices (les coupables de pages lourdes) ne disparaissent pas de si tôt..
Swift est open source! Le langage qu'Apple a publié pour le développement iOS afin de remplacer Objective C a été officiellement ouvert. Cela encouragera probablement de nombreux outils open-source, mais le langage sera toujours principalement utilisé pour le développement iOS. Bien qu'il y ait presque certainement un transpiler JavaScript-to-Swift (ou plus vraisemblablement Swift-to-JavaScript) à un moment donné, je parie qu'il ne sera pas publié dans une version officielle avant au moins 2017. Regarder pour les versions alpha et bêta de ces outils cette année, bien que!
L’édition des supports sera à un moment donné entièrement basée sur le cloud. Nous avons constaté un fort soutien pour cette théorie, qui est la plus logique à long terme pour notre monde agnostique. Mais cela n'arrivera pas cette année. La bande passante est encore trop limitée pour être adoptée en masse par les grandes entreprises intéressées par cet espace; la plupart des utilisateurs ne seraient pas en mesure d'effectuer les tâches lourdes nécessaires sur leur réseau, qu'ils pourraient effectuer sur leur propre ordinateur.
Alors que l’internet fibre atteint les grandes villes du monde, ce concept sera introduit lentement, mais l’infrastructure matérielle nécessaire à cet effet n’est pas encore prête et prendra plus de temps qu’une année..
Nous pouvons tous rêver du jour où JavaScript est le langage moteur derrière la plate-forme la plus populaire du Web. Mais la probabilité que cela se produise l’année prochaine est faible; Au lieu de cela, WordPress continuera probablement à travailler sur le pivot qui a fait son succès au début: l'installation de 5 minutes basée sur PHP.
Calypso pour WordPress - le client d'interface d'administration publié fin 2015 Alors que cette année a connu beaucoup d'itérations et de chances, 2016 sera en grande partie une année «plus ou moins identique», avec quelques modifications mineures apportées à l'esthétique du design. Nous verrons beaucoup de progrès sur les aspects fondamentaux de nos outils et de nos mentalités existants, qui seront toutefois intégrés en 2017 et au-delà. L'année 2016 est l'occasion idéale pour regarder de l'avant, adopter de nouveaux outils et approfondir ses connaissances sur les outils que vous utilisez déjà..
Accentsconagua