Tendances web 2018 #internet #tendances #réseaux

23 948 vues

Publié le

Les grandes tendances du web pour 2018 #internet #tendances #réseaux #REALIZ #technocité

Publié dans : Médias sociaux

Tendances web 2018 #internet #tendances #réseaux

  1. 1. L’année du Chien de terre Community Management TENDANCES WEB 2018
  2. 2. Et si nous laissions à l’astrologie chinoise nous dicter ce qu’il pourrait advenir du WEB en 2018? Il sera donc (sauf erreur de leur calendrier): fiable, honnête, aventurier, fun et luna2que
  3. 3. Fiable Sites, blogs, réseaux, UGC, applis et graphes… On devra pouvoir « compter sur vous » •  Responsive •  Stable et (donc) accessible •  Ergonomique
  4. 4. Honnête Sites, blogs, réseaux, UGC, applis et graphes… On devra pouvoir croire en ce que vous publier •  Plus de HOAX •  Plus de Fake News •  Plus de fausses corréla^ons, de manipula^on, de mensonges…
  5. 5. Aventurier Sites, blogs, réseaux, UGC, applis et graphes… Il va falloir oser, être créa^fs. •  De nouveaux concepts, services… •  Des applica^ons qui innovent, •  De nouveaux graphismes, de nouvelles ergonomies…
  6. 6. Fun Sites, blogs, réseaux, UGC, applis et graphes… On veut du posi^f et du sympa •  Pas que du sérieux •  De l’humour et de la dérision •  Pas toujours (et pas que) mais il faut nous faire sourire ou jouer
  7. 7. Luna^que Sites, blogs, réseaux, UGC, applis et graphes… Ils vont nous surprendre •  Changer de logo, de HP, d’illus… •  Sans raison, se lancer des défis, inves^r dans le renouveau, •  Et alors que tout était acquis, se lancer de nouveaux paris
  8. 8. On vous propose 45 tends pour cede année-très-woaf Aden^on: Trends n’est loi, à vous d’en faire ce que vous voulez Note: Ce signe désigne un exercice - ces slides sont le support du cours de Community Management de Technocité (Mons) -
  9. 9. 1° Après 20 ans d’absence, c’est le retour des mo^fs & des composi^ons de Mo^fs
  10. 10. 2° le stroboscope & effet de couleurs (à confirmer)
  11. 11. 3° La fin programmée du pastel?
  12. 12. 4° Les pantones calculés par algorithme
  13. 13. 4° Les couleurs se lâchent
  14. 14. 5° Skeuomorphisme /0
  15. 15. 6° Flatdesign /1
  16. 16. 7° Les couleurs donnent sens L’objec^f: Etre simple à « deviner »… ce qu’elles racontent, ce qu’elles désignent •  Palede de couleurs primaires •  Bichromie (parfois) •  Couleurs « épurées » •  Couleurs vives, voire saturées •  Couleurs comme support à des symboles ou des textes •  Couleurs à volumes, à angles ou à courbes
  17. 17. •  Aplat •  Moins d’effet de profondeur: ni 3D, ni ombre, ni dégradé… •  Prépondérance aux ledres et aux chiffres ( sites e-commerce Hard Discount mais pas que) 8° Le WEB s’ergonomise en ordre de bataille (il faut vendre) et le graphisme suit
  18. 18. 9. Jouer avec les divisions, les couleurs, (les bords aussi) et les photos •  Flou / Transparence ou overlaps •  Police fine et haute •  Photos iconiques et textes en typo picturale
  19. 19. 10° Le mouvement osé mais très-trends #àvoir hdp://jordansowers.com/
  20. 20. 11° L‘arrivé du hard-discount dans le graphisme
  21. 21. 12° Présenta^on dépouillée s’impose aux sites pro •  Fond blanc •  Objet déposé •  Très fonc^onnel
  22. 22. 13° Les photos-vraies qui font vraie- vie
  23. 23. 14° Responsive & dynamique (c’est pas nouveau mais à présent obligatoire)
  24. 24. 15° La géométrie-90° toujours tendance •  Vous aussi adoptez une droite ou une courbe •  Puis revenez toujours aux angles droits (une valeur sûre) •  … avec du blanc « entre »
  25. 25. 16° Asymétrie (en force et un peu partout à présent)
  26. 26. 17° Déconstruire les formes et les photos
  27. 27. 18° Overlaps, des chevauchements dynamiques
  28. 28. 19° Des liens déclinables et SIMPLES et SYMBOLIQUES •  Pictos •  Symboles •  Illus •  Smileys (émo^cônes) •  Des logos simplifiés •  Le retour des ini^ales •  Plus d’infos Slideshare:
  29. 29. 20° Des typos open & créa^ves (enfin!)
  30. 30. 21° La fin des menus?
  31. 31. …... ou leur version faszood
  32. 32. 22° Des liens-images qui se généralisent
  33. 33. 23° … et des images-liens
  34. 34. 24° Un sur-jouage de la structure
  35. 35. 25° Monopage, des carrés et des rectangles •  Influence du tac^le et des blogs •  La page présente l’ensemble; le lien est direct
  36. 36. 26° Image, toujours superstar, le clip tarde à s’imposer en HP….
  37. 37. 27° Visages, expressions, regards… On ne se refait pas ;o)
  38. 38. 28° Le dessin qui fait un retour en force Bye bye le vintage … place au fait main
  39. 39. 29° Induire des histoires au travers des photos
  40. 40. 30° Combiner textes et images
  41. 41. 31° Le retour du naturel #l’artdeco-is-back
  42. 42. 32° Jouer l’avant-plan (être facile à voir et à comprendre) •  Moins d’environnement •  Moins de ma^ère •  Plus de produit •  Plus de texte (mais plus court) •  Plus de sens et •  Plus de service
  43. 43. 33° Du feel good (encore mais plus pour longtemps)
  44. 44. 34° On se reconcentre en mode graphique parce qu‘il faut être capté avant d‘être vu ou lu ;o)
  45. 45. Sites de DESIGN...
  46. 46. 33° Afficher graphiquement votre « synthèse », votre summary … Traduire les datas en captures
  47. 47. Sites péda
  48. 48. 34° Sor^r du cadre pour surprendre et donner envie de se prendre au jeu
  49. 49. 35° Selfiiiiiiiiie •  Narcissisme social •  Ephémère •  Usage de plus en plus marke^ng
  50. 50. Sites de Villes / Régions
  51. 51. 36° Le Social design: l’omniprésence des mosaïques (merci Pinterest ;o)
  52. 52. 37° L’environnement graphique « sensé » •  Porter un message sociétal •  Soutenir ou ajouter une valeur •  Apporter une réflexion •  Susciter un engagement
  53. 53. 38° Le smart design #élégance + #malin
  54. 54. 39° Communauté: faire par les autres ce que l’on ferait soi-même moins bien •  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 rela^ons •  Apporter aussi un univers
  55. 55. Sites de parcs na^onaux / zoo
  56. 56. 40° La ges^on 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 »
  57. 57. Sites TRAVEL
  58. 58. 41° Temps contraint vs temps choisi Là où je traîne, là où je râle
  59. 59. 42° Un blog, un site, une page, un flux… ça peut être durable? •  La no^on 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
  60. 60. Sites LUMINAIRES
  61. 61. 43° Scénariser #dessin #photo
  62. 62. Sites AUDIO
  63. 63. 44° Construire un univers •  Typos •  Photos •  Anima^ons •  Ligne éditoriale •  Environnement •  Tendances •  Besoins et envies •  Se différencier •  Donner l’occasion de sourire…
  64. 64. #exemple #hdps:// webvrgame.dunkirkmovie.com/
  65. 65. 45° Ici tout est désormais applica^on
  66. 66. Appli‘s Trends •  Applis cogni^ves (EI) •  Les pubs résistent malgré ad* •  Paiement enfin •  Jeux encore toujours et plus (et en mieux) •  On s’ubérise toujours plus
  67. 67. 45°bis: se doter d‘une iden^té numérique sympa et/ou audacieuse
  68. 68. 45° bis-bis: IA & CHATBOTS, pourra-t-on y échapper ?
  69. 69. F o r m a ^ o n e n C o m m u n i t y Management #leader Plutôt que d’écouter ceux qui reproduisent nos contenus, choisissez l’original ;o) Forma^ons entreprises #top Forma2on gratuite pour les demandeurs d’emploi #top-aussi Plus d’infos: hdp://www.technocite.be/
  70. 70. À vos claviers… REALIZ, Conseil & Stratégie WEB frmeuleman@skynet.be

×