background preloader

The Web Credibility Project: Guidelines - Stanford University

The Web Credibility Project: Guidelines - Stanford University

This chapter is excerpted from SitePoint’s HTML Utopia: Designing Without Tables Using CSS, Second Edition, which provides a complete introduction to CSS and shows you how to build rock-solid CSS-based web sites from scratch. By the end of the book’s 12 chapters, you’ll understand the ins and outs of CSS, and you’ll be able to create robust, standards-compliant site designs that degrade gracefully in older browsers and are easy to maintain. You can download this chapter in PDF format, along with the first three chapters of the book, if you’d prefer to read it offline. Now, let’s get started building your CSS-based page layout! We now have some sound theory under our belts. The rest of this book will concentrate on how you can put CSS into practice when developing your own sites. This chapter will start with the creation of a simple two-column layout. The Layout Many web site designs start life as mock-ups in a graphics program. Figure 8.1. Figure 8.2. Creating the Document <! The Header

Eva-Lotta Lamm — User Experience Designer User Experience Design June 21, 2004 I've been practicing information architecture since 1994, and from Gopher to Google have seen dramatic changes in the landscape of organization, search and retrieval. Through these ten tempestuous years, I've found the infamous three circle diagram to be a great tool for explaining how and why we must strike a unique balance on each project between business goals and context, user needs and behavior, and the available mix of content. Figure 1. While this diagram was conceived with IA in mind, it's equally useful for explaining UX. Facets of the User Experience When I broadened my interest from IA to UX, I found the need for a new diagram to illustrate the facets of user experience - especially to help clients understand why they must move beyond usability - and so with a little help from my friends developed the user experience honeycomb. Figure 2. Here's how I explain each facet or quality of the user experience: Useful. A Different Way of Seeing A Big Hive

10 conseils d’utilisabilité avant de concevoir l’UX L’expérience utilisateur d’un site web, vaste sujet que nous avons déjà traité dans de nombreux articles : Chaque éditeur souhaite que les visiteurs prennent du plaisir quand ils visitent leur site, qu’ils gardent un bon souvenir, qu’ils reviennent et qu’ils recommandent le site à leur entourage. L’expérience offerte sur un site web prend de plus en plus d’importance avec la richesse des offres disponibles sur les différents supports : Web, mobile ou tablette. Le marché du commerce en ligne oblige donc à se démarquer des concurrents en offrant aux utilisateurs plus qu’une plate-forme fonctionnelle en ligne. Il n’est plus possible de rendre public un nouveau service ni préparé ni testé et penser créer des expériences extraordinaires. Il est nécessaire de s’assurer que le site web satisfait les attentes les plus simples des utilisateurs. 1. L’utilisabilité est la capacité d’un système à être utilisé par certains utilisateurs afin d’atteindre leurs buts ou objectifs. 2. 3. 4. 5. 6. 7. 8. 9.

Don Norman&#039;s jnd.org / Simplicity Is Highly Overrated Column written for Interactions, volume 14, issue 3. © CACM, 2007. This is the author's version of the work. It is posted here by permission of ACM for your personal use. It may be redistributed for non-commercial use only, provided this paragraph is included. Comment: This is one of the most misunderstood of all my columns. "Why can't products be simpler?" But when it came time for the journalists to review the simple products they had gathered together, they complained that they lacked what they considered to be "critical" features. I recently toured a department store in South Korea. I found the traditional "white goods" most interesting: Refrigerators and washing machines. But while at the store, I marveled at the advance complexities of all appliances, especially ones that once upon a time were quite simple: for example, toasters, refrigerators, and coffee makers, all of which had multiple control dials, multiple LCD displays, and a complexity that defied description. Why is this?

Frédéric Guerrier (guerrier) sur Twitter FooTable - Des tableaux HTML compatibles responsive webdesign FooTable est un plugin jQuery permettant de bénéficier d'un tableau dynamique adapté aux écrans larges et mobiles. La tendance est clairement au web compatible mobile, le responsive webdesign est une méthode permettant de répondre à cette problématique. Sauf que si vous avez déjà testé de mettre en place des medias queries, vous avez sans doute remarqué à quel point il était difficile de rendre un tableau de données compatible sur terminaux mobiles! Footable est une solution à ces problèmes d'adaptation des tableaux de données au mobile. En effet, ce plugin jQuery va redimensionner le tableau et proposer dynamiquement un (+) devant la première colonne pour afficher les infos supplémentaires. Exemple plus parlant, nous avons un tableau de données complet: Les deux colonnes principales que l'on défini sont le nom et prénom, et on défini des règles de masquage des autres colonnes en fonction de la résolution affichée: 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 15. 16. 17. 18. 19. 20.

Related: