10 ans de web design : qu'est-ce qui a changé ?

Ce contenu fait partie du dossier historique de Sitelicon. Il conserve les informations disponibles à la date de publication; les conditions, les outils et les exigences des plateformes peuvent avoir changé.

Contexte

Le sitelicon, père de Contrabase et de ce blog, est à l’anniversaire. Il a 10 ans, et nous voulons faire le point sur ce que nous avons appris et amélioré à ce moment. En 2005, le design web était arrivé à une certaine maturité et n’était plus l’horreur du début, mais encore, beaucoup de choses ont continué à évoluer pour arriver à ce jour et nous y avons été adaptés. Nous vous disons quelques-uns des changements les plus significatifs des 10 dernières années dans le design web:

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / tamanopantalla.jpg

TAMAGE DE PANTALLA

1024px vs multiécran

2005  Nous nous sommes juste branchés à partir de l’ordinateur, avec un écran qui aurait probablement 1024 px de large ou similaire, et tous les sites Web ont été conçus pour s’adapter à cette taille standard.

2015  Maintenant, nous pouvons nous connecter à Internet à partir d’un [grand choix d’appareils] (http: / / www.contrabase.com / diseno-web / types-resolves -mass-extension /) grand ou petit: de la télévision à la maison au mobile que nous portons dans notre poche. Plus récemment encore, des applications des nouvelles montres bracelet intelligentes. Probablement ce grand changement a influencé le plus lors de la conception.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / fijorsocsive.jpg

STRUCTURE

Largeur fixe vs conception réactive

2005  Presque tous les sites Web ont été conçus avec une largeur fixe. Il y avait aussi la conception fluide, qui a permis au contenu de s’étendre selon la largeur de l’écran, mais il était quelque peu minoritaire et non valide pour aucun design.

2015  la prolifération de différents dispositifs et tailles, [conception de la responsabilité] (http: / / www.contrabase.com / diseno-web / google-penalize -the -webs-no-adapts-a-dispositions-mobiles /), qui adapte ou remplace le contenu du web pour s’assurer qu’il semble toujours bon de n’importe quel écran.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / webclassaapp.jpg

DEMANDES

Web classique vs application

2005  Nous nous sommes connectés à Internet pour visiter des sites Web.

2015  En plus de naviguer sur des sites traditionnels, avec la généralisation du monde mobile (smartphones, tablettes…), nous effectuons également des tâches Internet à travers des applications.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / animationes.jpg

ANIMATIONS

Fash vs HTML5 & CSS3, jQuery

2005  Flash était une excellente ressource pour les concepteurs. Il a permis d’introduire visuellement des animations très attrayantes, du contenu interactif et d’autres effets sur le web. Cependant, ceci était fondamentalement ornemental et présentait de nombreux problèmes: flash n’était pas affiché sur aucun appareil, et le contenu dans ce format n’était pas indexé par les moteurs de recherche.

2015  HTML5, CSS3 et jQuery ouvrent de nouvelles possibilités. Non seulement il a changé la technologie, beaucoup plus convivial pour les moteurs de recherche et améliorer l’expérience utilisateur. Le style des animations a changé, ils ne cherchent plus l’effectivité sans plus, mais soutiennent la convivialité et améliorent l’expérience utilisateur d’une manière subtile et pratique.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / esteticaux.jpg

APPROQUE

Esthétique vs UX

2005  À l’heure actuelle, les possibilités de conception se développaient énormément. L’utilisation des couleurs, des typographes, des images, etc. était de moins en moins limitée, et l’intérêt pour la création de sites visuels professionnels et esthétiques s’amplifie.

2015  Aujourd’hui, nous disposons de plus de ressources techniques que jamais et le souci de créer des sites Web attrayants continue. Cependant, la convivialité et l’expérience utilisateur sont la priorité absolue dans le processus de conception.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / introhome.gif

PAGE INITIALE

Page intérieure directe à domicile

2005  Tous les sites Web n’étaient pas comme ça, mais les pages d’introduction étaient à la mode. Ils étaient une sorte de représentation, souvent en flash, que vous devriez “jump” si vous vouliez aller directement au contenu du web.

2015  Concevoir la page d’accueil est vital, tant pour l’utilisateur que pour les moteurs de recherche. Cela signifie que la maison doit être attrayante, mais aussi contenir les informations principales.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / cortasparallax.gif

ÉCROLEAU

Petites pages vs parallaxe

2005  En général, on a évité les pages trop longues qui nécessitaient beaucoup de travail. défilerL’utilisateur pourrait être contrarié ou ennuyé s’il devait descendre trop pour trouver l’information qu’il voulait, et en face des moteurs de recherche, les pages infinies n’étaient pas optimales non plus. Cela rendait le contenu un peu “apulotonate” parfois quand il avait beaucoup de volume.

2015  Avec la variété des tailles d’écran, la panique du rouleau a presque tourné autour. Maintenant, il est presque une ressource nécessaire, surtout pour naviguer confortablement à partir du mobile. Il a même donné lieu à la créativité, tels que les effets Parallaxe qui ont proliféré ces derniers temps.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / iconosynagigenfuente.jpg

ICONOS

Image par rapport à la source

2005  Lorsque nous voulions inclure des icônes sur le web, ils étaient généralement des images png ou jpg.

2015  Nous pouvons maintenant insérer les icônes comme une typographie. Avantages?: ils sont évolutives et non pixelan, ils peuvent être ajoutés styles par CSS et les requêtes sont réduites au serveur.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / images ounametocontenido.jpg

IMAGENES

Ornement vs contenu

2005  À l’heure actuelle, des photos et des graphiques de bonne qualité ont été utilisés pour accompagner des textes ou soutenir l’identité du web. Il y a de moins en moins de restrictions sur la composition, mais les images sont toujours un élément complémentaire ou ornemental.

2015  Les images ont une étoile totale et il y a plusieurs options à utiliser: photos plein écran, graphiques animés, gifs modernisés, galeries de toutes sortes… Les images apportent de la valeur.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 06 / video.gif

VIDEO

Le joueur incorporé vs l’intégration totale

2005  Il est né Youtube et a pu insérer des vidéos sur les sites Web et les blogs, et c’était une révolution. Au début le lecteur vidéo était basé sur Flash.

2015  La vidéo prend le rôle du web. C’est un type de contenu très précieux et est également attrayant pour l’utilisateur. La technologie et le style des lecteurs ont énormément évolué et même les vidéos peuvent être insérées comme un élément de conception, comme un fond web, par exemple.

BALANCE

Internet évolue et devient plus rapide. Quels seront les prochains défis de la conception du Web? Portable Ils marqueront les prochaines tendances. Cocks et lunettes intelligentes, réalité accrue, plus d’interactivité… Qu’en pensez-vous ? Nous continuons à apprendre !