Introduction to Good Usability
Over the past year I have written a few posts about design guidelines. They have also proven to be the most successful ones. I have therefor decided to put a few of them together, add some more and bundle it as an ebook. So without much further ado, I present:
Introduction to Good Usability (pdf)
Licensing:
Introduction to Good Usability by Peter Conradie is licensed under a Creative Commons Attribution 3.0 Unported License.
Date Posted
Monday, January 21st, 2008Category
Design Guidelines, Interaction, Usability.Trackback
trackback url
sw Says:
tank you a lot!
Joel Laumans Says:
Good job man, nice to see you’ve been busy with something.
I could you some inspiration to get back to work, haven’t done anything really productive in ages. =(
Peter Says:
Thanks for the comment sw and Joel.
AOWS » Paper: introducción a la usabilidad Says:
[...] ejemplo es el Introduction to Good Usability, un paper (pdf) de escasas 21 páginas donde se exponen algunos problemas clásicos de usabilidad y [...]
Best Of January 2008 | Best of the Month | Smashing Magazine Says:
[...] Introduction to Good UsabilityPeter Conradie offers his Introduction to Good Usability as .pdf-file for free download. The .pdf covers interface design guides (breadcrumbs, tabs, linking, overlays, drop down menu, scroll etc.) as well as author’s principles of good usability. [...]
im suden Says:
It’s great to see more and more accessible guides to good design for beginners/intermediates; hopefully a new, sensible set of conventions will develop as a result of texts like this.
To nitpick: you need to proof read the document (your ‘a’ and ‘s’ keys appear to be making mischief), and I’d disagree with a few of the recommendations, e.g. you suggest a leading of 120% of the font size – which is most browser’s default value – but I would suggest at least 140% for optimal readability. You also neglect to mention font size, a pretty fundamental aspect of legibility and accessibility.
Surely useit.com should get a mention in the reading list?
Oh – and congratulations on getting linked to by Smashing Magazine!
January roundup: my personal selection | Sacha Greif Says:
[...] excellent (and free) pdf book on interfaces and usability with lots of screenshots and real-world [...]
Dennis Koks Says:
Good job man. Good to see you working on stuff like this. Besides a good reference for beginners/intermediates, it also spreads some inspiration among colleauges and fellowstudents
Peter Says:
Thanks for the comments and trackbacks everyone.
@im suden: Yeah, I suppose 140% could also work.
@Dennis: Thanks mate!
Dr. Pete Says:
Nice work, Peter; it’s been on my to-do list for a couple of days, and I finally got around to reading through it all. I think you achieved a good balance of having a document long enough to be comprehensive and useful while still a relatively easy read. Some really solid content.
Dan Brazil Says:
A great resource – nice and succinct with some good examples. Thanks.
Robin Says:
Nice list, but you should know that pdf breaks the user’s flow, so there should be a link to a html-version.
Peter Says:
Thanks Dr Pete. I did have to cut some content, at some point it became far too long.
@Dan: Thanks a lot.
@Robin: Yeah, it is true that it breaks the user’s flow but in html form it is just simply too large to be read comfortably. I might put up a html version online though.
Risorse del 01/02: Accessibilità e Usabilità | Deswign Says:
[...] Introduction to Good Usability: è un pdf che raccoglie i post del 2007 di Peter Conradie, esperto di interazione e usabilità [...]
links for 2008-02-01 « Mogore Says:
[...] peterpixel writings » Blog Archive » Introduction to Good Usability (tags: usability webdesign design) [...]
News » Best Of January 2008 Says:
[...] Introduction to Good Usability Peter Conradie offers his Introduction to Good Usability as .pdf-file for free download. The .pdf covers interface design guides (breadcrumbs, tabs, linking, overlays, drop down menu, scroll etc.) as well as author’s principles of good usability. [...]
Teppo Says:
Hi there, just wanted to say that I enjoyed your ebook. Lots of good points there for beginners and us who’ve done way too many no-thinking-allowed jobs lately. Just a little bit of critique ahead, though. Isn’t that what comments are for?
About tabs you say that “color indication works best”. I agree, but you could also mention that it shouldn’t be used alone. Consider color blindness and some other vision deficiencies.
I’d also like to see a chapter about images, alt tags, accessible flash usage and stuff like that. The little things that make big difference when it comes to accessibility (and if it’s not accessible, it certainly isn’t usable either).
Vimalprasath Says:
Very useful, thnks a lot.
Designers Essential Downloads | Internet Marketing | Steve Renner Says:
[...] Introduction to Good Usability – Peter Pixel [...]
Guías en PDF para diseñadores web y programadores - elWebmaster.com Says:
[...] Introduction to Good Usability – Peter Pixel [...]
30 PDF esenciales para los diseñadores | 8chapas.com Says:
[...] Introduction to Good Usability – Peter Pixel [...]
30 essential pdf documents every designer should download | Marcio Rosa Website Says:
[...] Introduction to Good Usability – Peter Pixel [...]
30 PDF que todo geek deberia tener | keeGeek Says:
[...] Introduction to Good Usability – Peter Pixel [...]
30 pdf, ??????? ?????? ??????? ????? web-???????? | Listeria.ru Says:
[...] Introduction to Good Usability – Peter Pixel [...]
David Hamill Says:
It’s great that you’ve done this. I’m not in total agreement with everything in here but I loved page 5.
Peter Says:
Hi David, thanks for the comment!
Roseanne Says:
Good words.
Graphic Fetish Says:
I think tabs and breadcrumbs are the most important parts of a site. I hate it when I don’t know where I am and how to get back to where I was. It’s annoying to have to go all the way back to a homepage and track my steps again. Usability is such an important topic – thanks for the quick overview and good resources at the end.
Dorothy Poon.com » Blog Archive » The Social Web #2: Accessibility and Ease of use Says:
[...] much for the power of intuition and usability. Here is a link to some light reading about good usability by peterpixel, which has been sitting in my “To Read” folder for far too long! It is [...]
Material Indispensable para Diseñadores Web « Art-Splash Web-Design Says:
[...] Una primicia sobre medios de comunicación social – SmashLAB Diseñando para contingencias Introducción a la buena usabilidad – Peter Pixel Como ser creativo – Hugh [...]
Crea tu propio sitio web con herramientas en línea « Art-Splash Web-Design Says:
[...] Una primicia sobre medios de comunicación social – SmashLAB Diseñando para contingencias Introducción a la buena usabilidad – Peter Pixel Como ser creativo – Hugh [...]
Material Indispensable para Diseñadores Web | Art-Splash Blog Says:
[...] Introducción a la buena usabilidad – Peter Pixel [...]
peterpixel writings » Blog Archive » Introduction to Good Usability Soon in Spanish Says:
[...] and the Technological Network of Andalusia (RETA) in Spain with the request to translate my e-book Introduction to Good Usability into Spanish. Off course I was thrilled about this and less than a week later I received a pdf in [...]
Toolkit for Human Centered Design | Programa EVA. Laboratorio Says:
[...] profesor de la Universidad de Rotterdam de Ciencias Aplicadas, Peter Conradie, autor, además, de “Introduction to Good Usability”, ya traducida y disponible en español, Joel Laumans, estudiante de Communication and Multimedia [...]
S-GRAFIKZ | Free vectorart downloads, brushes, tutorials, flash motion loops and inspirations! Says:
[...] 9) Introduction to Good Usability – Peter Pixel [...]
60 PDFs que todo designer precisa ter! | DESIGN on the ROCKS Says:
[...] – Mark McGuinness A Primer in Social Media - SmashLAB Contingency Design - 37signals Introduction to Good Usability – Peter Pixel How to Be Creative – [...]
peterpixel writings » Blog Archive » Me ebook now in Spanish: Introducción a la Usabilidad Says:
[...] Science and Enterprise and the Technological Network of Andalusia (RETA) in Spain translated my Introduction to Good Usability ebook into Spanish. Needless to say, I am very happy about this (flattered also comes to [...]
Introducción a la usabilidad | Consultoría en red Says:
[...] Gracias al Programa Eva, dependiente de la Conserjería de Innovación, Ciencia y Empresa de la Junta de Andalucía, podemos contar con una traducción de la guía Introducción a la usabilidad de Peter Conradie. [...]
31 Great Free E-Books Says:
[...] Introduction to Good Usability – Direct download. [...]
maya Says:
Very usable, thank you
Top 10 Blogging Ebooks | Blogging Agenda Says:
[...] Introduction to Good Usability – Direct download. [...]
sandrar Says:
Hi! I was surfing and found your blog post… nice! I love your blog.
Cheers! Sandra. R.
15+ Must have Web Resources for Designers | DESIGNJUNCTION.IN / blog Says:
[...] Introduction to Good Usability Visual impact is necessary but a good usability approach is what makes a website or application functional to the end-user. Introduction to good usability by Peter Pixel works well as a handy e-book for basic usability guidelines. [...]
10 Useful Usability Findings and Guidelines « Smashing Magazine Says:
[...] Introduction To Good Usability [...]
10 Useful Usability Findings and Guidelines « Tech7.Net Says:
[...] Introduction To Good Usability [...]
10 Useful Usability Findings and Guidelines « Smashing Magazine Says:
[...] Introduction To Good Usability [...]
10 Useful Usability Findings and Guidelines - Partytow Says:
[...] Introduction To Good Usability [...]
Cristian Says:
Thank you! I’m an italian designer, and your pdf helped me a lot!!! GREAT!
Devils Backyard » Blog Archive » 10 Useful Usability Findings and Guidelines Says:
[...] Introduction To Good Usability [...]
10????????????| Tips| ???? Says:
[...] ???????? [...]
10?????????????? | ??????? Says:
[...] ???????? [...]
10???????????? - 518??? Says:
[...] ???????? [...]
10 Useful Usability Findings and Guidelines | JB's Personal Portfolio Says:
[...] [...]
10???????????? « ?????? Says:
[...] ???????? [...]
Proposal Drafting « Digital Media Project Says:
[...] http://www.peterpixel.nl/writings/introduction-to-good-usability/ [...]
30 pdf documents for the designer in you « IT stuff 4 u Says:
[...] Introduction to Good Usability [...]
An Introduction to Understanding and Implementing Web Usability : Speckyboy Design Magazine Says:
[...] Introduction to Good Usability [...]
An Introduction to Understanding and Implementing Web Usability | webmaster.lk | English Says:
[...] Introduction to Good Usability [...]
10 Useful Usability Findings and Guidelines « Usability – My Love Says:
[...] Introduction To Good Usability [...]
The SEO "How To" Blog » Blog Archive » 20 Indispensable Websites For Understanding Web Usability Says:
[...] Introduction To Good Usability [...]
10???????????? Says:
[...] ???????? [...]
10 Useful Usability Findings and Guidelines | Privacy Thief Says:
[...] Introduction To Good Usability [...]
» Blog Archive » Designer downloads Says:
[...] Introduction to Good Usability – Peter Pixel [...]
Form Labels Work Best Above the Field Says:
[...] Introduction To Good Usability [...]
marciorosa.org » 30 essential pdf documents every designer should download - Complete listing Tools and resorces for the ultimate web developer Says:
[...] Introduction to Good Usability – Peter Pixel [...]
20 Useful Free PDF ebooks for Designers and Bloggers Says:
[...] Introduction to Good Usability by Peter Pixel [...]
20 Useful Free PDF ebooks for Designers and Bloggers « UKWDS! Says:
[...] Introduction to Good Usability by Peter Pixel [...]
Wbcom Designs | Blog | Useful Free PDF eBooks for Designers and Bloggers Says:
[...] Introduction to Good Usability by Peter Pixel [...]
20 Useful Free Ebooks for Designers and Bloggers Says:
[...] 28.11.09 */ google_ad_slot = "2185104221"; google_ad_width = 468; google_ad_height = 60; Introduction to Good Usability by Peter PixelThis guide is especially handy if you haven’t done a lot of webdesign yet or if you are involved [...]
10 Free EBooks for Web Designers « Tutorials Categorized Says:
[...] Introduction to Good Usability [...]
Aniseed Media Design Says:
Great advice, cut down to a reasonable amount and not full of wordy industry jargon.
Design&Code » Libros gratuitos para diseñadores web Says:
[...] Enlace: Peter Pixel / Introduction to good usability. [...]
10 Free EBooks for Web Designers « Web Colorz | Web Design Blog | Tutorials | Inspiration | Freelancer Blog Says:
[...] Introduction to Good Usability [...]
Dann Says:
Thanks man! I start to read it.
POLVO DESIGN » Blog Archive » 10 Free EBooks for Web Designers Says:
[...] Introduction to Good Usability [...]
10 Free EBooks for Web Designers | Web Design Resources Says:
[...] Introduction to Good Usability [...]
Shane D Says:
Regarding splash screens, there is one (and as far as I am concerned, only one) justifiable usage for a splash screen and that is language selection if you have multiple languages. The user should only be presented with this screen once, however, with their choice remembered for future visits…and a method to change language, if desired, should be present on the main site.
10 Useful Usability Findings and Guidelines | WPLaunchBox Says:
[...] Introduction To Good Usability [...]
Becoming a Better Web Designer | BJD Productions Blog Says:
[...] Introduction to Good Usability [...]
Antioch IL Web Design and Development by TechnoStones Interactive Says:
[...] Introduction to Good Usability [...]
Kostenlose eBooks | WebmasterArchiv.com Says:
[...] Introduction to Good Usability (en) [...]
45 Free eBooks for Developers and Designers Says:
[...] Introduction to Good Usability by Peter Pixel [...]
44 eBooks Gratuitos para Desarrolladores y Diseñadores Web. | GeeksRoom Says:
[...] Introduction to Good Usability by Peter Pixel (PDF) [...]
Libros gratuitos para Diseñadores Web y Desarrolladores | gEEK tHE pLANET Says:
[...] Introduction to Good Usability by Peter Pixel (PDF) [...]
Rory Dibrell Says:
Extraordinary Posting, i got being reading this website recent a number of days but currently i personally spent the time to thank you for particulars you may discussing with us.
Mani Says:
Hey. Thanks a lot for this. It is also pretty fascinating the program you’re enrolled at.
45 Free eBooks for Developers and Designers « WebdesignerLab – All about Webdesign Says:
[...] Introduction to Good Usability by Peter Pixel [...]
Introduction to Good Usability Free Ebook | Scripts Well Says:
[...] http://www.peterpixel.nl/writings/introduction-to-good-usability/ Posted in: [...]
Libros gratuitos para Diseñadores Web y Desarrolladores | DistroGeek Says:
[...] Introduction to Good Usability by Peter Pixel (PDF) [...]
Libros gratuitos para Diseñadores Web y Desarrolladores « Mis Cosas… Says:
[...] Introduction to Good Usability by Peter Pixel [...]
Libros gratuitos para Diseñadores Web y Desarrolladores « Mis Cosas… Says:
[...] Introduction to Good Usability by Peter Pixel (PDF) [...]
Carlos Cano Says:
Hey there, the spanish version link is broken
10???????????? « ???? – WEB????? Says:
[...] ???????? [...]
Atif Says:
Excellent Job man
links for 2011-04-26 | Aram on Mason Says:
[...] peterpixel: writings » Introduction to Good Usability (tags: usability webdesign) [...]
13 Free Online Books and 17 Free eBooks (PDF) Tutorials For Web Designers | JournalDev Says:
[...] Introduction to Good Usability written by Peter [...]
13 Free Online Books and 17 Free eBooks (PDF) Tutorials For Web Designers | kamranbhutto Says:
[...] Introduction to Good Usability written by Peter [...]
Steven J. Alves » 10 Free EBooks for Web Designers Says:
[...] Introduction to Good Usability [...]
30 ESSENTIAL PDF DOCUMENTS EVERY DESIGNER SHOULD DOWNLOAD part 2 « a bunch loads of post-its Says:
[...] Introduction to Good Usability – Peter Pixel [...]
Free Web Links List Says:
Introduction to Good Usability – Peter Pixel
Libros de diseño | Salvadoresc Says:
[...] Introducción a la buena usabilidad [...]
10 Free EBooks for Web DesignersDesigners | Best Web Gallery - Flash Gallery - CSS Gallery - Web Design Inspiration - CSS Web Gallery - Designing Gallery Says:
[...] Introduction to Good Usability [...]
Usability: Free Educational Resources, Articles and Services « UXasm Says:
[...] Introduction to Good Usability by Peter Pixel [...]
10 Must Read Free Ebooks for Web Designers | Pixel2Pixel Design Says:
[...] 1. Introduction to Good Usability by Peter Pixel [...]
E-book: Introduction to online usability | Nett Says:
[...] the e-book here. This entry was posted in Resources and tagged business growth, communications, e-commerce, [...]
5 Kostenlose eBooks zum Thema Webdesign - Netzverpflegung.de Says:
[...] Introduction to Good Usability [...]
Introduction to good usability » Criterion Says:
[...] Introduction to good usability [en] Puedes dejar un comentario o suscribirte | Si lo prefieres también puedes suscribirte gratis al feed de la web o compartir el post: Tags: Apuntes,Diseño de informacion,Recortes,usabilidad. [...]
Tecnologia Says:
Thanks
Esta excelente
Kostenloser Usability Guide “Introduction to Good Usability” | ilovedesign - Portfolio, Designkonzepte und Ideensammlung von Thomas Otto Says:
[...] trug. Hatte ich die ganze Zeit das Gefühl, das ich seinem Namen schon einmal irgendwo gelesen habe. Nach einem Besuch auf seiner Website viel es mir auch wieder ein. Er ist der Autor des kostenlosen Usability Guides “Introduction to Good Usability”. Ich kann diesen Guide nur empfehlen. Kostenlos durchlesen bzw. herunterlade kann man sich den Guide hier. [...]
awam - 35 Free Web Design Ebooks / Resources (Part 3 of 3) Says:
[...] Alternatively, you can also click on the title of the eBook at the top of the viewer to download a full page version to display on your browser’s Acrobat Reader add-on. Once displayed, you can simply click on the Reader’s disk icon button to save the file to your PC for offline reading. As a blog site, the popular eBook has received and continues to receive a stream of flattering reader comments at the last half of the blog page. These comments provide a quick glance on how the eBook is regarded by those who have read it. Click on the link below to view or download this free ebook:-An Introduction to Good Usability [...]
35 Free Web Design Ebooks / Resources (Part 3 of 3) | Ebooks on Crack Says:
[...] Alternatively, you can also click on the title of the eBook at the top of the viewer to download a full page version to display on your browser’s Acrobat Reader add-on. Once displayed, you can simply click on the Reader’s disk icon button to save the file to your PC for offline reading. As a blog site, the popular eBook has received and continues to receive a stream of flattering reader comments at the last half of the blog page. These comments provide a quick glance on how the eBook is regarded by those who have read it. Click on the link below to view or download this free ebook:-An Introduction to Good Usability [...]
35 Free Web Design Ebooks / Resources (Part 3 of 3) at 100free.info Says:
[...] Alternatively, you can also click on the title of the eBook at the top of the viewer to download a full page version to display on your browser’s Acrobat Reader add-on. Once displayed, you can simply click on the Reader’s disk icon button to save the file to your PC for offline reading. As a blog site, the popular eBook has received and continues to receive a stream of flattering reader comments at the last half of the blog page. These comments provide a quick glance on how the eBook is regarded by those who have read it. Click on the link below to view or download this free ebook:-An Introduction to Good Usability [...]
12 (+5) ebooks gratuitos sobre web design « Ler ebooks Says:
[...] Introduction to Good Usability [...]
15 Free Ebooks about User Experience and Interface Design Says:
[...] A collection of Peter’s posts about design guidelines in PDF format.http://www.peterpixel.nl [...]
4 Free Web Design E-books | Affordable Web Design Biz Says:
[...] Introduction to Good Usability- Written by Peter Conradie, this e-book is great for beginning web designers and focuses on the [...]
Viral Notebook » Free e-books for elearning developers Says:
[...] Introduction to Good Usability [...]
40+ Useful Free Online Books for Web Designers | Web Design | instantShift Says:
[...] More info & Download [...]
40+ Useful Free Online Books for Web DesignersRimaz Rauf 's Blog Says:
[...] More info & Download [...]
40+ Useful Free Online Books for Web Designers | CS5 Design Says:
[...] More info & Download [...]
40+ Useful Free Online Books for Web Designers | PHP Developer Resource Says:
[...] More info & Download [...]
Noel Glesener Says:
New We’ve frequented your internet site. I truly like it. Many thanks for every little thing you execute.
20 Free E-Books for Designers and Bloggers | Sky Tech Geek Says:
[...] Introduction to Good Usability by Peter Pixel [...]
peterpixel writings » Blog Archive » Introduction to Good Usability » Web Design Says:
[...] peterpixel writings » Blog Archive » Introduction to Good Usability [...]
Kostenlose E-Books für Webdesigner & Blogger - must read (Geek Pub) Says:
[...] Download [...]
30 Free eBooks and Whitepapers For Web Designers | Best Web Consulting company in Nashik, India with Creative and Professional Website Design, Content Management Systems, Wordpress Experts, Ecommerce SEO, and more.. Says:
[...] Introduction to Good Usability [...]
30 Free eBooks and Whitepapers For Web Designers | Android News Says:
[...] Introduction to Good Usability [...]
30 Free eBooks and Whitepapers For Web Designers | DigitalMofo Says:
[...] Introduction to Good Usability [...]
20 Free E-books For Web Designers « Logistic Media Says:
[...] 5. Introduction to Good Usability [...]
30 Free eBooks and Whitepapers For Web Designers « fbguide.info Says:
[...] Introduction to Good Usability [...]
30 Free eBooks and Whitepapers For Web Designers | | HearTThrobeHearTThrobe Says:
[...] Introduction to Good Usability [...]
30 Free eBooks and Whitepapers For Web Designers | Indoor Digital Billboards Says:
[...] Introduction to Good Usability [...]
Webmasterlar için 30 adet ücretsiz e-book | Fiksweb Web Tasar?m ve ?nternet Hizmetleri Blog Says:
[...] Introduction To Good Usability [...]
Free E-Books And Whitepapers For Web Designers | 4wpress.com Says:
[...] Introduction To Good Usability [...]
Introduction to Good Usability | Computer Tech Books Says:
[...] DOWNLOAD IT HERE [...]
Analía Antenucci Says:
Great resource, thanks!!
14 Free Web Design Books Says:
[...] Introduction to Good Usability Usability is something that many designers forget but this 20-page ebook can help you understand it better. [...]
40 +?????????????? | The Designer Blog Says:
[...] ??????? [...]
12 Free web design ebooks « Born 4 Digital Web Design Web Design Bournemouth SEO PPC Online Digital Marketing Agency Dorset, Hampshire, London, UK | SEO website design Says:
[...] Introduction to Good Usability [...]
Mais de 500 livros gratuitos para baixar e estudar | Nc Master Informática Says:
[...] Introduction to Good Usability - um e-book pequeno, com foco em “usabilidade”. Propõe ações simples para deixar seus sites mais acessíveis ao público. [...]
User Interface Design: What are some good eBooks on UI design? - Quora Says:
[...] i can recomment these free e-books:Introduction to Good Usability: http://www.peterpixel.nl/writing…Principles of Social Interaction Design: http://johnnyholland.org/2012/02…Embed QuoteComment [...]
10???????????? | ??? Says:
[...] ???????? [...]
FREE Books for Learning Web Development & Design | bitbits Says:
[...] Introduction to Good Usability Share this:Like this:LikeBe the first to like this. Tags: book, browser, css, download, free, html5, javascript, jquery, typograpy, web, web design, web development [...]
SUA EMPRESA EM FOCO | Aqui a sua empresa está sempre em primeiro lugar » Livros gratuitos III: Mais de 500 para baixar e estudar Says:
[...] Introduction to Good Usability - um e-book pequeno, com foco em “usabilidade”. Propõe ações simples para deixar seus sites mais acessíveis ao público. [...]
???????????????eBook:10 | igeek?? Says:
[...] Introduction to Good Usability [...]
Antonio Says:
Me parece muy interesante el tema de la usabilidad.
Muchas Gracias.
Carti electronice gratuite pentru web design « Diverse IT&C Says:
[...] Introduction to Good Usability [...]
???? ???? ?? ??? - Designtext Says:
[...] ?? : Introduction to Good Usability [...]
35 Useful and Free E-books for Web Designers | good favorite Says:
[...] 4. Introduction to Good Usability [...]
Becoming a Better Web Designer Says:
[...] Introduction to Good Usability [...]
10???????????? | ??? Says:
[...] ???????? [...]
wideopen.blog.tiscali.it Says:
I am really grateful to the owner of this web site who has shared this great
piece of writing at here.