Définition WireFrame et Zoning
Définition de Zoning ou Wireframe Le Wireframe ou "maquette fil de fer" ou encore Zoning en français, consiste à schématiser sa page Web de façon plus ou moins complète. Cette schématisation peut se faire sur papier ou à l’aide d’un logiciel spécialisé est permet de mettre en place l’architecture de ses pages Web. C’est l’étape indispensable avant de faire appel à un graphiste du Web.
Ergonomie & design, Ergonomie : pourquoi un scroll vaut dix clics
Par Stéphane Bordage - 04/02/2012 Le clic est la meilleure solution pour les marketers. Le scroll est la meilleure solution pour l'internaute. Un billet intéressant sur uxmovement.com qui reste, hélas, toujours d’actualité : doit-on limiter la hauteur du site ou scroller.
Optimisation SEO Parfaite d'une Page Web
Avec la permission spéciale de l’équipe d’élite en référencement web de SEOmoz, voici la traduction de l’article de Rand Fishkin par rapport à l’optimisation parfaite d’une page web afin d’obtenir les meilleurs résultats possible pour votre optimisation « on-site » de votre site web. Comment référencer parfaitement une page web? Les recommandations suivantes vous aideront à arriver à un référencement SEO optimal de votre page selon les mots clés que vous aurez visés.
Ergonomie web : les mythes et légendes ont la vie dure...
Malgré le travail acharné de grands ergonomes Web reconnus (Amélie Boucher et Jean-François Nogier chez nous, ou Steve Krug et Jakob Nielsen aux USA, pour ne citer qu’eux), des mythes perdurent en donnant des réponses à l’apparence facile et pratique aux profanes, tout en dépréciant notre démarche au passage. Grâce aux ouvrages de Steve et Amélie dont je me suis inspiré pour cet article, et en y ajoutant mon expérience personnelle, je vous livre ici une courte liste de 12 légendes qui sont encore colportées régulièrement sur l’Ergonomie Web… 1. La règle des 3 clics Ergonomie web : la règle des trois clics Vous avez déjà tous entendu cette phrase : “Pour que ton site web soit facile à utiliser, l’internaute doit trouver ce qu’il veut en moins de 3 clics, sinon il se barre” ou du style…
Les 10 commandements du web adaptatif
En 320px ton webdesign, tu commenceras Partir de la plus petite taille d’écran ciblée, pour ensuite enrichir les possibles du site ; c’est s’assurer d’aller à l’essentiel sur le mobile. Ton contenu rédactionnel, tu soigneras Parce que le mobinaute est exigeant, travailler le texte autant que l’image est primordial. Capter l’attention d’un mobinaute commence par adapter un message à son contexte d’usage. Les sites à hauteur fixe, tu oublieras
10 conseils d’ergonomie basés sur des études de recherche
Internet abonde de conseils utiles sur l’ergonomie de sites Internet. Nous prenons au sérieux ceux qui apparaissent être les plus logiques. Mais il est parfois réconfortant de voir certaines théories qui circulent validées par des recherches sérieuses.
[#AtelierFW] Refonte et SEO: les 15 commandements
Le dernier atelier FrenchWeb consacrait un chapitre au SEO dans le cadre d’une refonte de site, avec 3 experts: Nathan Samis (PSA Peugeot Citroën), Jeremy Coxet et Pierre Wiltz, respectivement Directeur associé et Directeur de projets à l’agence Vanksen. Une refonte des supports digitaux est un moment-clé pour une marque, et un poste budgétaire important en marketing. Dans un tel contexte, la dimension SEO est parfois délaissée. Pourtant, cette refonte constitue tout à la fois un réel risque et une formidable opportunité pour développer son trafic, sa visibilité… et le chiffre d’affaires qui en découle.
Responsive design : définition, fonctionnement, ressources et tutoriels
Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !).
Optimisation de site, design ergonomique et test utilisateur : l’interview de Lance Loveday
Dans cette interview, Lance Loveday (CEO de Closed Loop Marketing et co-auteur de « Web Design for ROI ») donne son point de vu pertinent sur les sujets qui le passionnent : optimisation de site, design ergonomique et test utilisateur. Appili sélectionne pour vous les passages les plus intéressants de cette interview réalisée originalement par usertesting.com (leader sur le test utilisateur en ligne sur le marché anglo-saxon). Usertesting.com – Est-il plus facile d’optimiser un site existant ou de repartir de zéro? Lance Loveday – Le dernier.
Google Penguin 2.0 : premiers chiffres mesurant l'impact
Quels sont les secteurs qui ont été le plus affectés par le dernier filtre antispam de Google ? Quels sont les sites qui ont perdu beaucoup en visibilité ? Des études commencent à dresser un premier bilan mondial de l'impact. Une nouvelle version du filtre antispam Google Penguin a été déployée ce jeudi 23 mai dans le monde. Comme à chaque déploiement important de filtre, certains sites ont été pénalisés en chutant dans les pages de résultats, ce qui a mécaniquement pu profiter à des sites concurrents. D'autres webmasters et SEO n'ont eux presque rien ressenti (lire notre article Google Penguin 2.0 : un impact diversement ressenti en France).
Responsive webdesign : adapter un site à toutes les résolutions
Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign Pour commencer, rien de tel qu’une démonstration.