Design Web Nouveautes 2011

download Design Web Nouveautes 2011

of 15

  • date post

    04-Jun-2015
  • Category

    Documents

  • view

    589
  • download

    1

Embed Size (px)

description

En quelques slides, l'évolution du design Web au cours de ces dernières années.Comment les sites sont devenus plus attractifs et efficaces

Transcript of Design Web Nouveautes 2011

  • 1. Design WebLes nouveauts de 2011...Alain-Marie Carron 20 dcembre 2011conseilaction@gmail.comvendredi 23 dcembre 2011

2. Lhumanit, non le Web, progresse... voir ce qui se passe en Syrie, au Soudan, chez Poutine ou Kim Jong-Il en cette n danne 2011, il semble douteux que lhumanit progresse. Mais le Web chappe cette fatalit; il samliore danne en anne, en particulier pour ce qui est du design, de lergonomie et de larchitecture des sites Internet. Hier, faute de moyens techniques et dexprience, le rendu graphique tait ... bizarre, comme le montrent ces pages du jeu SIM City 2000vendredi 23 dcembre 2011 3. Le Web abandonne (presque) les menus droulants En 2003 javais fait pour Menus droulants RadioCanada une tude de 11 sites dinformation lis de grandes MSNBC TV News BusinessTop Stories chanes de tlvision.Sports Entertainment Business front page Tech/Science Lighten up, road warriors Health Le cauchemar de lpoque, ctait les Travel Opinions Bill would allow deductions for sales tax Upbeat retail sales data lift Wall Street menus droutants, pardon, Weather Local News Wash Post: Farmers savor the cappucino effect Newsweek droulants. Today Show Nightly NewsStewart : Prison is "what I expected" Meet the press Oil prices hit 55$ a barrel Dateline NBC Sur la page daccueil de MSNBC il MultimediaAmerican los confidence in October News Video US Airways gets goahead to cut workers pay ny en avait pas loin de 150... un faux MSNBC Shopping Sprint to cut 700 jobs, expect charge Calssifieds mouvement avec la souris et vousNewsbot Search MSNBC:Kraft reportedly to sell Life Savers, AltoidsTop Sections tiez mort. Also on MSBC Corrections Stocks & Economy Letters Personal Finances Newsletters Sur ce schma, je navais reproduit Campain 2004 CrosswordU.S. Business NewsInternational Business NewsInternational Business News front Page que les menus droulants lis laComics Horoscope Sports scoresOil & Energy NewsE.U. trade chief lashe out at "euro bashing" section Business. NBC First Read GossipAutomotive News CNBC TV Caesars Entertainment betting in Britain Stock quotesReport: Russia seeks sales of Yukos assets The week in Local BusinessNorwegian, American win Nobel for economics Comparez avec le site de MSN pictures Fantasy sportsBusiness Week MSNBC Alerts Financial Times Highlights aujourdhui: http://Winning getaways Smarter business Heart HealthForbes www.msnbc.msn.com/ Small BusinessSpecial Reportsvendredi 23 dcembre 2011 4. Et se libre de la dictature des listes Longtemps les sites riches en contenu ont eu beaucoup de peine concevoir une page daccueil qui ne ressemblerait pas un annuaire tlphonique. Ci-dessous, lexemple du site de Desjardins, la banque la plus populaire au Qubec, autour de 2009. La situation sest un peu amliore depuis: http:// www.desjardins.com/fr/# Heureusement, la mme poque, des sites comme celui du Figaro osaient se librer de la dictature des listes en dcouvrant les bienfaits de ce que lon appelle les blancs circulants.vendredi 23 dcembre 2011 5. Pour dcouvrir le charme de la ligne ronde Autour de 2009 galement, SiteStep, comparateur de prix pour des vols et des voyages (repris depuis par Kayak) applique dj quelques unes des rgles qui caractrisent un bon site aujourdhui: chaque page est essentiellement consacre une action, pas 10. les boutons daction sont peu nombreux, dessins en volume, et occupent les meilleures places. le blanc circulant est partout, la page respire. les couleurs sont gaies; on cesse de penser que pour tre pris au srieux il faut avoir lair emmerdant. Les icnes, dessines avec humour selon un graphisme rond et trs lisible, se multiplient. Des fonctions complmentaires sontcomparez ce design ceux qui suivent.. proposes en bas de pages, peu nombreuses, bien spares les unes des autres.vendredi 23 dcembre 2011 6. vendredi 23 dcembre 2011 7. vendredi 23 dcembre 2011 8. vendredi 23 dcembre 2011 9. Le dessin fait le dcor De plus en plus de sites font unelarge place au dessin et desicnes imaginatives mais trsparlanteshttps://secure.vidyard.com/ http://www.navigant.com/vendredi 23 dcembre 2011 10. Contraste : en 2011, un design sign 2000 Constat : il y en a encore des milliers comme celui-l Excuse : quand on travaille dans la Scurit on ddaigne les guirlandes et fantaisies des artisshttp://www.globalsecuritymag.fr/vendredi 23 dcembre 2011 11. (Retour 2011)Le Web cultive le papier et la typographie Dans les milieux les plus cratifs, le Web 2011aime se prendre pour une feuille de papier et jouer sur la typo. Un phnomne devient omniprsent, linfographie gante avec une dbauche de caractres dimprimeriehttp://cognition.happycog.com/ http://thebolditalic.comhttp://kilianmuster.com/vendredi 23 dcembre 2011 12. Vers 2012 : Dplacement horizontal/vertical La multiplication des touch screens, que ce soient ceux des tablettes ou des tlphones intelligents est en train de faire du scrolling (dsol pour ce jargonglish) une faon naturelle de visiter un site. loppos du site-web-liste- tlphonique, le parcours de lusager est ici intuitif, quasi physique Comportant peu dlments, occupant toute la page (une forme de uid grid est prfrable) ces sites sont souventhttp://www.thinkingforaliving.org/ spectaculaires et permettent aux graphistes de prouver leur talent. Pratique pour les sites faible contenu textuel, o tout est sur la mme page, le procd devient techniquement plus dlicat quand on veut marier ce premier cran un second niveau, riche en textes. Ces sites sont furieusement tendance, comme disent les journalistes de modehttp://www.ericj.se/vendredi 23 dcembre 2011 13. Vertical Horizontal http://aboard-entrepreneurship.com/ http://deanoakley.com/vendredi 23 dcembre 2011 14. Magique, en 4 crans 1 3 2 4 http://www.pojeta.cz/vendredi 23 dcembre 2011 15. Voir aussi sur SlideShare (@ Alain-Marie Carron) : Btir un site Web (2011), Petite revuedu Web (2009), De la ligne claire la forme ronde (Webdesigntendances)vendredi 23 dcembre 2011