Le contenu est maitre et le design est son serviteur

Que souhaitez-vous trouver lorsque vous cliquez sur les résultats d’une recherche dans Google ? Un beau site ?Ou bien un site où vous trouverez l’information recherchée ? Pour la plupart d’entre nous, notre première attente est le contenu pertinent en rapport avec la requête que nous avons formulée. Pourtant, le design revêt une importance capitale dans la satisfaction de l’utilisateur d’un site web, a condition d’être au service du contenu. Sans contenu utile, le design n’est rien. Le plus beau des sites web sera jugé avec déception s’il ne tient pas la promesse qui nous a amenés à celui-ci. Que ce contenu soit relatif à un produit que vous souhaitez acheter, une vidéo que vous souhaitez regarder, une information que vous souhaitez connaître, vous venez pour lui, le maitre, le contenu. Et pourtant encore presque en 2011, de nombreux sites sont conçus à l’envers. Tous les designers que j’ai pu rencontrer me disent tous la même chose. Dit comme cela, ça nous paraît évident. En résumé

Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab Les préfixes vendeurs en CSS - Alsacréations Afin de permettre le développement progressif et l'implémentation des modules CSS, les éditeurs de navigateurs (vendors) ont la possibilité d'introduire le support de propriétés spécifiques. Cette manière d'opérer est recommandée par le W3C depuis CSS 2.1 et valable pour les versions suivantes. Ces "propriétés propriétaires" doivent être préfixées d'un tiret et d'un code correspondant au moteur les exploitant : -o- pour Opera -moz- pour Gecko (Mozilla) -webkit- pour Webkit (Chrome, Safari, Android...) -ms- pour Microsoft (Internet Explorer) -khtml- pour KHTML (Konqueror) Le tout doit être suivi du nom de la propriété souhaitée ou anticipée. Ainsi, la fameuse propriété border-radius destinée à arrondir les angles des boîtes sans utiliser d'images ou de techniques alternatives s'est vue introduite par : -moz-border-radius sous Gecko (2.0 à 3.6) -webkit-border-radius sous WebKit Quelques inconvénients font surface : Recommandation d'usage courant

Ergonomie d’un site Internet On a souvent deux mots à la bouche lorsque l’on est le propriétaire d’un site web, la beauté et le trafic. Mais Il est aussi important de conserver ses visiteurs. Grâce à la qualité du contenu, bien sûr, mais aussi en s’assurant que son site est facile à naviguer. L’ergonomie du site revêt alors une importance capitale. Combien de fois vous est-il arrivé de vous perdre dans un site, ne plus retrouver l’information que vous aviez lue quelques pages plus tôt ? Combien de fois le graphisme et la mauvaise ergonomie du site vous a-t-il fait perdre vos repères, vous à gêné, pour trouver un menu ou un contenu ? Pourquoi penser ergonomie? La réflexion sur l’ergonomie d’un site web est primordiale. Il est facile de donner une bonne image de soi sur le net, à condition d’y prêter un peu attention. Les erreurs d’ergonomie à éviter Un menu peu accessible : Un menu complet qui s’ouvre ou apparaît au passage du curseur sur une icône donne un effet esthétique amusant. En résumé Pour conclure

40 Creative Navigation Menus One of the first things to do when planning out a new website is to work out all of the content that will be in the site. You then divide that up into sections and then into various levels of navigation. The result is a boring list of links. That list of links is one of the most important part of your website though, it goes without saying that every visitor to the site will be using them to get around. In this post we’ve pulled together some of the best designed navigation bars (both horizontal and vertical) to help give you ideas to enhance your own. Horizontal Menus 1. A beautiful minimalist menu with fast colors and a compact design. 2. Sleek looking tabs with drop shadow and a beautiful background pattern. 3. iPhone style menu for an Iphone app. 4. Simple, compact and sleek. 5. Light colors and creative symbols make this menu stand out from the crowd. 6. Solid colors and simple MouseOver effects make this menu pretty. 7. A nice multi-colored menu. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.

50 Gorgeous Navigation Menus – Part 2 If you’re looking to learn more about design websites, please see our post Learn Web Design for plenty of resources to help your educational pursuit. Last week I published a collection of over 50 excellent navigational menus for your design inspiration. Because I found more examples than I used in that post, and because others seemed to share my appreciation for menu design, I’ve decided to put together a second collection. Looking for hosting?