Téléchargé 986 fois
![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…](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-4-2048.jpg)
![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…](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-5-2048.jpg)
![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](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-6-2048.jpg)
![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](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-7-2048.jpg)
![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) -](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-8-2048.jpg)
![1° Après 20 ans d’absence,
c’est le retour des mo]fs &
des composi]ons de Mo]fs](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-9-2048.jpg)
![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](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-19-2048.jpg)
![12° Présenta]on dépouillée
s’impose aux sites pro
• Fond blanc
• Objet déposé
• Très fonc]onnel](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-28-2048.jpg)
![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:](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-36-2048.jpg)
![20° Des typos open &
créa]ves (enfin!)](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-37-2048.jpg)
![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](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-44-2048.jpg)
![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](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-54-2048.jpg)
![36° Sor]r du cadre
pour surprendre et
donner envie de se
prendre au jeu](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-63-2048.jpg)
![37° Selfiiiiiiiiie
• Narcissisme social
• Ephémère
• Usage de plus en plus
marke]ng](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-64-2048.jpg)
![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](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-70-2048.jpg)
![Sites de parcs na]onaux / zoo](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-71-2048.jpg)
![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 »](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-73-2048.jpg)
![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](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-79-2048.jpg)
![45° Construire un univers
• Typos
• Photos
• Anima]ons
• Ligne éditoriale
• Environnement
• Tendances
• Besoins et envies
• Se différencier
• Donner l’occasion
de sourire…](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-86-2048.jpg)
![46° Ici tout est
désormais
applica]on](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-88-2048.jpg)
![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](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-89-2048.jpg)
![45°bis: se doter
d‘une iden]té
numérique
sympa et/ou
audacieuse](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-91-2048.jpg)
![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/](https://image.slidesharecdn.com/tendancesweb2016-150322152937-conversion-gate01/75/Tendances-web-2018-internet-tendances-reseaux-93-2048.jpg)
Téléchargé parREALIZ
Tendances web 2018 #internet #tendances #réseaux
Le document aborde les tendances du community management et du design web pour 2018, en s'inspirant de l'astrologie chinoise. Il met en avant des caractéristiques clés telles que la fiabilité, l'honnêteté, l'audace et le fun, tout en soulignant l'importance de l'innovation et de l'esthétique visuelle dans la création de contenu. Plusieurs stratégies et éléments stylistiques sont présentés, tels que l'utilisation de couleurs vives, l'ergonomie responsive et l'importance de la narration visuelle.
Tendances web 2018 #internet #tendances #réseaux
- 1.
- 2.
- 3.
- 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. 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. 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. 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.
- 9.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 19. 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
- 21. • 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
- 23. 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
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 33.
- 34.
- 35.
- 36. 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:
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 51.
- 53.
- 54. 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
- 55.
- 57.
- 58.
- 59.
- 60.
- 62.
- 63.
- 64. 37° Selfiiiiiiiiie • Narcissisme social • Ephémère • Usage de plus en plus marke]ng
- 65.
- 67. 37° L’environnement graphique « sensé » • Porter un message sociétal • Soutenir ou ajouter une valeur • Apporter une réflexion • Susciter un engagement
- 69.
- 70. 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
- 71.
- 73. 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 »
- 76.
- 77.
- 79. 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
- 81.
- 82.
- 84.
- 86. 45° Construire un univers • Typos • Photos • Anima]ons • Ligne éditoriale • Environnement • Tendances • Besoins et envies • Se différencier • Donner l’occasion de sourire…
- 87.
- 88.
- 89. 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
- 91.
- 92.
- 93. F o rm 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/
- 94.