{"id":13550,"date":"2014-05-09T09:56:09","date_gmt":"2014-05-09T07:56:09","guid":{"rendered":"http:\/\/visionarymarketing.fr\/blog\/?p=13550"},"modified":"2021-11-05T10:42:15","modified_gmt":"2021-11-05T09:42:15","slug":"web-design-simple-beau","status":"publish","type":"post","link":"https:\/\/visionarymarketing.com\/fr\/2014\/05\/09\/web-design-simple-beau\/","title":{"rendered":"Web design: plus c’est simple, plus c’est beau !"},"content":{"rendered":"

La s\u00e9lection du jour est ce conseil en Web design de l\u2019agence Optimezely<\/a>\u00a0que\u00a0j\u2019ai choisi car je suis fatigu\u00e9 de voir le d\u00e9bat se figer sur l\u2019apparence des sites Web alors qu\u2019il devrait se d\u00e9placer sur l\u2019exp\u00e9rience utilisateur et le contenu et parce que ni l\u2019un ni l\u2019autre ne sont affaire de html5 (et encore moins de Flash, Dieu nous en pr\u00e9serve !) mais sont en lien avec l\u2019int\u00e9r\u00eat que l\u2019on suscite chez l\u2019utilisateur, la lisibilit\u00e9, l\u2019optimisation de la qualit\u00e9 intrins\u00e8que du contenu et \u2026 l\u2019optimisation des taux de clic (CTR ou click-through rate).<\/em><\/p>\n

Web design: plus c’est simple, plus c’est beau !<\/h2>\n
\"Web
Plus le Web design est \u00e9pur\u00e9 et meilleur il est. Une r\u00e8gle simple \u00e0 prendre en compte pour mieux se focaliser sur l’exp\u00e9rience utilisateur et le contenu.<\/figcaption><\/figure>\n

Avez-vous remarqu\u00e9 que la plupart des sites qui r\u00e9ussissent sont, en g\u00e9n\u00e9ral, des cauchemars de designers ?\u00a0eBay<\/a>, Amazon<\/a>, Yahoo!<\/a>, Gmail<\/a>, trip advisor, les sites de\u00a0Schibsted<\/a>\u00a0(leboncoin.fr<\/span>), Rakuten<\/a>\u00a0(priceminister.com<\/a>) pour n\u2019en citer que quelques uns, ne brillent pas par leur design, mais par leur efficacit\u00e9.<\/p>\n

Web design : Yahoo! Un cauchemar typographique<\/h3>\n

Yahoo!, au d\u00e9but de son existence et pour longtemps apr\u00e8s sa cr\u00e9ation, fut m\u00eame surnomm\u00e9 par les designers (et notamment\u00a0David Siegel dans son fameux livre des ann\u00e9es 90 Creating Killer Websites<\/a>) le \u201ccauchemar des typographes\u201d car ils n\u2019\u00e9taient pas capables d\u2019 \u201cantialiasser\u201d leurs logo (NB pour les n\u00e9ophytes : \u201cantialisser\u201d consiste \u00e0 cr\u00e9er des pixels interm\u00e9diaires pour \u00e9viter l\u2019effet de \u201cpixellisation\u00a0\u00bb d\u2019un graphique).<\/p>\n

Si cela est donc vrai, pourquoi la plupart des sites d’entreprise se lancent-ils encore dans des d\u00e9lires graphiques et de navigation qui tentent vaguement de ressembler \u00e0 des applications pour tablettes et qui ont un impact massivement n\u00e9gatif sur le r\u00e9f\u00e9rencement naturel de leurs contenus<\/a> (alias SEO<\/a>).<\/p>\n

Allez-donc savoir \u2026 pour se faire plaisir peut-\u00eatre ?<\/p>\n

Les\u00a06\u00a0meilleures pratiques tir\u00e9es des exp\u00e9riences de 251 000 sites Web (et comment les mettre en \u0153uvre)\u00a0<\/a>(article du 04 juin 2013 mais ses conseils sont \u00e9ternels)<\/em><\/p>\n

[\u2026] extrait<\/strong><\/p>\n

En supprimant le champ optionnel \u201crecherche\u201d, Seamless a r\u00e9ussi \u00e0 r\u00e9duire le nombre de choix possibles et \u00e0 cr\u00e9er une exp\u00e9rience sans couture (Sic ! Seamless signifie \u201csans couture\u201d) pour ses visiteurs. Les r\u00e9sultats furent les suivants :<\/p>\n