Blogs et sites sur l’ergonomie (fr) [ Usaddict : Ressources sur l’ergonomie des interfaces (le blog Usabilis) ] La conception d’interfaces, l’ergonomie et le web sont en constante évolution : technologies innovantes, nouvelles tendances, interactions inédites sont autant de sujets auxquels il convient de rester attentif. Sur le Web, de nombreux professionnels partagent expériences et découvertes sur l’ergonomie, au sens large du terme. De l’accessibilité au e-commerce, en passant par le web 2.0, l’expérience utilisateur et les NTIC, nous proposons de (re)découvrir quelques blogs et sites francophones actuellement actifs (novembre 2010). AccessiBlogue – accessibiliteweb.com/accessiblogue Blogue (québécois) promoteur de l’accessibilité des contenus Web aux personnes handicapées et vieillissantes, de la normalisation (WCAG, SGQRI, etc.) et enjeux. Capitaine Commerce - capitaine-commerce.com Le Capitaine et ses acolytes nous font partager avec humour leur passion du e-commerce au travers de commentaires, découvertes et réflexions sur le web marketing, le web analytique et l’utilisabilité. Partager :
Things You Should Do Immediately After Launching a Website So you’ve just launched your website. The only thing left now is to start creating content and arranging for some promotion, right? Well, not so fast. You first have to do several things to ensure that your site is set up properly and ready for the public. Here are a few things you should do right after launching a website (and if you can, do them prior to launching your website publicly). Create a Sitemap.xml File and a Robots.txt File What are these files? The Sitemap.xml file is a standard protocol for listing all the URLs that are contained within your website. If you’re using WordPress, you’re in luck: The only thing you need to do is to install a plugin called Google XML Sitemaps, and it will do all the work for you. If you’re not using WordPress, you can have a look at XML-Sitemaps.com, a simple tool for generating a Sitemap.xml file just by providing your website’s URL. Robots.txt is yet another file that search engines love. Here’s my template (designed for WordPress sites):
A/B testing for headlines: Now available for WordPress Audience data is the new currency in journalism. I don’t just mean the traditional Costco buy-in-bulk kind — “our readers are 52 percent male, 46 percent over $75,000 household income, 14 percent under age 35,” and so on. I mean data that looks at how individual readers interact with individual pieces of content. And beyond that shift there’s also the move from observational data — watching what your audience does — to experimental data, testing various ways of presenting or structuring content to see what works and what doesn’t. My desire for more experimental data is one reason why I’m very happy to point you to a new resource for sites built on WordPress (like this one): a new Headline Split Tester plugin, built by Brent Halliburton and Peter Bessman, two Baltimore developers. Not sure if you want a straight, newsy headline or something with a little more pizzazz? If you’re in the kind of operation that has regular debates over headline strategy, here’s a great way to test it.
Use Dropbox CDN for Hosting your WordPress Files You may use Dropbox as a free CDN for hosting your WordPress static content like the JS, CSS and image files. For optimal site performance, it is recommended that you use a CDN (Content Delivery Network) to host your website’s static content – like images, CSS and JavaScript files – since it effectively reduces the physical distance between the user’s browser and your content. A CDN is a collection of web servers distributed across multiple locations to deliver content more efficiently to users. The server selected for delivering content to a specific user is the one with the fewest network hops. [Yahoo] Amazon S3 is among the most cost-effective CDN for hosting WordPress files but if you are not on S3 yet, you may well consider using the Dropbox service as a CDN to serve the static files of your WordPress blog. How? It works something like this. Will this really help improve performance? Related resources:
page-fan-facebook-trucs-astuces from marevueweb.com *** Veuillez noter que depuis le mois de mars 2011, les pages Fan Facebook ne supportent plus l’application Static FBML. Consultez le lien suivant si vous désirez apprendre comment créer une application Facebook pour personnaliser votre page fan. Article présenté par… Cet article vous est fièrement présenté par notre entreprise de création de sites web pour PME au Québec Guerilla Web. Les pages fan de Facebook sont extrêmement intéressantes pour les compagnies puisqu’elles leur permettent une grande visibilité sur le web et leur permettent également d’interagir avec leurs clients. La tâche facile : Installer une page fan Facebook. Vous trouverez, dans le billet suivant, 10 trucs et astuces Facebook afin d’ajouter ou d’améliorer des fonctionnalités sur une page fan ainsi qu’une superbe liste inspirante d’exemples de pages fans Facebook. N.B. Si vous avez d’autres trucs ou pages inspirantes à partager avec nous, n’hésitez pas à les écrire dans la section de commentaires! Le code: Le code: Oxelo
Make a Simple and Modern Web UI Button in Photoshop This beginner-level web/user interface design tutorial will walk you through the creation of a popular style of buttons that can be used in a variety of situations, such as in call-to-actions, common user tasks such as submitting a web form, and buying products from your e-store. In addition to the creation of the graphic in Photoshop, we will go over the HTML and CSS needed in order to make the design fully functional. Preview View Demo Step 1: Create the Photoshop Document Our button will be exactly 170px wide and 50px tall, but we’ll make a bigger canvas (600x600px) so that we have some breathing room while we work (then we can just crop our work before saving it). Step 2: Create the Base Shape Use the Rounded Rectangle Tool (U) set to Shape Layers and with a Radius of 5px to create a 170x50px rectangle. Step 3: Give the Base Shape a Layer Style The appearance of the button will largely depend on its layer style. We will give this layer two layer effects: a Gradient Overlay and a Stroke. <!
HOW TO: Get Up-to-Date on WordPress 3.0 This series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace's hosting solutions here. WordPress 3.0, the latest and greatest version of the popular open source content management system, has just been released. The latest version brings a refined backend interface, a brand new default theme, a new custom menu structure, plus improved support for custom post types and custom taxonomies. While we've written about some of the most exciting and important new features in WordPress 3.0 already, we thought now would be a good time to round-up some resources of how these newest features work and what WordPress designers and developers will need to consider when upgrading or creating new plugins or themes for WordPress 3.0.Although WordPress 3.0 was only released last week, it has been in the works for quite some time, so a fair amount of documentation is already online. All About Menus Multisite Madness Custom Post Types Galore Custom Taxonomies Trickery
IntenseDebate comments enhance and encourage conversation on you