Tendances web 2016 #internet #tendances #réseaux

94
L’année du Chien de terre Community Management TENDANCES WEB 2018

Transcript of Tendances web 2016 #internet #tendances #réseaux

Page 1: Tendances web 2016 #internet #tendances #réseaux

L’annéeduChiendeterre

CommunityManagementTENDANCESWEB2018

Page 2: Tendances web 2016 #internet #tendances #réseaux

Etsinouslaissionsàl’astrologiechinoisenousdictercequ’ilpourraitadvenirduWEBen2018?

Ilseradonc(sauferreurdeleurcalendrier):fiable,honnête,aventurier,funetluna2que

Page 3: Tendances web 2016 #internet #tendances #réseaux

FiableSites,blogs,réseaux,UGC,applisetgraphes…Ondevrapouvoir«comptersurvous»•  Responsive•  Stableet(donc)accessible•  Ergonomique

Page 4: Tendances web 2016 #internet #tendances #réseaux

HonnêteSites,blogs,réseaux,UGC,applisetgraphes…Ondevrapouvoircroireencequevouspubliez•  MoinsdeHOAX•  MoinsdeFake•  Moinsdefaussescorréla]ons,demanipula]on,demensonges…

Page 5: Tendances web 2016 #internet #tendances #réseaux

AventurierSites,blogs,réseaux,UGC,applisetgraphes…Ilvafalloiroser,êtrecréa]fs.•  Denouveauxconcepts,services…

•  Desapplica]onsquiinnovent,

•  Denouveauxgraphismes,denouvellesergonomies…

Page 6: Tendances web 2016 #internet #tendances #réseaux

FunSites,blogs,réseaux,UGC,applisetgraphes…Onveutduposi]fetdusympa•  Pasquedusérieux•  Del’humouretdeladérision•  Pastoujours(etpasque)maisilfautnousfairesourireoujouer

Page 7: Tendances web 2016 #internet #tendances #réseaux

Luna]queSites,blogs,réseaux,UGC,applisetgraphes…Ilsvontnoussurprendre•  Changerdelogo,deHP,d’illus…•  Sansraison,selancerdesdéfis,inves]rdanslerenouveau,

•  Etalorsquetoutétaitacquis,selancerdenouveauxparis

Page 8: Tendances web 2016 #internet #tendances #réseaux

Onvouspropose45tendspourcedeannée-très-woafAden]on:Trendsn’estloi,àvousd’enfairecequevousvoulez

Note:Cesignedésigneunexercice-ces slidessontlesupportducoursde CommunityManagementde Technocité(Mons)-

Page 9: Tendances web 2016 #internet #tendances #réseaux

1°Après20ansd’absence,c’estleretourdesmo]fs&descomposi]onsdeMo]fs

Page 10: Tendances web 2016 #internet #tendances #réseaux
Page 11: Tendances web 2016 #internet #tendances #réseaux

2°lestroboscope&effetdecouleurs(àconfirmer)

Page 12: Tendances web 2016 #internet #tendances #réseaux

3°Lafinprogramméedupastel?

Page 13: Tendances web 2016 #internet #tendances #réseaux

4°Lespantonescalculésparalgorithme

Page 14: Tendances web 2016 #internet #tendances #réseaux

4°Lescouleursselâchent

Page 15: Tendances web 2016 #internet #tendances #réseaux

5°Skeuomorphisme/0

Page 16: Tendances web 2016 #internet #tendances #réseaux

6°Flatdesign/1

Page 17: Tendances web 2016 #internet #tendances #réseaux
Page 18: Tendances web 2016 #internet #tendances #réseaux
Page 19: Tendances web 2016 #internet #tendances #réseaux

7°LescouleursdonnentsensL’objec]f:Etresimpleà«deviner»…cequ’ellesracontent,cequ’ellesdésignent•  Palededecouleursprimaires•  Bichromie(parfois)•  Couleurs«épurées»•  Couleursvives,voiresaturées•  Couleurscommesupportàdes

symbolesoudestextes•  Couleursàvolumes,àanglesouà

courbes

Page 20: Tendances web 2016 #internet #tendances #réseaux
Page 21: Tendances web 2016 #internet #tendances #réseaux

•  Aplat•  Moinsd’effetdeprofondeur:ni3D,niombre,nidégradé…

•  Prépondéranceauxledresetauxchiffres(sitese-commerceHardDiscountmaispasque)

8°LeWEBs’ergonomiseenordredebataille(ilfautvendre)etlegraphismesuit

Page 22: Tendances web 2016 #internet #tendances #réseaux
Page 23: Tendances web 2016 #internet #tendances #réseaux

9.Joueraveclesdivisions,lescouleurs,(lesbordsaussi)etlesphotos•  Flou/Transparenceouoverlaps•  Policefineethaute•  Photosiconiquesettextesentypopicturale

Page 24: Tendances web 2016 #internet #tendances #réseaux
Page 25: Tendances web 2016 #internet #tendances #réseaux

10°Lemouvementosémaistrès-trends#àvoirhdp://jordansowers.com/

Page 26: Tendances web 2016 #internet #tendances #réseaux

11°L‘arrivéduhard-discountdanslegraphisme

Page 27: Tendances web 2016 #internet #tendances #réseaux

Sitesdevoyage,hôtel,avion...

Page 28: Tendances web 2016 #internet #tendances #réseaux

12°Présenta]ondépouillées’imposeauxsitespro•  Fondblanc•  Objetdéposé•  Trèsfonc]onnel

Page 29: Tendances web 2016 #internet #tendances #réseaux

13°Lesphotos-vraiesquifontvraie-vie

Page 30: Tendances web 2016 #internet #tendances #réseaux

14°Responsive&dynamique(c’estpasnouveaumaisàprésentobligatoire)

Page 31: Tendances web 2016 #internet #tendances #réseaux

15°Lagéométrie-90°toujourstendance•  Vousaussiadoptezunedroiteouunecourbe

•  Puisreveneztoujoursauxanglesdroits(unevaleursûre)

•  …avecdublanc«entre»

Page 32: Tendances web 2016 #internet #tendances #réseaux
Page 33: Tendances web 2016 #internet #tendances #réseaux

16°Asymétrie(enforceetunpeupartoutàprésent)

Page 34: Tendances web 2016 #internet #tendances #réseaux

17°Déconstruirelesformesetlesphotos

Page 35: Tendances web 2016 #internet #tendances #réseaux

18°Overlaps,deschevauchementsdynamiques

Page 36: Tendances web 2016 #internet #tendances #réseaux

19°DesliensdéclinablesetSIMPLES

etSYMBOLIQUES•  Pictos•  Symboles•  Illus•  Smileys(émo]cônes)•  Deslogossimplifiés•  Leretourdesini]ales•  Plusd’infosSlideshare:

Page 37: Tendances web 2016 #internet #tendances #réseaux

20°Destyposopen&créa]ves(enfin!)

Page 38: Tendances web 2016 #internet #tendances #réseaux

21°Lafindesmenus?

Page 39: Tendances web 2016 #internet #tendances #réseaux

…...ouleurversionfaszood

Page 40: Tendances web 2016 #internet #tendances #réseaux

22°Desliens-imagesquisegénéralisent

Page 41: Tendances web 2016 #internet #tendances #réseaux

23°…etdesimages-liens

Page 42: Tendances web 2016 #internet #tendances #réseaux

24°Unsur-jouagedelastructure

Page 43: Tendances web 2016 #internet #tendances #réseaux
Page 44: Tendances web 2016 #internet #tendances #réseaux

25°Monopage,descarrésetdesrectangles•  Influencedutac]leetdesblogs•  Lapageprésentel’ensemble;lelienestdirect

Page 45: Tendances web 2016 #internet #tendances #réseaux

26°Image,toujourssuperstar,lecliptardeàs’imposerenHP….

Page 46: Tendances web 2016 #internet #tendances #réseaux

SitesdeVilles/Régions

Page 47: Tendances web 2016 #internet #tendances #réseaux

27°Visages,expressions,regards…Onneserefaitpas;o)

Page 48: Tendances web 2016 #internet #tendances #réseaux

28°LedessinquifaitunretourenforceByebyelevintage…placeaufaitmain

Page 49: Tendances web 2016 #internet #tendances #réseaux

29°Induiredeshistoiresautraversdesphotos

Page 50: Tendances web 2016 #internet #tendances #réseaux
Page 51: Tendances web 2016 #internet #tendances #réseaux

30°Combinertextesetimages

Page 52: Tendances web 2016 #internet #tendances #réseaux
Page 53: Tendances web 2016 #internet #tendances #réseaux

31°Leretourdunaturel#l’artdeco-is-back

Page 54: Tendances web 2016 #internet #tendances #réseaux

32°Jouerl’avant-plan(êtrefacileàvoiretàcomprendre)

•  Moinsd’environnements•  Moinsdema]ères•  Plusdeproduits•  Plusdetextes(maispluscourts)

•  Plusdesenset•  Plusdeservices

Page 55: Tendances web 2016 #internet #tendances #réseaux

33°Dufeelgood(encoremaispluspourlongtemps)

Page 56: Tendances web 2016 #internet #tendances #réseaux
Page 57: Tendances web 2016 #internet #tendances #réseaux

34°Onsereconcentreenmodegraphiqueparcequ‘ilfautêtrecaptéavantd‘êtrevuoulu;o)

Page 58: Tendances web 2016 #internet #tendances #réseaux

ExempleenOnepage:cadreshorizontauxenalterné

Page 59: Tendances web 2016 #internet #tendances #réseaux

SitesdeDESIGN...

Page 60: Tendances web 2016 #internet #tendances #réseaux

35°Affichergraphiquementvotre«synthèse»,votresummary…Traduirelesdatasencaptures

Page 61: Tendances web 2016 #internet #tendances #réseaux
Page 62: Tendances web 2016 #internet #tendances #réseaux

Sitespéda

Page 63: Tendances web 2016 #internet #tendances #réseaux

36°Sor]rducadrepoursurprendreetdonnerenviedeseprendreaujeu

Page 64: Tendances web 2016 #internet #tendances #réseaux

37°Selfiiiiiiiiie

•  Narcissismesocial•  Ephémère•  Usagedeplusenplusmarke]ng

Page 65: Tendances web 2016 #internet #tendances #réseaux

38°LeSocialdesign:l’omniprésencedesmosaïques

(merciPinterest;o)

Page 66: Tendances web 2016 #internet #tendances #réseaux
Page 67: Tendances web 2016 #internet #tendances #réseaux

37°L’environnementgraphique«sensé»

•  Porterunmessagesociétal•  Soutenirouajouterunevaleur•  Apporteruneréflexion•  Susciterunengagement

Page 68: Tendances web 2016 #internet #tendances #réseaux
Page 69: Tendances web 2016 #internet #tendances #réseaux

39°Lesmartdesign#élégance+#malin

Page 70: Tendances web 2016 #internet #tendances #réseaux

40°Communauté:faireparlesautrescequel’onferaitsoi-mêmemoinsbien•  Co-écrituremaîtrisée•  Commentairesréels:ledialogueetlesrôlescommedansune«pièce»

•  Doncparadoxe:moinsd’échangesmaisplusderela]ons

•  Apporteraussiununivers

Page 71: Tendances web 2016 #internet #tendances #réseaux

Sitesdeparcsna]onaux/zoo

Page 72: Tendances web 2016 #internet #tendances #réseaux
Page 73: Tendances web 2016 #internet #tendances #réseaux

41°Lages]ondesCYCLESOPTIMAUX•  L’horlogeaucœurdelavieenligne•  Fairedelasemaineunrituel•  Lemarronnier•  Fairevivreunévénementendirect•  Fairepartageruneréflexionentemps-zéro

•  Etnepashésiteràallongerlescycles…donnerdutempsauxidéesetaux«mouvements-culturels»ouaux«évènements-marke]ng»

Page 74: Tendances web 2016 #internet #tendances #réseaux
Page 75: Tendances web 2016 #internet #tendances #réseaux
Page 76: Tendances web 2016 #internet #tendances #réseaux

SitesTRAVEL

Page 77: Tendances web 2016 #internet #tendances #réseaux

42°Tempscontraintvstempschoisi

Làoùjetraîne,làoùjerâle

Page 78: Tendances web 2016 #internet #tendances #réseaux
Page 79: Tendances web 2016 #internet #tendances #réseaux

43°Unblog,unsite,unepage,unflux…çapeutêtredurable?•  Lano]ondegaspillagegraphique•  Celledeladébaucheergonomique•  Celleducomplexeetdusymboliquecreux

•  L’environnementdusiteestdéjàunengagement

Page 80: Tendances web 2016 #internet #tendances #réseaux
Page 81: Tendances web 2016 #internet #tendances #réseaux

SitesLUMINAIRES

Page 82: Tendances web 2016 #internet #tendances #réseaux

44°Scénariser#dessin#photo

Page 83: Tendances web 2016 #internet #tendances #réseaux
Page 84: Tendances web 2016 #internet #tendances #réseaux

SitesAUDIO

Page 85: Tendances web 2016 #internet #tendances #réseaux
Page 86: Tendances web 2016 #internet #tendances #réseaux

45°Construireununivers

•  Typos•  Photos•  Anima]ons•  Ligneéditoriale

•  Environnement•  Tendances•  Besoinsetenvies•  Sedifférencier•  Donnerl’occasiondesourire…

Page 87: Tendances web 2016 #internet #tendances #réseaux

#exemple#hdps://webvrgame.dunkirkmovie.com/

Page 88: Tendances web 2016 #internet #tendances #réseaux

46°Icitoutestdésormaisapplica]on

Page 89: Tendances web 2016 #internet #tendances #réseaux

Appli‘sTrends

•  Appliscogni]ves(EI)•  Lespubsrésistentmalgréad*

•  Paiementenfin•  Jeuxencoretoujoursetplus(etenmieux)

•  Ons’ubérisetoujoursplus

Page 90: Tendances web 2016 #internet #tendances #réseaux
Page 91: Tendances web 2016 #internet #tendances #réseaux

45°bis:sedoterd‘uneiden]ténumériquesympaet/ouaudacieuse

Page 92: Tendances web 2016 #internet #tendances #réseaux

45°bis-bis:IA&CHATBOTS,

pourra-t-onyéchapper?

Page 93: Tendances web 2016 #internet #tendances #réseaux

F o r m a ] o n e nC o m m u n i t yManagement #leaderPlutôtqued’écouterceuxquireproduisentnoscontenus,choisissezl’original;o)Forma]onsentreprises#topForma2ongratuitepourlesdemandeursd’emploi#top-aussiPlusd’infos:hdp://www.technocite.be/

Page 94: Tendances web 2016 #internet #tendances #réseaux

Àvosclaviers…REALIZ,Conseil&Straté[email protected]