Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Quelles technologies utilisez-vous pour la conception des pages Web ?
Le Responsive Design, premier du top 10 des outils d'un développeur

Le , par Cedric Chevalier

0PARTAGES

7  0 
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 ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de rodolphebrd
Expert confirmé https://www.developpez.com
Le 17/08/2013 à 13:10
Sommaire en milieu/bas de page.
2  0 
Avatar de Muchos
Membre expert https://www.developpez.com
Le 14/08/2013 à 6:44
Citation Envoyé par Cedric Chevalier
la transparence CSS3 a un effet bénéfique sur le temps de chargement des pages web, puisqu'elle limite le recours aux outils de retouche photos
Euh… Vous voulez sans doute dire qu'un effet de transparence sur une image évitera d'avoir à charger une autre image simulant l'effet de transparence ?

La barre de défilement infini
En JQuery, non ? Car je n'ai trouvé aucun exemple en full CSS.

Êtes vous d'accord avec le blogueur ?
Oui, sur les images de produits dès la première page, sur le recours aux effets CSS3, et surtout sur le responsive/adaptive design.
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 flat design ne s'est pas encore imposé. Je pense aussi que les menus vont passer dans les footer, et que les webdesigners vont désormais penser aux terminaux mobiles puis au desktop.
1  0 
Avatar de Muchos
Membre expert https://www.developpez.com
Le 17/08/2013 à 2:33
Citation Envoyé par imikado
on arrive à une overdose des flat designs et responsive sur les mobiles
C'est quoi, une overdose de responsive ?

Citation Envoyé par Zefling
Les sites ont tendances à tous se ressembler.
Je ne pense pas que ce soit un problème, et ce pour deux raisons :

  1. 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…).
  2. 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.
1  0 
Avatar de Muchos
Membre expert https://www.developpez.com
Le 18/08/2013 à 0:25
@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).
1  0 
Avatar de rodolphebrd
Expert confirmé https://www.developpez.com
Le 18/08/2013 à 11:34
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.
Citation Envoyé par imikado
en enlevant tout (ombre portée, dégradé...) on frustre les graphistes dans leurs créa
Pas tellement d'accord car justement le flat apparaissant comme simpliste oblige le graphiste à chercher un moyen de créer avec concision. C'était d'ailleurs la devise de Steve Jobs qui expliquait qu'il était plus compliqué de rationaliser un design.
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.

Citation Envoyé par imikado
sur une interface non tactile, on a du mal à distinguer une zone cliquable d'une zone texte normale
Quand il s'agit d'un menu il n'y a pas d'équivoque pour le reste il faut effectivement appréhender le design avec plus de finesse.

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.
1  0 
Avatar de imikado
Rédacteur https://www.developpez.com
Le 16/08/2013 à 17:57
Les 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/
0  0 
Avatar de Zefling
Membre expert https://www.developpez.com
Le 16/08/2013 à 22:31
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.

Citation Envoyé par imikado Voir le message
on arrive à une overdose des flat designs
Ç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.
0  0 
Avatar de imikado
Rédacteur https://www.developpez.com
Le 17/08/2013 à 9:11
Citation Envoyé par Muchos Voir le message
C'est quoi, une overdose de responsive ?

Je ne pense pas que ce soit un problème, et ce pour deux raisons :

  1. 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…).
  2. 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.
je vous invite à écouter l'épisode de the Walking Web précédemment cité et vous aurez les réponses à vos questions
0  0 
Avatar de Muchos
Membre expert https://www.developpez.com
Le 17/08/2013 à 12:58
Citation Envoyé par imikado
je vous invite à écouter l'épisode de the Walking Web précédemment cité
Non (1h10 de vidéo, pas de sommaire…)
0  0 
Avatar de imikado
Rédacteur https://www.developpez.com
Le 17/08/2013 à 14:28
Pour 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 flat
0  0