Se ha denunciado esta presentación.
L’année	du	Chien	de	terre	
Community		
Management	
TENDANCES	
WEB	2018
Et	si	nous	laissions	à	
l’astrologie	chinoise	nous	
dicter	ce	qu’il	pourrait	
advenir	du	WEB	en	2018?	
Il	sera	donc	(sauf	...
Fiable	
Sites,	blogs,	réseaux,	UGC,	
applis	et	graphes…	On	devra	
pouvoir	«	compter	sur	vous	»	
•  Responsive	
•  Stable	e...
Honnête	
Sites,	blogs,	réseaux,	UGC,	applis	et	
graphes…	On	devra	pouvoir	croire	en	
ce	que	vous	publiez	
•  Moins	de	HOAX...
Aventurier	
Sites,	blogs,	réseaux,	UGC,	
applis	et	graphes…	Il	va	falloir	
oser,	être	créa]fs.	
•  De	nouveaux	concepts,	
...
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...
Luna]que	
Sites,	blogs,	réseaux,	UGC,	applis	et	
graphes…	Ils	vont	nous	surprendre	
•  Changer	de	logo,	de	HP,	d’illus…	
•...
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	
	...
1°	Après	20	ans	d’absence,	
c’est	le	retour	des	mo]fs	&	
des	composi]ons	de	Mo]fs
2°	le	stroboscope	&	effet	de	
couleurs	(à	confirmer)
3°	La	fin	programmée	du	
pastel?
4°	Les	pantones	calculés	par	
algorithme
4°	Les	couleurs	se	lâchent
5°	Skeuomorphisme	/0
6°	Flatdesign	/1
7°	Les	couleurs	donnent	sens	
L’objec]f:	Etre	simple	à	
«	deviner	»…	ce	qu’elles	
racontent,	ce	qu’elles	
désignent	
•  Pa...
•  Aplat	
•  Moins	d’effet	de	profondeur:	ni	3D,	
ni	ombre,	ni	dégradé…	
•  Prépondérance	aux	ledres	et	aux	
chiffres	(	site...
9.	Jouer	avec	les	divisions,	
les	couleurs,	(les	bords	
aussi)		et	les	photos	
•  Flou		/	Transparence	
				ou	overlaps	
•...
10°	Le	mouvement	osé	
mais	très-trends		
#àvoir	hdp://jordansowers.com/
11°	L‘arrivé	du	hard-discount	
dans	le	graphisme
Sites	de	voyage,	hôtel,	
avion	...
12°	Présenta]on	dépouillée	
s’impose	aux	sites	pro	
•  Fond	blanc	
•  Objet	déposé	
•  Très	fonc]onnel
13°	Les	
photos-vraies	
qui	font	vraie-
vie
14°	Responsive	&	dynamique	(c’est	pas	
nouveau	mais	à	présent	obligatoire)
15°	La	géométrie-90°	
toujours	tendance	
•  Vous	aussi	adoptez	une	droite	ou	une	
courbe	
•  Puis	revenez	toujours	aux	ang...
16°	Asymétrie	(en	force	et	un	
peu	partout	à	présent)
17°	Déconstruire	les	formes	
et	les	photos
18°	Overlaps,	des	
chevauchements	dynamiques
19°	Des	liens	déclinables		
et	SIMPLES	
et	SYMBOLIQUES	•  Pictos	
•  Symboles	
•  Illus	
•  Smileys		
			(émo]cônes)	
•  D...
20°	Des	typos	open	&	
créa]ves	(enfin!)
21°	La	fin	des	menus?
…...	ou	leur	version	faszood
22°	Des	liens-images	qui	se	
généralisent
23°	…	et	des	images-liens
24°	Un	sur-jouage	de	la	
structure
25°	Monopage,	des	carrés	et	
des	rectangles	
•  Influence	du	tac]le	et	des	blogs	
•  La	page	présente	l’ensemble;	le	
lien	...
26°	Image,	toujours	
superstar,	le	clip	tarde	à	
s’imposer	en	HP….
Sites	de	Villes	/	Régions
27°	Visages,	expressions,	regards…	
On	ne	se	refait	pas	;o)
28°	Le	dessin	qui	fait	
un	retour	en	force	
Bye	bye	le	vintage	
…	place	au	fait	main
29°	Induire	des	histoires	au	
travers	des	photos
30°	Combiner	textes	et	images
31°	Le	retour	du	naturel	
#l’artdeco-is-back
32°	Jouer	l’avant-plan	(être	
facile	à	voir	et	à	comprendre)	
•  Moins	d’environnements	
•  Moins	de	ma]ères	
•  Plus	de	p...
33°	Du	feel	good	(encore	
mais	plus	pour	longtemps)
34°	On	se	reconcentre	
en	mode	graphique	
parce	qu‘il	faut	être	
capté	avant	d‘être	vu	
ou	lu	;o)
Exemple	en	One	page:	
cadres	horizontaux	en	
alterné
Sites	de	DESIGN...
35°	Afficher	
graphiquement	votre	
«	synthèse	»,	votre	
summary	…	
Traduire	les	datas	en	
captures
Sites	péda
36°	Sor]r	du	cadre	
pour	surprendre	et	
donner	envie	de	se	
prendre	au	jeu
37°	Selfiiiiiiiiie	
•  Narcissisme	social	
•  Ephémère	
•  Usage	de	plus	en	plus	
marke]ng
38°	Le	Social	design:		
l’omniprésence	des	mosaïques	
(merci	Pinterest	;o)
37°	L’environnement	
graphique	«	sensé	»	
•  Porter	un	message	sociétal	
•  Soutenir	ou	ajouter	une	valeur	
•  Apporter	un...
39°	Le	smart	design	
#élégance	+	#malin
40°	Communauté:	faire	par	
les	autres	ce	que	l’on	ferait	
soi-même	moins	bien	
•  Co-écriture	maîtrisée	
•  Commentaires	r...
Sites	de	parcs	na]onaux	/	zoo
41°	La	ges]on	des	
CYCLES	OPTIMAUX	
•  L’horloge	au	cœur	de	la	vie	en	ligne	
•  Faire	de	la	semaine	un	rituel		
•  Le	marr...
Sites	TRAVEL
42°	Temps	contraint	vs	
temps	choisi	
	
Là	où	je	traîne,	
là	où	je	râle
43°	Un	blog,	un	site,	une	page,	
un	flux…	ça	peut	être	durable?	
•  La	no]on	de	gaspillage	graphique	
•  Celle	de	la	débauc...
Sites	LUMINAIRES
44°	Scénariser	#dessin	#photo
Sites	AUDIO
45°	Construire	un	univers	
•  Typos	
•  Photos	
•  Anima]ons	
•  Ligne	éditoriale	
•  Environnement	
•  Tendances	
•  Beso...
#exemple	#hdps://
webvrgame.dunkirkmovie.com/
46°	Ici	tout	est	
désormais	
applica]on
Appli‘s	Trends	
•  Applis	cogni]ves	(EI)	
•  Les	pubs	résistent	malgré	
ad*	
•  Paiement	enfin	
•  Jeux	encore	toujours	et	...
45°bis:	se	doter	
d‘une	iden]té	
numérique	
sympa	et/ou	
audacieuse
45°	bis-bis:	IA	&	
CHATBOTS,		
pourra-t-on	y	
échapper	?
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,...
À	vos	claviers…	
REALIZ,		
Conseil	&	Stratégie	WEB	
frmeuleman@skynet.be
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Tendances web 2018 #internet #tendances #réseaux
Próxima SlideShare
Cargando en…5
×

Tendances web 2018 #internet #tendances #réseaux

24.637 visualizaciones

Publicado el

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

Publicado en: Redes sociales

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

×