Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Industry
Webdesign

À quoi s’attendre de la conception Web en 2016

by
Length:LongLanguages:

French (Français) translation by Ahmad Fauzan (you can also view the original English article)

2015 a été une année à retenir ! De la première expédition de l’Apple Watch à l’atterrissage du rover Mars, à la libération attendue de la prochaine tranche de Star Wars (et la vague inévitable de spoilers qui ont suivi), il était un douze mois mouvementé. Mais comme nous l’avons siège dans la nouvelle année, c’est d’une valeur de nos efforts et de temps à la hâte et réfléchir à ce qui nous attend pour l’industrie du design web.

Dans l’article de l’année dernière sur à quoi s’attendre de la conception web en 2015, j’ai présenté une liste de prédictions, beaucoup dont je suis fier de dire avoir exaucé (la popularité croissante du prototypage et Sketch, "collections comme une interaction" et bien plus encore). Selon moi, cette année va nous donner moins de changements et plus de croissance. Nous allons jeter un oeil à ce qui va venir en 2016.

Design plus "vivre maintenant" et la croissance d’Ito

En 2015, nous avons vu la hausse continue des outils de "vivre l’expérience" comme le périscope et Meerkat. Nous avons également assisté à la montée en flèche popularité de mou. Plateformes telles que Producthunt et Reddit continuent d’accueillir des AMAs et des débats vivants. Tout cela suggère une chose très importante pour 2016 : applications en temps réel et des expériences sont prise en charge tous les aspects des produits numériques, et cela aura un impact majeur sur le design à chaque étape, y compris la conception web.

L’Internet des objets va être une partie de cette croissance des médias en temps réel. Nous avons vu nouveaux produits connectés entrer sur le marché pour presque tous les secteurs d’activité.

Le (désormais, très familier) nid Thermostat

Orchestrer les données, que créent ces dispositifs est un espace grand ouvert qu’orthographie « occasion ». Un excellent exemple de la croissance de l’ITO se trouvent dans l’écho de l’Amazone.

L’écho d’Amazon

Avec produit commander quelques mots de suite, l’Echo et les dispositifs comme il sont inaugurant une nouvelle façon de comprendre la connectivité omniprésente entre nos différents services, nos espaces physiques et nos interactions.

Ce que vous ne verrez pas : Ito Adoption bricolage

Regardez, nous sommes d’accord ; le Raspberry Pi zéro à 5 $ est une chose assez impressionnante. En fait, ces ordinateurs de poche conduits par open source vont être moins cher que jamais en 2016, devançant sur la ligne "libre".

Mmm Pi

Et, tandis que qui va augmenter les taux d’adoption de ces merveilles peu informatiques, vous ne verrez pas tous vos voisins accrocher un tas de gadgets Arduino-powered partout dans leurs maisons.

Il y a plusieurs raisons à cela, mais peut-être le plus important est que la courbe d’apprentissage requise pour faire quelque chose de particulièrement intéressant avec un Pi ou l’Arduino ou la puce est encore assez intimidante au moyen non-développeur. Sans oublier, ils ne sont pas particulièrement beau à regarder sans certains travaux de boîtier additionnel. IoT adoptera tout d’abord à travers des expériences utilisateur qui sont abordables par les non formés, à peu de frais généraux ou de courbe d’apprentissage, comme le nid ou la teinte de Philips. Comme toujours, bricolage restera une petite faction de la population.

Beaucoup de discussions politiques de conception américaine

L’élection américaine de 2016 sera responsable de beaucoup de matériel de conception axée sur la politique et le commentaire, les candidats officiels, tant de la communauté du design. La dernière élection a vu beaucoup d’examen minutieux des décisions de conception dans la course à la présidence des États-Unis, et nous pouvons seulement s’attendre à ce niveau d’intérêt pour augmenter. Campagne de Barack Obama est connu pour l’intelligence prédictive numérique et une équipe de web puissant et candidats à la prochaines présidentielle sont susceptibles d’appuyer fortement sur la conception pilotée par l’analytique pour gagner la course.

Nous pouvons nous attendre beaucoup de logos redessinés, matériaux de campagnes et commentaire sur le fourrage de la conception des deux côtés de la race sur les autres décisions de conception. Logo de Hilary a déjà reçu des critiques mitigées, comme l’a certainement de Jeb Bush et la volonté d’opinions continuent à affluer comme jour de l’élection se rapproche.

La réalité est, alors que vous pouvez voir quelques mises à jour de suivi de tendance légères des deux côtés de l’allée, le pari le plus sûr pour les candidats doit rester sur le tonus pour leur public. C’est particulièrement vrai pour le candidat républicain, et il est probable que si nous voyons beaucoup d’innovation ou oser des décisions de conception, ils viendront de candidats plus progressistes et libérales.

Ce que vous ne verrez pas : Officiel radicalement différente conception de Directions de candidats

La vérité est que les décisions de conception de ces races de candidats principaux sont faites principalement avec les données, pas avec l’intégrité artistique, la justification de conception conduite. Alors qu’il sera important pour les candidats à rester mobilisés avec les médias numériques sous ses formes plus récents d’une façon pertinente, nous sommes peu probable de voir une palette de couleurs néon tombant en dehors du rouge blanc et bleu que nous connaissons déjà.

Ce serait trop d’une dérogation à ce qui est attendu pour ces candidats et peut aliéner le public qui n’est pas prêts pour le changement. Vous voulez voir une version apolitique de cette action ? Voir Facebook.com.

Importance continue de JavaScript

Cette année fut, à bien des égards une année de Renaissance pour JavaScript. Nous avons vu l’adoption de l’ES6 par plusieurs projets très importants. Nous avons vu le lancement de réagir Native. Nous constatons également que le nombre de dépôts de JavaScript-primaire de plus en plus sur GitHub. Grands projets tel que nouvellement-open-source de Microsoft Visual Studio ont un appui solide pour le JavaScript et les très grosses entreprises avec beaucoup de développement ressources misent fortement sur l’avenir de la langue et de gros budgets.

Lecture intéressante : les résultats du sondage développeur JavaScript

Ce que vous ne verrez pas : Messe de départ de PHP ou Rails

Tandis que JavaScript peut sans doute avoir une année encore plus grande en 2016, nous ne verrons pas un départ massif des développeurs d’outils déjà connaître et aimer. Encore langages tels que Ruby, Python et PHP ont des bases solides utilisateur et sont activement développés. Au lieu de cela, nous allons voir l’adoption de nouvelles pratiques dans ces langues et une augmentation du nombre de développeurs. Certaines personnes ne changera pour un environnement de développement JavaScript uniquement ? Très certainement. S’agira-t-il d’un exode massif ? Certainement pas.

Gallery deviendra tendance

Si vous ne savez pas quel un cinemagraph est, vous n’êtes pas seul, parce qu’ils ne sont pas un type fondamentalement nouvel de support. En fait, un cinemagraph est tout simplement une image qui est le plus souvent encore, à l’exception d’une petite partie (en général qu’un seul élément) qui s’anime sur une boucle. Si vous avez vu un des films Harry Potter, pensez à leurs journaux et portraits de famille.

Pour le départ réel cinemagraph cinemagraphs.com

Le cinemagraph n’obtiendrez célèbre parce que nous aimons tout à coup ce genre d’animation, mais plutôt parce que l’iPhone et autres outils populaires ceux-ci rendent plus faciles à créer. Fondamentalement parlant, un cinemagraph peut être accompli avec plusieurs images, un fichier GIF unique ou un élément vidéo. Il crée une nouvelle façon de penser sur les images ; au lieu des images statiques et vidéo étant notre seulement deux manières de représenter le contenu capturé à la caméra, nous avons aussi maintenant un « entre-deux » – le cinemagraph.

Lectures complémentaires :

Ce que vous ne verrez pas : Radicalement moins vidéo

Cinemegraphs deviendra probablement dernier cri, mais ils ne remplacent certainement pas de vidéo. Comme nous l’avons déjà mentionné, les cinemegraphs sont une représentation de fondamentalement différents médias. Video offre encore beaucoup plus de contenu dans le même espace. Nous allons probablement voir cinemegraphs comme toiles de fond pour le texte – où vidéo crée des problèmes de lisibilité, mais minime animation fonctionne bien contrôlé.

Video.Envato.com

Connexes : si vous êtes intéressés par la création de vidéos directement depuis votre iPhone, consultez récent communiqué de app iOS de Envato Video.

De plus en plus Hype pour la réalité virtuelle

La croissance de la réalité virtuelle va commencer avec le jeu, se transformer en vidéo et il finira par devenir un médium important à considérer pour une expérience numérique. Quand on pense de la réalité virtuelle, nous écartons souvent les utilisations d’une expérience totalement immergée.

Engins de Samsung VR

Toutefois, l’échelle mobile de réalité à la réalité virtuelle passe de nombreux jalons importants, très puissants, le long du chemin, y compris la réalité augmentée. Alors que Google Glass n’était pas nécessairement un show-bouchon, nous devrions nous attendre VR pour nous fournir de nouvelles façons de vivre, par exemple :

  • Environnements d’apprentissage en classe en ligne
  • Explications dans les coulisses des films, des bandes et des environnements d’entreprise encore plus traditionnels
  • Peer-to-peer étroits avec nos communautés
  • Événements de lancement de produit, comme Apple Keynotes

Alors que nous ne verrons pas nécessairement énorme adoption généralisée de la RV cette année, nous verrons battage médiatique croissante (et beaucoup de projets Kickstarter) qui construisent l’élan pour les itérations de conception future qui comprennent des considérations pour des produits comme les cartons de Google ou le Oculus Rift .

Ce que vous ne verrez pas : Navigateur de normalisation pour les API VR

Les navigateurs ne normaliser VR API pendant quelques années, comme le taux d’adoption est significativement plus faible que nécessaire pour l’adoption à grande échelle, et navigateur niveau VR ne sera incroyablement utile l’année prochaine. En revanche, les moteurs de jeu, auront probablement conseillées VR bien établies à la fin de l’année.

Associés : Mozilla lance a-frame : VR compatible sites Web commençant par une ligne de Code

Animation comme un ensemble de compétences de base

Animation devient déjà une place importante dans l’ensemble de compétences de développeur front-end, mais cette année apportera une animation plus que jamais. L’animation est nécessaire à la nature fluide du design que nous voyons dans la plupart des produits aujourd'hui ; gens pensent n’est plus en termes de pages, mais plutôt en termes de modèles et des interfaces familières. Pour cette raison, la force d’un modèle est augmentée lorsqu’un utilisateur reçoit des indices contextuels de l’interface proprement dite. Un moyen très puissant de communiquer un repérage contextuel est par le mouvement ; animation.

La démo ci-dessus est tirée d’appel ajouter à vos Animations sur le Web de Donovan Hutchinson.

Ce que vous ne verrez pas : Nouvelles capacités d’Animation pour CSS

CSS est très puissant, l’API animation n’est pas prévu pour changer beaucoup dans l’année à venir. Au lieu de cela, outillage autour d’animations CSS sera probablement développé pour permettre un contrôle plus granulaire sur les aspects d’animation comme l’assouplissement. Plus de gens commenceront en s’appuyant sur CSS seule animation (plutôt que de recourir aux bibliothèques JavaScript) et en raison des limitations de l’API lui-même, la communauté de développement s’appuiera probablement mieux outillage pour gérer des animations complexes.

Éléments qui se chevauchent, les dégradés saturés et gros ombres

Il s’agit d’une tendance très simple : éléments superposés. Nous avons vu la grande conception esthétique des dirigeants comme Spotify adoptent cette tendance, et il semble s’en tenir. La tendance de fantôme-bouton de 2015 sera étendue aux éléments non interactive et des éléments vides aux contours qui casse les boîtes non contraignant seront afficheront dans l’ensemble de dessins.

Texte sera utilisé d’une manière similaire - nous sont toujours susceptibles de voir le texte "BOLD" fort sur les images, mais les images elles-mêmes et le texte se verra un changement d’adopter des niveaux beaucoup plus élevés de saturation et de colorisation.

Ainsi que des chevauchements, nous verrons les couleurs saturées sous forme de gros, balayant les dégradés. Ces gradients viendra aussi accompagnés par des ombres très grands, ne pas de réintroduire des skeuomorphism, mais plutôt simplement pour profondeur esthétique.

La popularité du SVG va continuer à croître

SVG comme format cesse de croître en popularité. Avec plus d’outillage et de cas d’utilisation que jamais, nous allons voir SVG devient une technologie beaucoup plus adoptée en 2016. Effectivement, cela portera plus design orienté sur le vecteur, animation et éléments graphiques retina-prêt en webdesign que jamais auparavant. Un autre effet secondaire pourrait être des sites plus légers, comme la taille d’un SVG est beaucoup plus petite que son équivalent PNG, mais c’est peu probable que des images, des vidéos et polices (les auteurs de pages lourdes) ne vont pas n’importe où n’importe quand bientôt.

Longs plans

Un succès basé sur Swift JavaScript Transpiler ou Web application Framework

Swift est open source ! La langue Apple publié pour le développement de l’iOS pour remplacer Objective C a été officiellement ouvrir source. Cela est susceptible d’encourager de nombreux outils open-source, mais la langue est encore principalement destiné à être utilisé pour le développement de l’iOS. Alors qu’il y aura presque certainement a JavaScript-à-Swift (ou, plus vraisemblablement, Swift-à-JavaScript) transpiler à un certain moment, j’ai fais le pari qu’il ne sera pas libéré en tant que document officiel au moins jusqu’en 2017. Observez dehors pour les versions alpha et bêta de ces outils cette année, cependant !

Médias riches dans le navigateur, outils d’édition

Édition de médias à un certain moment s’appuiera entièrement dans le cloud. Nous avons vu un appui solide pour cette théorie, et il fait le plus de sens à long terme pour notre monde indépendant du périphérique. Mais cela n’arrivera pas cette année. Bande passante est encore trop limitée pour adoption massive par les principales sociétés avec intérêt dans cet espace ; la plupart des utilisateurs ne serait pas en mesure d’effectuer les actions nécessaires de lourdes à travers le fil qu’ils peuvent effectuer sur leur propre machine.

Fibre internet atteint grandes villes à travers le monde, ce concept sera introduit lentement, mais l’infrastructure physique nécessaire pour ce lieu n’est pas encore prêt et prendra plus de temps que peut fournir un an.

Une fourchette de WordPress basé sur JavaScript

Nous pouvons tous rêve du jour où JavaScript est le langage conduite derrière la plate-forme plus populaire du web. Mais la probabilité de ce qui se passe dans la prochaine année est faible ; au lieu de cela, WordPress continuera très probablement travailler sur la clé de voûte qui le rendent si bien réussi dans un premier temps : l’installation de 5 minutes basée sur PHP.

Calypso pour admin WordPress – le client de l’interface libéré à la fin de 2015

Conclusion

Alors que cette année a vu beaucoup de chance et d’itération, 2016 sera en grande partie une année de « plus de la même », avec quelques petits changements à la conception esthétique. Nous allons voir beaucoup de progrès sur les aspects fondamentaux de nos ensembles d’outils existants et des mentalités, cependant, qui seront nourrissent en 2017 et au-delà. 2016 est l’occasion idéale de regarder vers l’avant, adopter de nouveaux outils et saisir les nouvelles connaissances sur les outils que vous utilisez déjà.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.