Quelles technologies utilisez-vous pour la conception des pages Web ?
Le Responsive Design, premier du top 10 des outils d'un développeur
Le 2013-08-13 17:31:46, par Cedric Chevalier, Expert éminent sénior
Que doit faire ou connaître un web designer pour être à la mode cette année 2013 ? Dans un billet de blog, Thom Philips exprime ce qui, pour lui, sera en vogue côté web design cette année.
Sans surprise, le responsive design est à l'honneur. De plus en plus de périphériques mobiles font irruption dans notre quotidien et, sans cette solution ingénieuse, les développeurs devraient être amenés à produire un code différent pour chaque périphérique cible de leur application. Dans le domaine, Zurb s'impose d'après le blogueur comme leader incontesté.
Le développeurs auront recours à l'effet de transparence offerte par CSS3 pour gérer des éléments de leurs pages web. L'utilisation de cette dernière permet de réduire le nombre d'images que les développeurs intègrent dans leurs pages web pour obtenir le même effet, ce qui a comme conséquence d'améliorer les temps de chargements.
De plus avec les facilités qu'offre le CSS3, en 2013, les développeurs opterons pour des pages avec des éléments aux coins arrondis pour des sites web encore plus beaux
La barre de défilement infini devrait envahir de nombreuses pages et sites web. D'après Thom, elle sera très à la mode.
L'autre tendance en vogue pour l'année 2013 c'est la présentation de tous les produits d'entreprises, directement sur leurs pages d'acceuil. Cette pratique permettra à ces dernières de captiver l'attention de plusieurs clients potentiels, et de maximiser ainsi leurs profits.
Le blogueur prévoit que davantage de sites web opteront pour un design mettant l'intégralité de leurs contenu dans une page unique. De plus, on devrait aussi avoir une augmentation significative du nombre d'API open source.
Les codes QR que l'on rencontre souvent sur des produits d'imprimeries comme les livres, devront envahir la toile en 2013. Pour Thom Philips, ils peuvent simplifier le processus de géolocalisation. Pour lui, les développeurs peuvent y stocker des informations utiles (numéros de téléphone, adresse mail, emplacement d'une boutique etc) qu'un utilisateur mobile peut exploiter à l'aide d'un scanner QR pour trouver rapidement ce qu'il désire.
Fortement présents sur la toile, l'utilisation des badges devrait s'accroître cette année. Le blogueur estime que d'avantage de sites web à la manière de Google+, Facebook, Twitter devront offrir eux aussi leurs badges personnalisés.
Source : blog Thom Philips
Et vous ?
Êtes-vous d'accord avec le blogueur ?
Sinon, selon vous, quelles sont les tendances en web design pour 2013 ?
Sans surprise, le responsive design est à l'honneur. De plus en plus de périphériques mobiles font irruption dans notre quotidien et, sans cette solution ingénieuse, les développeurs devraient être amenés à produire un code différent pour chaque périphérique cible de leur application. Dans le domaine, Zurb s'impose d'après le blogueur comme leader incontesté.
Le développeurs auront recours à l'effet de transparence offerte par CSS3 pour gérer des éléments de leurs pages web. L'utilisation de cette dernière permet de réduire le nombre d'images que les développeurs intègrent dans leurs pages web pour obtenir le même effet, ce qui a comme conséquence d'améliorer les temps de chargements.
De plus avec les facilités qu'offre le CSS3, en 2013, les développeurs opterons pour des pages avec des éléments aux coins arrondis pour des sites web encore plus beaux
La barre de défilement infini devrait envahir de nombreuses pages et sites web. D'après Thom, elle sera très à la mode.
L'autre tendance en vogue pour l'année 2013 c'est la présentation de tous les produits d'entreprises, directement sur leurs pages d'acceuil. Cette pratique permettra à ces dernières de captiver l'attention de plusieurs clients potentiels, et de maximiser ainsi leurs profits.
Le blogueur prévoit que davantage de sites web opteront pour un design mettant l'intégralité de leurs contenu dans une page unique. De plus, on devrait aussi avoir une augmentation significative du nombre d'API open source.
Les codes QR que l'on rencontre souvent sur des produits d'imprimeries comme les livres, devront envahir la toile en 2013. Pour Thom Philips, ils peuvent simplifier le processus de géolocalisation. Pour lui, les développeurs peuvent y stocker des informations utiles (numéros de téléphone, adresse mail, emplacement d'une boutique etc) qu'un utilisateur mobile peut exploiter à l'aide d'un scanner QR pour trouver rapidement ce qu'il désire.
Fortement présents sur la toile, l'utilisation des badges devrait s'accroître cette année. Le blogueur estime que d'avantage de sites web à la manière de Google+, Facebook, Twitter devront offrir eux aussi leurs badges personnalisés.
Source : blog Thom Philips
Et vous ?
-
rodolphebrdExpert confirméSommaire en milieu/bas de page.le 17/08/2013 à 13:10
-
MuchosMembre expert
Envoyé par Cedric Chevalier La barre de défilement infiniÊtes vous d'accord avec le blogueur ?
Pour ce qui est est des sites "one page" (en JQuery ou full CSS), ça se fait de plus en plus et c'est très bien, notamment pour des portfolios. Pour des sites plus complexes, le "une info / une page" demeure un système efficace (pour l'architecture de l'information et le référencement, notamment).Si non selon vous quelles sont les tendances en web design pour 2013 ?le 14/08/2013 à 6:44 -
MuchosMembre expert
Envoyé par imikado Envoyé par Zefling - Beaucoup de sites se ressemblent, parce que beaucoup de gens utilisent tel quel des frameworks comme Bootstrap (et peuvent enfin avoir un site pour diffuser facilement et rapidement leurs idées…).
- En suivant des conventions, les sites web facilitent leur utilisation et la diffusion de leur message.
Quant au flat design, c'est souvent souple, performant et élégant. Parfois, les designs sont effectivement neutres, ce qui n'est pas forcément un mal.le 17/08/2013 à 2:33 -
MuchosMembre expert@imikado: Merci pour les précisions. Perso, je pense que les défauts/manques graphiques sont plus dus à la conception qu'au flat lui-même.
Quant aux similarités de design, je disais que ça n'était pas un problème selon moi (au contraire).le 18/08/2013 à 0:25 -
rodolphebrdExpert confirméLe flat est un peu une réaction épidermique au skeuomorphisme et il est apparu (à tort) comme une solution simpliste.
Le flat intervient logiquement à l'ère du responsive pour allèger les poids des pages et faciliter le chargement de celles-ci sur mobile.
Envoyé par imikado
Personnellement je trouve qu'on a été trop gavé d'effets (ombre portée, dégradé...) et qu'il est intéressant de voir jusqu'où ira le flat.Envoyé par imikado
Muchos : tout à fait d'accord avec ta dernière assertion.
Il vaut mieux voir des design similaires mais correctement conçus que de naviguer sur des sites personnalisés mais hideux, tellement nombreux encore.
La nature n'aimant pas les extrêmes on arrivera forcément à un équilibre dans les techniques de design adoptées.le 18/08/2013 à 11:34 -
imikadoRédacteurLes modes vont et vienne, il faut éviter de trop les suivre: les prendre en compte, mais ne pas les calquer à moins d'avoir du temps à y passer pour faire évoluer votre design en permanence:
Sinon votre site ne cesserai d'evoluer entre skeuomorphisme, embossed et flat design
Sans parles des aides comme bootstrap
Beaucoup de sites suivant les tendances on arrive à une overdose des flat designs et responsive sur les mobiles.
ils en parlent dans cet episode de the walking web: http://www.thewalkingweb.fr/2013/07/...b-7-live-ios7/le 16/08/2013 à 17:57 -
ZeflingExpert confirméLa page infinie, une très bonne idée pour rechercher quelque chose, une très mauvaise idée pour la retrouver une seconde fois. Oui, parce que quand c'est à des kilomètres, c'est presque impossible de retomber dessus sans numéro de page ou adresse (vu qu'il n'y en a pas). Bref, c'est très bien pour des données qui de toute façon auront changé dans les heures qui suivent, mais pas pour des choses statiques.
Ça je ne te le fais pas dire, je trouvais ça moche dès que Ms à proposer sont trucs... et je trouve ça encore pire maintenant. Les sites ont tendances à tous se ressembler. De plus, trop de sites utilisent des templètes toutes faites avec les mêmes outils, on dirait que le travail de personnalisation n'existe plus. J'ai l'impression d'une régression par rapport aux sites des années 90-début 2000... Finalement, les sites tout moches des années 1990 sont parfois plus sympa que certains sites actuels, qui à vouloir trop simplifier, finissent par perdre totalement en identité visuelle.
Bon, après ce n'est que mon avis. Je vais continue en me foutant un peu de ce qui fait ailleurs pour mes site persos. Que ça plaise ou non, je m'en fous.le 16/08/2013 à 22:31 -
imikadoRédacteurje vous invite à écouter l'épisode de the Walking Web précédemment cité et vous aurez les réponses à vos questionsle 17/08/2013 à 9:11
-
MuchosMembre expert
Envoyé par imikado le 17/08/2013 à 12:58 -
imikadoRédacteurPour cette épisode:
En minute 20, parlant de squarespace et de ses templates uniformes, sans réelles originalités, ils parlent de cette tendance à tous faire pareil
A partir de la minute 48m, le débat sur IOS7 et sa nouvelle interface "flat" dévie sur le flat design sur écran "non tactile"
Mais l'épisode que j'avais en tête n'était pas celui-la, mais le 5 en fait: (désolé)
http://www.thewalkingweb.fr/2013/04/...t-webdesigner/
A partir de la minute 30 en parlant d'un article sur le "web malhonnête", et minute 35 on reparle de flatle 17/08/2013 à 14:28