tendances web 2016 #internet #tendances #réseaux

L’annéeduChiendeterre

CommunityManagementTENDANCESWEB2018

Etsinouslaissionsàl’astrologiechinoisenousdictercequ’ilpourraitadvenirduWEBen2018?

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

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

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

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

•  Desapplica]onsquiinnovent,

•  Denouveauxgraphismes,denouvellesergonomies…

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

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

•  Etalorsquetoutétaitacquis,selancerdenouveauxparis

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

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

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

2°lestroboscope&effetdecouleurs(àconfirmer)

3°Lafinprogramméedupastel?

4°Lespantonescalculésparalgorithme

4°Lescouleursselâchent

5°Skeuomorphisme/0

6°Flatdesign/1

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

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

•  Prépondéranceauxledresetauxchiffres(sitese-commerceHardDiscountmaispasque)

8°LeWEBs’ergonomiseenordredebataille(ilfautvendre)etlegraphismesuit

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

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

11°L‘arrivéduhard-discountdanslegraphisme

Sitesdevoyage,hôtel,avion...

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

13°Lesphotos-vraiesquifontvraie-vie

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

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

•  Puisreveneztoujoursauxanglesdroits(unevaleursûre)

•  …avecdublanc«entre»

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

17°Déconstruirelesformesetlesphotos

18°Overlaps,deschevauchementsdynamiques

19°DesliensdéclinablesetSIMPLES

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

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

21°Lafindesmenus?

…...ouleurversionfaszood

22°Desliens-imagesquisegénéralisent

23°…etdesimages-liens

24°Unsur-jouagedelastructure

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

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

SitesdeVilles/Régions

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

28°LedessinquifaitunretourenforceByebyelevintage…placeaufaitmain

29°Induiredeshistoiresautraversdesphotos

30°Combinertextesetimages

31°Leretourdunaturel#l’artdeco-is-back

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

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

•  Plusdesenset•  Plusdeservices

33°Dufeelgood(encoremaispluspourlongtemps)

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

ExempleenOnepage:cadreshorizontauxenalterné

SitesdeDESIGN...

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

Sitespéda

36°Sor]rducadrepoursurprendreetdonnerenviedeseprendreaujeu

37°Selfiiiiiiiiie

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

38°LeSocialdesign:l’omniprésencedesmosaïques

(merciPinterest;o)

37°L’environnementgraphique«sensé»

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

39°Lesmartdesign#élégance+#malin

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

•  Doncparadoxe:moinsd’échangesmaisplusderela]ons

•  Apporteraussiununivers

Sitesdeparcsna]onaux/zoo

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»

SitesTRAVEL

42°Tempscontraintvstempschoisi

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

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

•  L’environnementdusiteestdéjàunengagement

SitesLUMINAIRES

44°Scénariser#dessin#photo

SitesAUDIO

45°Construireununivers

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

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

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

46°Icitoutestdésormaisapplica]on

Appli‘sTrends

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

•  Paiementenfin•  Jeuxencoretoujoursetplus(etenmieux)

•  Ons’ubérisetoujoursplus

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

45°bis-bis:IA&CHATBOTS,

pourra-t-onyéchapper?

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/

Àvosclaviers…REALIZ,Conseil&StratégieWEBfrmeuleman@skynet.be