Tendances web 2018 #internet #tendances #réseaux

24.622 visualizações

Publicada em

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

Publicada em: Mídias sociais

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 publiez •  Moins de HOAX •  Moins de Fake •  Moins 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. Sites de voyage, hôtel, avion ...
  22. 22. 12° Présenta]on dépouillée s’impose aux sites pro •  Fond blanc •  Objet déposé •  Très fonc]onnel
  23. 23. 13° Les photos-vraies qui font vraie- vie
  24. 24. 14° Responsive & dynamique (c’est pas nouveau mais à présent obligatoire)
  25. 25. 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 »
  26. 26. 16° Asymétrie (en force et un peu partout à présent)
  27. 27. 17° Déconstruire les formes et les photos
  28. 28. 18° Overlaps, des chevauchements dynamiques
  29. 29. 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:
  30. 30. 20° Des typos open & créa]ves (enfin!)
  31. 31. 21° La fin des menus?
  32. 32. …... ou leur version faszood
  33. 33. 22° Des liens-images qui se généralisent
  34. 34. 23° … et des images-liens
  35. 35. 24° Un sur-jouage de la structure
  36. 36. 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
  37. 37. 26° Image, toujours superstar, le clip tarde à s’imposer en HP….
  38. 38. Sites de Villes / Régions
  39. 39. 27° Visages, expressions, regards… On ne se refait pas ;o)
  40. 40. 28° Le dessin qui fait un retour en force Bye bye le vintage … place au fait main
  41. 41. 29° Induire des histoires au travers des photos
  42. 42. 30° Combiner textes et images
  43. 43. 31° Le retour du naturel #l’artdeco-is-back
  44. 44. 32° Jouer l’avant-plan (être facile à voir et à comprendre) •  Moins d’environnements •  Moins de ma]ères •  Plus de produits •  Plus de textes (mais plus courts) •  Plus de sens et •  Plus de services
  45. 45. 33° Du feel good (encore mais plus pour longtemps)
  46. 46. 34° On se reconcentre en mode graphique parce qu‘il faut être capté avant d‘être vu ou lu ;o)
  47. 47. Exemple en One page: cadres horizontaux en alterné
  48. 48. Sites de DESIGN...
  49. 49. 35° Afficher graphiquement votre « synthèse », votre summary … Traduire les datas en captures
  50. 50. Sites péda
  51. 51. 36° Sor]r du cadre pour surprendre et donner envie de se prendre au jeu
  52. 52. 37° Selfiiiiiiiiie •  Narcissisme social •  Ephémère •  Usage de plus en plus marke]ng
  53. 53. 38° Le Social design: l’omniprésence des mosaïques (merci Pinterest ;o)
  54. 54. 37° L’environnement graphique « sensé » •  Porter un message sociétal •  Soutenir ou ajouter une valeur •  Apporter une réflexion •  Susciter un engagement
  55. 55. 39° Le smart design #élégance + #malin
  56. 56. 40° 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
  57. 57. Sites de parcs na]onaux / zoo
  58. 58. 41° La ges]on des CYCLES OPTIMAUX •  L’horloge au cœur de la vie en ligne •  Faire de la semaine un rituel •  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 » ou aux « évènements-marke]ng »
  59. 59. Sites TRAVEL
  60. 60. 42° Temps contraint vs temps choisi Là où je traîne, là où je râle
  61. 61. 43° 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
  62. 62. Sites LUMINAIRES
  63. 63. 44° Scénariser #dessin #photo
  64. 64. Sites AUDIO
  65. 65. 45° Construire un univers •  Typos •  Photos •  Anima]ons •  Ligne éditoriale •  Environnement •  Tendances •  Besoins et envies •  Se différencier •  Donner l’occasion de sourire…
  66. 66. #exemple #hdps:// webvrgame.dunkirkmovie.com/
  67. 67. 46° Ici tout est désormais applica]on
  68. 68. 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
  69. 69. 45°bis: se doter d‘une iden]té numérique sympa et/ou audacieuse
  70. 70. 45° bis-bis: IA & CHATBOTS, pourra-t-on y échapper ?
  71. 71. 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/
  72. 72. À vos claviers… REALIZ, Conseil & Stratégie WEB frmeuleman@skynet.be

×