background preloader

Scrolling and Attention

Scrolling and Attention
Related:  Bonnes pratiquesergonomie lecture

Capture Visitors' Attention Through Your Home Page What made me decide to share with you this article is the experience I had when I was working as a part-time freelancer. I remember that whenever I planned the design for websites, I always made it a point that the home page is the most attractive page on the site. I made sure that the home page can capture each viewer that visits the site, not only to scan the home page but to enjoy exploring the whole site. The home page is the page that loads when the Home button is clicked and usually the first page you see when a website loads. Therefore, it is one of the most important pages on your site. Look at the image below. Image by: Camille Joyce Pascual A home page is also like a teaser… A teaser is one way to advertise, and a homepage advertises too (even a website). Image by: trolf In this article, I will be sharing some of my ideas on how can you let your viewers love your site and tease their eyes by making your home page capture viewers’ attention. Must-Have Characteristics of a Homepage

Open Web Analytics Le Point.fr se relift chez e-artsup J'aurais pu aussi bien intituler ce billet par «Mise en page | typographie | grilles | presse quotidienne | principes fondateurs» Tout d'abord le prétexte à cet article… Le Point.fr se relift chez e-artsup. Oh ne croyez pas qu'il s'agit d'une commande. De fait il ne s'agit que d'un exercice graphique que j'ai donné à nos étudiants de quatrième année mais que nous avons essayé d'entourer d'un certain nombre de précautions. Ayant contacté la rédaction du journal en ligne du Point, c'est très gentiment qu'ils ont accepté de venir se déplacer dans le «bunker» underground, véritable laboratoire expérimental de e-artsup. Le présent article n'a pas pour vocation de résumer ici, ni le brief, ni tout le travail de benchmark que nos étudiants sont en train de réaliser. Mais revenons à l'essentiel. Bien sûr qu'il existe nombre de blogs, de sites, de tutos qui nous renseignent sur la nécessité de construire des grilles de mise en page. Les codes:

8 critères ergonomiques pour évaluer la persuasion d’un site Cela fait près de 18 ans que les professionnels se basent, entre autres, sur les critères ergonomiques de Bastien et Scapin. Bien qu’ils soient toujours pertinents et utiles, ils ne sont plus suffisants pour représenter la réalité actuelle du Web. La tendance est à la recherche de persuasion et, bien qu’on en parle de plus en plus sur Internet, c’est un domaine qui manquait cruellement de référence pratique. Ce n’est plus le cas. Dans sa conférence du 29 avril 2011, Eric Brangier nous présentait des critères d’évaluation de la persuasion. Avant la persuasion : évolution des recherches en ergonomie Durant les 40-50 dernières années, les recherches en ergonomie des interfaces ont beaucoup évoluées. Accessibilité : Les premières études s’orientaient sur les contraintes opératoires, au niveau matériel. Critères d’évaluation de la persuasion Les critères suivants sont organisés en deux groupes. Critères statiques : 1. Pour persuader, il faut être crédible aux yeux du visiteur. 2. 3. 4. 5. 6. 7.

Using CSS and HTML in Email Newsletters — Groundwire West Coast firm transfers clients to experts in Plone hosting UPDATE Mar. 12th, 2013: The board at Groundwire asked us to share this official press release (PDF) to help explain what has happened. INDIANAPOLIS, Feb. 1, 2013 - Six Feet Up has acquired 110 Plone hosting clients from a partner in Seattle. Groundwire.org, an agency that helps non-profit organizations with their web strategy and development needs, has decided to exit the hosting business. “This is a significant expansion of Plone hosting clients that we serve.” said Six Feet Up CTO, Calvin Hendryx-Parker. Six Feet Up operates two data centers for Python-based web applications, like Plone, and specializes in developing and hosting sophisticated web applications. In July 2012 the company acquired 35 Plone hosting clients from another web agency, NPower Northwest. Plone is an open source enterprise web content management system. To learn more about Six Feet Up visit About Six Feet Up, Inc.

Typography legibility | Lisibilité et typographie (réédition d'une note du premier mars 2006) Il arrive un moment dans une suite d'études (sur la lettre, la typographie et la lisibilité) où l'on se sent obligé de descendre dans les profondeurs d'une théorie, au risque parfois de rencontrer des difficultés épistémologiques. L'organisation des savoirs dans les domaines de l'alphabet, de la lettre et de la typographie, tient autant des approches historiques, scientifiques que techniques et artistiques. La question de la lisibilité des alphabets est relativement moderne, si l'on accepte de considérer que cinq cents à sept ans années d'acharnement à rendre les caractères plus lisibles peuvent entrer dans une conception de la modernité. Je rappelais dans ce blog la révolution prônée par ITC dans les années 70 pour agrandir l'œil des bas de casses. où l'on voit l'irruption de l'écriture manuscrite dans la construction d'une linéale. La lisibilité est donc un thème de recherche inépuisable. les principes qui la fonde: Lisibilité des lettres

Eine neue Webseite entsteht (Teil 2): Die Layout-Vorlage (Mockup) Im ersten Teil des Tutorials haben wir bereits jede Menge Inspirationen und Material für die neue Webseite gesammelt. Jetzt beginnt endlich die richtige Schweißarbeit, eine Layout-Vorlage auch Mockup genannt, muss erstellt werden. In diesem visuellen Konzept wird geklärt, wie viele Seiten eine Webseite haben soll und wo die einzelnen Seitenelemente angelegt werden. Los geht’s, machen wir uns an die Arbeit! 1. Als erstes muss man natürlich klären, wie viele Seiten und Unterseiten die Webseite haben soll. Natürlich kannst du dir eine Sitemap einfach von Hand skizzieren. Bei Cacoo kannst dir ein kostenloses Account einrichten und deine Diagramme online speichern oder mit anderen teilen. Eine hilfreiche Sitemap mit Cacoo erstellen und online teilen. 2. Für meine Café-Webseite werde ich erst einmal nur vier Seiten (die Home-Seite, Über Uns, News und Kontakt) anlegen. 3. Das 960 Grid System mit 12-Spalten. 4. Im Menü »Pages« kannst du alle Seiten deiner Webseite anlegen.

La lecture facile à l’écran Dirty Old Town... Sur certaines listes de diffusion, il est un phénomène régressif qui consiste à revenir en permanence sur les mêmes vieux sujets, et cela malgré les années qui passent. Parmi ces sujets, une question revient à intervalles réguliers sur les listes consacrées à la publication sur l’internet : peut-on lire à l’écran ? Pour des textes courts, la question ne se pose pas. Dans ses « Quelques recommandations pour la rédaction de contenus Web », Christian Bastien indique : « De plus les internautes ne semblent pas aimer le défilement des pages longues. Il ne faut en effet pas s’étonner que près de 80% des lecteurs survolent les pages : même les utilisateurs les plus austères utilisent aussi le Web pour se divertir, surtout une bonne partie du temps en ligne est passé à rechercher une information pertinente, c’est-à-dire du temps où l’on survole les textes pour voir si c’est le bon document, ou s’il contient des liens vers le document recherché. La lisibilité L’esthétique Le gras

Script Junkie | Building Cross-Platform Apps Using jQuery Mobile jQuery Mobile introduces a cross-platform and cross-device framework for developing mobile applications. It supports a wide variety of mobile browsers and delivers a unified user interface to the devices. It has simplified working with mobile browsers by abstracting away inconsistences between the vendors. Just as jQuery changed the way we wrote JavaScript , jQuery Mobile will change the way we build mobile web applications. I recently used jQuery Mobile to build an application and was stunned at how smoothly the development process went. As a web developer, jQuery Mobile is instantly rewarding because there isn’t much of a learning curve. Page Structure and Components We are going to build a to-do application. For this application there is only going to be one physical page, index.html. Aside from referencing the latest version of jQuery, we also reference jquery.mobile-1.0a4.1.min.css and jquery.mobile-1.0a4.1.min.js via CDN. Let’s fill out our create page. Conclusion About the Author

Lisibilité Intelligibilité de documents d'information Lisibilité ­ Intelligibilité de documents d'informationLisibilité ­ Intelligibilité de documents d'information Claire Gélinas­Chebat, Clémence Préfontaine, Jacques Lecavallier et Jean­Charles Chebat, Claire Gélinas-Chébat et Clémence Préfonfaine sont professeures au département de linguistique, Université du Québec à Montréal; Jacques Lecavalier est professeur au CEGEP de Valleyfield; Jean-Charles Chebat est professeur au département des Sciences Administratives, Université du Québec à Montréal. Novembre 1992 (revisé en juin 1993) Introduction Les entreprises de services (ministères, banques, compagnies d'assurance, etc.) produisent de nombreux documents dans le but d'informer le public. Du point de vue linguistique, il existe un certain nombre de règles pour faciliter la lecture des textes. Il est possible de mesurer le niveau de lisibilité des textes. Nous tenterons ici d'opposer les concepts et modèles de lisibilité (généralement retenu dans la littérature) à celui d'intelligibilité. 1.

How to Become an SEO Freelancer in 48 Hours EmailShare 376EmailShare I’d like to state up front that this is the longest post I’ve ever written here at Location 180. It’s more representative of the direction I’d like to take the site in the future, and is the culmination of the last year I’ve spent becoming an seo freelancer.If you take a weekend, read the resources provided, practice with your own site(s), you’ll have enough knowledge to lay the ground work of a location independent business. I’ve been getting a lot of emails lately from people who are looking to start working for themselves. Along with questions about building a business, I’m asked frequently what business I run. If we’re going to start getting real about creating a location independent income, I’m going to have to build a little bit of credibilty. So here’s what I do: I’m an SEO Freelancer (for lack of a better term). For those of you who don’t know what SEO means, it stands for Search Engine Optimization. This is false. SEO Basics Keyword Research. Keyword Research

Interaction Design Pattern Library - Welie.com Suggest a pattern Have you seen new examples of patterns out there that have not been described on this site? Send me a link to an example and I'll add it to my to-do list. Suggest a pattern Latest comments Form (Lucas Gwadana) Sometimes the ERROR handling is not explicit enough because when a user makes an... Map Navigator (Marcus) For print pages etc static maps are still relevant. Accordion (dellmre) Ajax accordion samples with source code Autocomplete (Zorg) I believe the name of this pattern to be misleading. Slideshow (Joshua) Slideshows on Homepages can be very beneficial.

Related: