Cours en ligne : partie 1 des tendances 2020 en ligne #CONDORCET #REALIZ #TECHNOCITE

1. CONDORCET
TENDANCES
WEB 2020

2. Il sera donc (sauf erreur de
leur calendrier): fiable,
honnête, aventurier,
fun et lunatique

3. Fiable
Sites, blogs, réseaux, UGC,
applis et graphes… On devra
pouvoir « compter sur vous »
• Responsive
• Stable et (donc) accessible
• Ergonomique

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élations, de
manipulations, de mensonges…

5. Aventurier
Sites, blogs, réseaux, UGC,
applis et graphes… Il va falloir
oser, être créatif.
• De nouveaux concepts,
services…
• Des applications qui
innovent,
• De nouveaux graphismes, de
nouvelles ergonomies…

7. Fun
Sites, blogs, réseaux, UGC, applis
et graphes… On veut du positif 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

8. Lunatique
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,
investir dans le renouveau,
• Et alors que tout était acquis, se
lancer de nouveaux paris

9. On vous propose
29 tends pour cette
année-très-masquée
Attention: Trends n’est loi, à vous d’en
faire ce que vous voulez

10. 1° Après 20 ans d’absence,
c’est le retour des motifs &
des compositions de Motifs

11. 2° le stroboscope & effet de
couleurs (à confirmer)

12. http://www.elsamuse.com/

13. 3° La fin programmée du
pastel?

14. 4° Les pantones calculés par
algorithme

15. 4° Les couleurs se lâchent

16. http://margaretzhang.com.au/

17. 5° Skeuomorphisme /0

18. 6° Flatdesign /1

21. 7° Le WEB
s’ergonomise en
ordre de bataille (il
faut vendre) et le
graphisme suit

22. 8° Les couleurs donnent sens
L’objectif: Etre
simple à « deviner »…
ce qu’elles racontent,
ce qu’elles désignent

24. http://www.cuillere-a-absinthe.fr/

25. 9. Jouer avec les divisions,
les couleurs, (les bords
aussi) et les photos
• Flou / Transparence
ou overlaps
• Police fine et haute

27. 10° Le mouvement osé
mais très-trends
#àvoir https://www.m-o-l-l-y.com

28. 11° L‘arrivé du hard-discount
dans le graphisme

29. 12° Présentation dépouillée
s’impose aux sites pro
(infinitif)
• Fond blanc
• Objet déposé
• Très fonctionnel

30. 13° Les
photos-vraies
qui font vraie-
vie

31. 14° Responsive & dynamique (c’est pas
nouveau mais à présent obligatoire)

34. 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 »

35. http://www.schoolgallery.fr/marie-orensanz/

36. 16° Asymétrie (en force et un
peu partout à présent)

37. 17° Déconstruire les formes
et les photos

38. 18° Overlaps, des
chevauchements dynamiques

39. 19° Des liens déclinables
et SIMPLES
et SYMBOLIQUES

40. 20° Des typos open &
créatives (enfin!)

41. 21° La fin des menus?

42. …... ou leur version fastfood

43. 22° Des liens-images qui se
généralisent

44. 23° … et des images-liens

45. 24° Un sur-jouage de la
structure

47. 25° Monopage, des carrés et
des rectangles
• Influence du tactile et des blogs
• La page présente l’ensemble; le
lien est direct

48. 26° Le dessin qui fait
un retour en force
Bye bye le vintage
… place au fait main

49. 27° Combiner textes et images

51. 28° Du feel good (encore
mais plus pour longtemps)

53. 29° La gestion 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

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