Upload
realiz-asbl
View
917
Download
5
Embed Size (px)
Citation preview
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é[email protected]