background preloader

Règles d’or en Ergonomie Web : Toujours le bon choix ?

Règles d’or en Ergonomie Web : Toujours le bon choix ?
La professionnalisation des sites web a mis en évidence l’importance de l’ergonomie et des concepts d’expérience utilisateur et d’architecture de l’information. Depuis, fleurissent ça et la diverses écoles qui définissent ou propagent les « best practices » que la plupart des WebDesigners s’échinent à appliquer… Le fait qu’une pratique soit majoritairement appliquée ne signifie pourtant pas pour autant qu’elle est correcte… force est de constater que bien souvent les concepteurs de sites reproduisent par défaut des schémas et appliquent des règles « bien connues » sans nécessairement réévaluer la pertinence de leurs modèles. Cet article est le premier d’une série qui vise à passer rapidement en revue les règles les plus souvent mises en avant afin de voir si elles sont toujours valides, s’il existe des alternatives, voire des contre-indications. La Loi de Miller Règle des 3 clics Dans la pratique on constate pourtant que le nombre de clics n’est pas le plus important.

Le responsive web design ou comment améliorer l’expérience utilisateur Avec la multiplication du nombre de supports permettant de surfer sur le web, la question de l'ergonomie des sites internet peu importe le navigateur et le type d'appareil utilisé est au cœur des préoccupations actuelles. Le responsive web design est pour beaucoup la solution miracle pour universaliser un site web. Décryptage de cette évolution attrayante du Web ! Le responsive design, définition et enjeux Les usages web ont fortement évolué depuis plusieurs années. Concrètement, comment ça marche ? Le responsive design repose sur trois composants clés :Des requêtes de média (media queries) : il s’agit de critères en CSS3 qui permettent d’adapter dynamiquement le design en fonction des caractéristiques de chaque support utilisé et de la taille d’écran correspondante.Des grilles fluides : il s’agit de concevoir une interface composée de blocs en unités relatives, cette conception modulaire permet de jouer sur la composition de la page en fonction de la largeur de l’écran.

5 leviers pour améliorer le trafic de son site e-commerce Ça y est, vous avez l’idée, le produit, le projet, le financement, et votre boutique en ligne. Vous êtes enfin e-commerçant. Oui mais comment faire pour que vos clients viennent sur votre site e-commerce ? Vous n’êtes pas dans une rue, vous n’avez pas de passage physique… comment donc créer du passage virtuel devant votre boutique ? 1/ Le référencement Il existe 2 moyens de se référencer (on parlera ici principalement de référencement Google, les autres moteurs de recherche étant plus marginaux pour la France) : le référencement naturel, et le référencement payant. L’avantage du référencement naturel est que ce dernier ne vous coûte pas d’argent, en théorie. Le référencement payant permet, moyennant rémunération Google, de cibler sa publicité et apparaître plus rapidement dans les pages de recherche. 2/ L’affiliation ou place de marché Ce concept peut être intéressant pour booster les ventes, mais pas forcément pour se faire connaître. 3/ La publicité 4/ Le parrainage

Web design: 6 tendances fortes pour 2014 L’année 2014 commence à peine que de nouvelles tendances dans le monde du design se profilent. Le Web Design Ledger dresse ainsi le tableau des tendances qui marqueront le webdesign cette année, parmi elles: Le Flat Design: c’est la tendance qui s’est le plus imposée en 2013. Apple l’a utilisé dans iOS 7, en mettant par la même occasion le « skeumorphisme » (son opposé) au placard. Il s’agit ici de se débarrasser de tout effet de profondeur pour éviter une impression de superflu visuel. La typographie expérimentale: désormais les graphistes se lâchent avec les polices, l’espacement typographiques etc. Les menus déroulants: pour une meilleure expérience de navigation, les menus déroulants sont de plus en plus utilisés. Le défilement infini: encore une fois c’est la simplicité qui est recherchée. Des couleurs simples: en 2014, de nombreux sites devraient revoir en en partie leur charte graphique. Le reponsive design: il a été très utilisé en 2013 et ce n’est sans doute pas fini.

Les 5 commandements du Web Design Internet a tellement bouleversé la façon dont on socialise et consomme en l’espace d’une dizaine années, qu’il est difficile aujourd’hui d’imaginer un monde sans Web. Outil générique pour toute marque dès le début des années 2000, le site web est rapidement passé du statut simple vitrine statique à plateforme d’expérience digitale, déclinée sur tous les écrans. Mais au fait, c’est quoi un site Web, en 2013 ? La définition que l’on peut lire sur Wikipédia a pris quelques rides et rappelle plus le doux bruit des modems 56K que l’étendue des possibles offerte par le Web 2.0: « Un site ou site web est un ensemble de pages web hyperliées entre elles et accessible à une adresse web. » Plus qu’une collection de pages, il s’agit surtout d’un environnement digital, à la fois informatif, interactif et communautaire. Bref rappel (subjectif) de l’évolution de la toile en quelques dates clés : À l’aube des années 2000, tout s’accélère. Années 2010 : ça y est, on est connecté, partout, tout le temps.

Consommation : l’Afnor publie une norme pour certifier les avis en ligne 01net le 03/07/13 à 13h20 Avec Internet, les habitudes d’achat des consommateurs ont totalement changé. Désormais, avant d’acheter un appareil électroménager, un vêtement, un voyage, une voiture ou pour choisir un restaurant, la majorité des internautes consultent les avis en ligne. La dernière étude de la Fevad (Fédération de l’e-commerce et de la vente à distance) confirme que la majorité des Français n’achète rien sans se rendre sur le Web pour obtenir des informations dont les plus consultées sont les avis en ligne. Pourtant, neuf cyberconsommateurs sur dix se connectent pour préparer leurs achats, mais peu font confiance dans les avis publiés. Pour rassurer le public et pour séparer le bon grain de l’ivraie chez les commerçants en ligne, l’Afnor a décidé de créer la première norme française (NF Z74-501) pour fiabiliser les commentaires diffusés. Interdiction d'acheter des avis par « lots »

La page de livraison : comment l’optimiser ? Suite de notre série, Optimisons notre tunnel de commande, j’en arrive à la page de livraison. [Retrouvez aussi 7 trucs pour une page de confirmation qui fidélise et Abandon de panier : pourquoi tant de haine ? ] Plus ou moins compliquée, selon les marchands (allez donc faire un tour chez 3 Suisses, par exemple), la page de livraison n’est pas non plus dans le tunnel de commande la plus impactante en termes de transformation. Deux cas peuvent néanmoins se poser : L’utilisateur est sur la page de livraison pour passer commande. Quels sont les facteurs influençant la livraison ? Le délaiLe prixLe lieuLa concurrence Comprendre les besoins de vos utilisateurs pourra également vous aider à comprendre comment moduler votre offre. Évidemment, c’est un conseil qui ne concerne pas la page de livraison, mais bien le prix de la livraison. Aux Etats-Unis, quasiment tous les sites proposent la livraison gratuite. Les prix sont souvent cachés ou écrits en tout petit.

iNoobs: Process of Designing a Website | Part 5 Design Welcome to the fifth part of Inspired Magazine’s mini-series on the process of designing a website (check out Part 1, Part 2, Part 3 & Part 4). The design of a website is generally considered to be the largest portion of the web development process – and it involves a great deal of time and work, but as you’ve seen it makes up only 1 part of this complete 8 part series. So, while you shouldn’t minimize the role design plays in your own development structure, understand that the other parts involved are equally important. The design phase of the process of building a website involves taking your wireframes and laying on top colors, imagery, and other elements. Web Design & Photoshop Generally speaking – for a web developer photoshop is too much. There are plenty of people out there that don’t use Photoshop, they instead use Gimp, or Fireworks, or Corel Draw, but Photoshop is the standard and in the long run, because it is the standard simply staying in the eco-system will save you time.

Les données de Google Analytics sont différentes de celles du service panier - Centre d'aide Google Analytics Plusieurs raisons peuvent expliquer pourquoi les données de votre panier peuvent être différentes de celles observées dans vos rapports Google Analytics. Votre panier est peut-être configuré pour présenter les données dans un fuseau horaire différent de celui utilisé par vos rapports Google Analytics. Par exemple, votre panier est peut-être configuré pour présenter les données selon l'heure EST, tandis que vos rapports Google Analytics sont configurés pour présenter les données selon l'heure PST. Dans ces circonstances, une transaction qui figure dans Google Analytics comme ayant eu lieu le lundi à 23 h 00 PST, est enregistrée dans votre panier comme ayant eu lieu le mardi à 01 h 00. Par conséquent, vos rapports quotidiens contiennent des données différentes. Vos rapports peuvent être incorrects si vous configurez votre suivi du commerce électronique Google Analytics en milieu de journée.

Le Community Management, un nouveau m?tier ! Nous avons eu le plaisir d’assister le 18 Janvier dernier au WorkShop organisé par Osereso.com, sur le thème du Community Management. Voici le résumé de cette conférence. Community Management – Osereso View more presentations from OSERESO. Avec internet les internautes peuvent devenir les créateurs et les acteurs de la communication au lieu de la communication Top Down qui prédominait avant l’émergence du Web. Il y a une multitude de communautés qui ne sont pas forcément reliées entre elles, avec des internautes qui peuvent évoluer d’une communauté à l’autre (selon l’âge, les passions, la mode, l’actualité…) ou être totalement étanches les unes des autres. Il faut donc adopter une nouvelle manière de communiquer, connaitre son envirronement (identifier où se font les échanges), entrer en contact avec les internautes et animer une communauté, tout en travaillant sur la durée. Quelle différence entre blogueur et Community Manager ? Quel est le rôle du Community Manager ?

iNoobs: Process of Designing a Website | Part 4 Wireframe Welcome to Part 4 of Inspired Magazine’s mini-series on the process of designing a website (check out Part 1, Part 2 and Part 3). In our day-to-day iNoobs series we write about many of the beginning technical elements of web design, but in this 8 part series we’re discussing everything you need to know about the process of designing a website. What is a Wireframe? A wireframe is a sketch of various sections of your site. This sketch shows where (and what) content will go on each section. More complicated sites may have many more wireframes. Are Wireframes Necessary? I used to not create wireframes when developing a site. Wireframes are a great way to illustrate, and plan, the design of the site. Wireframing & Clients I thought I would throw a little more information in about working with clients. Reduces Time – It will save you time on the end design period. Tips For Wireframes Map Out Major Sections – Map out major sections before hand.

L’optimisation des fiches-produits pour le référencement naturel - Pour un site de e-commerce, la majorité du contenu réside dans les descriptions de ses produits, plus ou moins fournies. Alors, quand on sait que Google aime avant tout le contenu rédactionnel, il peut être intéressant d’optimiser les descriptions de produits pour un référencement naturel plus efficace. Favoriser le référencement Google via les fiches-produits Pour optimiser une fiche-produit, il est nécessaire de trouver un juste milieu entre informations pertinentes et contenu de référencement. Il est donc tout à fait possible (et même conseillé) de placer les mots-clés ciblés dans le texte de description pour que les moteurs de recherche les repèrent. Il est également judicieux de définir et de mettre en avant des titres (balises < h1 >,< /h1 > < h2 >,…) pour structurer la description et, à nouveau, satisfaire Google et ses semblables. Attention à ne pas trop en faire

OnePageMania - A Gallery of One Page Websites

Related: