Tendances WEB 2015 2016

WEB  2016  Quelques  tendances  À  suivre  ou  à  contourner  

Skeuomorphisme  

Flatdesign  

Le  WEB  s’ergonomise  

•  Aplat  •  Flou    •  PaleEe  de  couleurs  •  Transparence  •  Police  fine  et  haute  •  Pas  d’effet  de  profondeur:  ni  3D,  ni  ombre,  ni  dégradé…  

•  Simple  à  décliner  

•  Bichromie  •  Couleurs  «  épurées  »  •  Couleurs  vives  voire  saturées  •  Couleurs  comme  suport  à  des  symboles  ou  des  textes  

•  Photos  iconiques  et  textes  en  typo  picturale  

PrésentaVon  

•  Fond  blanc  •  Objet  déposé  •  Très  foncVonnel  

2  pourcentages  •  100%  responsive  •  10%  dynamique  (des  slides  en  mieux)  

La  géométrie  toujours  tendance  

•  Vous  aussi  adoptez  une  droite  ou  une  courbe  

•  Puis  revenez  toujours  aux  angles  droits  (une  valeur  sûre)  

•  …  avec  du  blanc  «  entre  »  

Des  liens  déclinables    et  SIMPLES  

et  SYMBOLIQUES  •  Pictos  •  Symboles  •  Illus  •  Smileys          (émoVcônes)  •  Des  logos  simplifiés  •  Le  retour  des  iniVales  

Des  liens-­‐images  

Des  images-­‐liens  en  plein  écran  

Un  sur-­‐jouage  de  la  structure  

Monopage  

•  Influence  du  tacVle  et  des  blogs  •  La  page  présente  l’ensemble;  le  lien  est  direct  

Image,  toujours  superstar  

Visages,  expressions,  regards…  

•  Le  dessin  qui  fait  un  retour            en  force  •  Idem  pour  le  vintage  •  Typo,  dessin,  photo…  

Créer  des  histoires  

Combiner  textes  et  images  

Le  retour  du  naturel  (combiné)  

Jouer  l’avant-­‐plan  

•  Moins  d’environnement  •  Moins  de  maVère  •  Plus  de  produit  •  Plus  de  texte  (mais  plus  court)  

•  Plus  de  sens  et    •  Plus  de  service  

Du  feel  good!  

Ici  tout  est  applicaVon  

•  Afficher  graphiquement  votre  «  synthèse  »,  votre  summary  …  

•  Traduire  les  datas  en  capture  

Sortez  du  cadre  

Selfiiiiiiiiie  

•  Narcissisme  social  •  Ephémère  •  Compteur  (combien  de  likes?)  

Le  Social  design:    l’omniprésence  des  mosaïques  

(merci  Pinterest  ;o)  

L’environnement  graphique  «  sensé  »  

•  Porter  un  message  sociétal  •  Soutenir  ou  ajouter  une  valeur  •  Apporter  une  réflexion  •  Susciter  un  engagement  

Le  smart  design  

Communauté  

•  Co-­‐écriture  maîtrisée  •  Commentaires  réels:  le  dialogue  et  les  rôles  comme  dans  une  «  pièce  »  

•  Donc  paradoxe:  moins  d’échanges  mais  plus  de  relaVons  

•  Apporter  aussi  un  univers  

La  gesVon  des  CYCLES  OPTIMAUX  

•  L’horloge  au  cœur  de  la  vie  du  blog  •  Faire  de  la  semaine  un  rituel  culturel  •  Le  marronnier  •  Faire  vivre  un  événement  en  direct  •  Faire  partager  une  réflexion  en  temps-­‐zéro  

•  Et  ne  pas  hésiter  à  allonger  les  cycles…  donner  du  temps  aux  idées  et  aux  «  mouvements-­‐culturels  »  

Temps  =  Argent  Pas  si  faux  

Là  où  je  traîne,  là  où  je  râle  

Un  blog,  ça  peut  être  durable?  

•  La  noVon  de  gaspillage  graphique  •  Celle  de  la  débauche  ergonomique  •  Celle  du  complexe  et  du  symbolique  creux  

•  L’environnement  du  site  est  déjà  un  engagement  

•  UVlité  •  Engagement  •  PerVnence    •  Cohérence  

•  Savoir  aussi  faire  efficace  

•  Copier  le  pire  ;o)  

Scénariser  

Construire  un  univers  

•  Typos  •  Photos  •  AnimaVons  •  Ligne  éditoriale  

•  Environnement  •  Tendances  •  Besoins  et  envies  •  Se  différencier  •  Donner  l’occasion  de  sourire…  

Un  dernier  conseil  Toujours  ressembler  à  un  blog….  

À  vos  claviers…  REALIZ,    Conseil  &  Stratégie  WEB  frmeuleman@skynet.be