Home Page Design Guidelines (Jakob Nielsen's Alertbox) Summary: A company's homepage is its face to the world and the starting point for most user visits. Improving your homepage multiplies the entire website's business value, so following key guidelines for homepage usability is well worth the investment. Homepages are the most valuable real estate in the world. Each year, companies and individuals funnel millions of dollars through a space that's not even a square foot in size. The homepage is the most important page on most websites, and gets more page views than any other page. Following are ten things you can do to increase the usability of your homepage and thus enhance your website's business value. Make the Site's Purpose Clear: Explain Who You Are and What You Do 1. Start the page with a tagline that summarizes what the site or company does, especially if you're new or less than famous. 2. Begin the TITLE tag with the company name, followed by a brief description of the site. 3. Help Users Find What They Need 4. 5. 6. 7. 8. 9.
10 Useful Usability Findings and Guidelines Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability findings and guidelines that may help you improve the user experience on your websites. 1. Form Labels Work Best Above The Field Link A study by UX Matters1 found that the ideal position for labels in forms is above the fields. 2Tumblr3 features a simple and elegant sign-up form that adheres to UX Matter’s recommendation. Positioning labels on the left also poses another problem: do you left-align or right-align the labels? 2. People instinctively notice other people right away when they come into view. Eye-tracking heat map of a baby looking directly at us, from the UsableWorld study. 3. 6. 7. 8.
Eva-Lotta Lamm — User Experience Designer 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
Web Design: 15 Important Research Findings You Should Know Web Design: 15 Important Research Findings You Should Know A small selection of web design, usability, and accessibility related results of research, most of them derived from Human Factors International (newsletter). Some of them are relatively known, while others may enrich our professional self-understanding: Design is a key determinant to building online trust with consumers. For motivated users of an information site, bad design (busy layout, small print, too much text) hurts more than good design helps. —Sillence, Briggs, et al. (2004). Also see Stanford University’s “Guidelines for Web Credibility”. Layout on a web page (whitespace and advanced layout of headers, indentation, and figures) may not measurably influence performance, but it does influence satisfaction. —Chaperro, Shaikh, and Baker (2005). Experience matters: Blue links are easier to click than black ones, even though black ones have higher visual contrast and are easier to see. —Van Schaik and Ling (2003). —Lin (2004).
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.
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
100 usabilitytips om je website te verbeteren Sommigen van jullie zullen weten dat ik op Twitter usabilitytips deel. Deze tips komen voort uit de onderzoeken die ik uitvoer, en wat ik tegenkom op internet van gerenommeerde partijen/instituten. Omdat het er inmiddels heel wat zijn, heb ik in deze blogpost 100 usabilitytips op een rijtje gezet. Usabilitytip 1 Gebruik voldoende witruimte om rust te creeren. Usabilitytip 2 Het gebruik van 'klik hier' kan echt niet meer. Usabilitytip 3 Denk goed na over de rubrieknamen die je geeft in je navigatiemenu(s). Usabilitytip 4 Zorg dat je een zoekmachine op je site hebt. Usabilitytip 5 Maak gebruik van een 'kruimelpad' zodat gebruikers de weg terug gemakkelijk kunnen vinden. Usabilitytip 6 Gebruik bij een fly-outmenu alleen de verticale vorm omdat gebruikers de horizontale vorm maar lastig vinden om een selectie te maken. Usabilitytip 7 Maak altijd een consistente link naar de homepage op dezelfde locatie op elke webpagina. Usabilitytip 9 Zorg ervoor dat je contactgegevens snel te vinden zijn.
Frédéric Guerrier (guerrier) sur Twitter Don Norman'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?
Usabilityweb 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.
Het verschil tussen user interface en user experience designer · Bart van de Biezen Het is een vraag, die blogs rommelig beantwoorden. Dat ontwerpers er maar over blijven schrijven, geeft wel aan dat er veel onzekerheid over is. Die onzekerheid en hun definities verbazen me. Een samenvatting van deze artikelen: een UX ontwerper ontwerpt de complete ervaring, een UI ontwerper ontwerp de componenten die een gebruiker tegen kan komen. Efficiëntie: Hoe snel kun je je doel bereiken? En de complete ervaring dan? We willen de experience ontwerpen, het grote geheel. Strikt gezien, bepaalt de gebruiker in combinatie met jouw dienst zijn ervaring. Oké, en als we nu het exacte gedrag van de gebruiker even buiten beschouwing houden. De UX designer zou in dat geval complete controle moeten hebben over het strategie-, concept-, ontwerp- én ontwikkelingsproces. De UX designer bestaat niet. Ik heb het idee dat de term UX designer is ontstaan uit de onzekerheid over de rol van een nieuw type designer die zich op meerdere vakgebieden begeeft binnen een organisatie.