background preloader

Design et ergonomie d’un site Web

Design et ergonomie d’un site Web
Comment faire en sorte que vos visiteurs se sentent à l'aise sur votre site, qu'ils y trouvent leurs repères et qu'ils aient envie d'y revenir ? Ces règles simples peuvent vous permettre d'accrocher et de conserver vos lecteurs. Dans cette page : Les standards - Principes de mise en page - Importance du contraste - Le zapping - L'esthétique - La couleur En bref ... Respecter les standards Vos visiteurs sont habitués à certains mécanismes, ne les perturbez pas. A lire en complément : Ergonomie d'un site Web par Kreatys En détail ... Quelques principes de mise en page La communication écrite existe à grande échelle depuis plus de 500 ans. Les légendes des belles images sont lues même par les visiteurs pressés ! source image : civilization.ca La mise en page doit être conçue comme une pyramide. Le titre : Court, explicatif, accrocheur. 50% des lecteurs quitteront votre page si le titre est absent ou peu intéressant. Les paragraphes : Vous devez développer une seule idée par paragraphe. Le zapping

http://www.rankspirit.com/design-site-web.php

Related:  Typographie et mise en page

Qu’est ce que la Nouvelle Typographie et que veut-elle ? – Index Grafik Qu’est ce que la Nouvelle Typographie et que veut-elle ? | AMG n°19, septembre 1930. Ce texte de Jan Tschichold également diffusée la même année en anglais dans le magazine Commercial Art correspond a une traduction de l’introduction de son ouvrage Eine Stunde Druckgestaltung Optimisez les performances de votre site web par l’ergonomie ! Interview de Jean-Pierre Le Borgne, Yuseo Suite à l’étude menée par Yuseo, agence d’études et de conseil en ergonomie des Interfaces, sur l’ergonomie des sites de cybermarchands et la performance des sites Internet, nous avons demandé à Jean-Pierre Le Borgne, directeur général de Yuseo, de resituer les « contraintes » ergonomiques avant de détailler les enseignements de cette étude. A quelles difficultés méthodologiques la mesure de l’ergonomie d’un site est-elle confronté La principale difficulté rencontrée par l’ergonomie des systèmes interactifs est le manque d’information des professionnels du marketing sur les apports et les méthodes de cette science. Ainsi, l’ergonomie des interfaces est souvent réduite au « bon sens », lorsqu’elle n’est pas confondue avec le graphisme.

Tutorial: Créer le design d'un site web de la maquette photoshop à l'intégration XHTML/CSS Voici un nouveau tutorial réalisé par Sybio pour La Ferme du Web. Il s'adresse à tous les débutants qui souhaitent créer leur propre WebDesign sous photoshop et de l'intégrer ensuite avec du HTML et CSS. Voici sans plus attendre le sommaire de ce tutorial: developpez.com Dernière mise à jour : 29/10/2015 Initiation Algorithmique Objets Qualité Théorie des langages 10 règles simples d'ergonomie du Web Évitez les textes soulignés : sur le Web, un mot ou une expression soulignée signalent généralement l'existence d'un lien. N'utilisez jamais le soulignement pour d'autres raisons. Utilisez la couleur, la taille ou le style (gras et italique), mais ne soulignez pas une portion de texte pour en signaler l'importance. Évitez les colonnes trop larges : les colonnes larges obligent l'oeil à parcourir de longues distances de gauche à droite.

Saint Gobain, trois siècles d’agilité et une nouvelle identité « On voudrait un logo plus moderne, plus digital mais par contre il faudrait garder ça de l’ancien et puis ça aussi… » Refondre le logo d’une grande entreprise historique n’est pas toujours simple. A l’occasion de ses 350ans, Saint Gobain entraine BETC et Terre de Sienne dans l’aventure. Depuis 2010, le groupe français spécialisé dans la production, la transformation et la distribution de matériaux a lancé un travail de fond sur sa marque.

comment les utilisateurs naviguent dans un site 2. navigation ou moteur de recherche ? Ici se situe un très intéressant paradoxe: j'ai constaté que 1/3 des utilisateurs se précipitaient sur le moteur de recherche d'un site pou y trouver une information (dans son livre, J.Nielsen, qui a observé bien plus d'internautes que moi, parle de 50%), 1/3 utilisent alternativement moteur de recherche et navigation (nielsen: 35%) et 1/3 utilisent presque exclusivement la navigation (nielsen:15%). Pourtant, Selon Jared Spool, l'usage d'un moteur de recherche conduit à un taux de succès moyen dans les recherches d'information de seulement 30%, contre 53% par la navigation !! Il en déduit, très directement, que les moteurs de recherche "craignent" ("on-site search stinks..."). En tout état de cause, un bon moteur ne dispense pas d'apporter tout le soin nécessaire à la navigation dans le site... 3. l'utilisateur recherche d'abord les liens dans le texte !

Comment créer un site web remarquable, partie 4: Créer un design — Edicy blog Si vous-même n'êtes pas un designer, nul besoin de vous donner la peine de réaliser le design de votre site. Il y a deux façons de faire qui peuvent être plus sages et plus efficaces -- louer les services d'un vrai designer ou choisir un template générique dans un stock de designs payants ou gratuits. Faites bien attention: un bon design n'est pas nécessairement un feu d'artifice d'effets spéciaux ou de graphismes défiant l'imagination. Et vous n'avez pas forcément vocation à séduire tous les apprentis-designers qui pourraient être amenés à visiter votre site. Qu'est-ce qui rend un design remarquable? - Editeurs de contenus, si vous cessiez de vous faire phagocyter par Google et Facebook ? Le gui, parasite du chêne, en Klein d’oeil – Crédit photo: martinlabar via Flickr.com Facebook a modifié son algorithme Edgerank. Ce dernier filtre les publications qui s’affichent sur le mur des abonnés d’une page fan. Désormais, sont privilégiés ceux qui suscitent le plus de likes, de commentaires, de partages… Comme l’explique lemonde.fr dans une tribune, ceci est une prime aux contenus les plus insolites, les plus “fun”, les plus “émotionnels”. Le Monde, journal de référence refuse donc cette tentative d’inflexion de sa ligne éditoriale.

Le top 8 des mythes SEO : ce que vous croyez savoir sur le référencement Il y a ce que vous croyez savoir sur le référencement et la réalité. Certains mythes ont la vie dure concernant le référencement ! Le site « Website Helpers.com » dresse un inventaire des principales idées reçues sur le référencement naturel pour mieux leur tordre le cou. Cet article est donc un peu traduit et beaucoup inspiré de Top 16 SEO Myths du site « Website Helpers.com ». 1. BTS Edition-fabrication en édition : Archives I. La classification de Thibaudeau II. La classification de Maximilien Vox III. La classification international Atypi IV. Créer la maquette de son site web pro : les bons outils Une fois réalisés le cahier des charges et l'arborescence de son site web, commence la phase de maquettage, aussi appelée « wireframing ». Une étape indispensable pour se faire une idée plus précise de l'ergonomie du site. De nombreux outils de wireframing gratuits ou payants sont aujourd'hui disponibles pour réaliser cette tâche. Simples d'utilisation, ils sont particulièrement utiles aux professionnels encadrant la réalisation d'un projet web.

Script de récupération des données d'un Flux RSS ou Atom - HowTo - Howto - Site pour webmasters Voici quelques fonctions en PHP permettant la récupération de données présentes dans un flux RSS ou Atom. Ces fonctions retournes un tableau avec la date de publication, le titre, le lien où se trouve l'article et la description. <?php function RSS_Tags($item, $type) { global $Common_Content; $y = array(); $y['title'] = $item->getElementsByTagName('title')->item(0)->firstChild->textContent; $y['link'] = $item->getElementsByTagName('link')->item(0)->firstChild->textContent; $y['description'] = $item->getElementsByTagName('description')->item(0)->firstChild->textContent; $tnl = $item->getElementsByTagName('pubDate'); if($tnl->length == 0) { $tnl = $item->getElementsByTagName('lastBuildDate'); } if($tnl->length !

Related:  Ergonomie cognitive