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, Chroniqueur Actualités
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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Muchos Muchos
http://www.developpez.com
Expert Confirmé
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.
Avatar de imikado imikado
http://www.developpez.com
Rédacteur
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: aller sur un smarphone sur le site de korben.info puis sur le site de bloglinux.ca et vous aurez presque l'impression de ne pas avoir changé de site
Korben.info vous connaissez, bloglinux.ca est un podcast tech

ils en parlent dans cet episode de the walking web: http://www.thewalkingweb.fr/2013/07/...b-7-live-ios7/
Avatar de Zefling Zefling
http://www.developpez.com
Membre Expert
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.
Avatar de Muchos Muchos
http://www.developpez.com
Expert Confirmé
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.
Avatar de imikado imikado
http://www.developpez.com
Rédacteur
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
Avatar de Muchos Muchos
http://www.developpez.com
Expert Confirmé
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…)
Avatar de rodolphebrd rodolphebrd
http://www.developpez.com
Modérateur
le 17/08/2013 13:10
Sommaire en milieu/bas de page.
Avatar de imikado imikado
http://www.developpez.com
Rédacteur
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
Avatar de swissmarmot swissmarmot
http://www.developpez.com

le 17/08/2013 18:10
On y parle que de techno qui ont au minimum 5 ans (les trucs CSS). Les QR code qui sont un gros foirage en occident, la moitié des possesseurs de smartphone ne savent même pas les scanner...

Citation Envoyé par blog
This is going to be the year of open source and API dévelopment.

Non sérieux?
Avatar de Muchos Muchos
http://www.developpez.com
Expert Confirmé
le 17/08/2013 20:42
@imikado:
Leurs avis sur le flat sont divers, et les avis "contre" ne me convainquent pas (ils sont basés sur des questions de goût).
Et je ne sais toujours pas ce que signifie «overdose de responsive». L'un des intervenants dit que c'est une mode; j'appelle ça une bonne pratique…

@swissmarmot:
Malgré votre ton méprisant, je partage assez votre avis (les QR code, les coins arrondis, la "vogue" qui l'est déjà…)
Offres d'emploi IT
Chef de Projet Informatique MOE H/F
CDI
BNP Paribas - Ile de France - MONTREUIL (93100)
Parue le 17/10/2014
DEVELOPPEUR B.I. SENIOR (H/F)
CDI
MCNEXT - Ile de France - Paris (75002)
Parue le 31/10/2014
INGENIEUR D’ETUDE SHAREPOINT SENIOR (H/F)
CDI
MCNEXT - Ile de France - Paris (75002)
Parue le 31/10/2014

Voir plus d'offres Voir la carte des offres IT
 
 
 
 
Partenaires

PlanetHoster
Ikoula