No me hagas pensar Una aproximacion a la usabilidad en la Web Segunda edicion Steve Krug Traduccién José Manuel Diaz Aporte por: PICHU: YER’ Madrid * México * Santafé de Bogord * Buenos Aires * Caracas * Lima * Montevideo * San Juan * San José * Sao Paulo * White Plainsindice de contenido PROLOGO INTRODUCCION CAPITULO 1 CAPITULO 2 CAPITULO 3 CAPITULO 4 CAPITULO 5 CAPITULO 6 CAPITULO 7 ‘Acerca de la segunda edicién. Vu Prélogo xIV Léame primero ‘Aclarado de voz y renuncia de responsabilidades jNo me hagas pensar! 10 Primera norma de la usabilidad de Krug ZComo usamos realmente la Web? 20 Ojear; ser suficiente y ameglarselass Disefio de rétulos 101 30 piseflo de paginas para hojear, no para leer zAnimal, vegetal o mineral? 40 Por qué le gustan al usuario las opciones mecdnicas? Omision de palabras Mimesesarias 44 Flarte de no escribir en la Web Sefiales en la calle y migas 50 Disefto de la navegacién El primer paso para la recuperacion 94 es admitir que ha perdido el control de Ia pagina principal Disefto de la pagina principal VICAPITULO 8 CAPITULO 9 CAPITULO 10 CAPITULO 11 CAPITULO 12 El granjero y el ganadero deben 122 ser amigos Por qué la mayoria de los argumentos del equipo de disefio web acerca de ia usabilfdad son una pérdida de tiempo y cémo evitarlos Prueba de usabilidad por 10 centavos 130, al dia Sencillez en las pruebas La usabilidad como cortesia comin 160 Por qué su sitio web debe ser un mensch Accesibilidad, hojas de estilo en cascada y usted 168 ‘Simplemente cuando piensa que ya lo ha hecho, aparece un gato con una tastada untada con mantequilla atada ata espalda iAyuda! Mi jefe quiere que : 180 Cuando los mejores toman malas decisiones dé diserto Lecturas recomendadas 186 Agradecimientos - 192 indice analitico 198 vilPrologo NO ME HAGAS PENSAR OTRA VEZ 22% lo mucho que han cambiado las cosas desde el afio 2000, cuando se imprimié la primera edicién de este libro, sorprende que el disefio bésico de la Web siga siendo igual en muchos casos. En los primeros afios la plataforma era voldtil. Parecfa que las cosas cambiaban todas las semanas, Estdbamos inmersos en guerras de navegadores, con Netscape cuadrando todas las esquinas y el W3C sacando a la luz nuevos estindares de HTML cada seis meses. Pero entonces, con la predecible victoria de los de Redmond, todo se tranquilizé. Esto supuso un alivio para los disefiadores web, que se volvian locos por los constantes cambios en el e6digo. Pero ese alivio pronto se fue convirtiendo en frustracién. La inflexibilidad de HTML, la carencia de fuentes, la adaptabilidad de las paginas web que provoca que el disefio sea tan impreciso, el confuso conjunto de resoluciones y navega- dores (aun cuando casi siempre se utiliza Explorer)... Todos estos factores son tan molestos. La exasperacién de los disefiadores se comp! debido a la lenta coagulacién de una cierta cantidad de convenciones restrictivas, como el uso de banners. No todas las conven ciones son malas, en absoluto. De hecho, los usuarios adoran las convenciones, aun cuan- do los disefiadores las encuentran constringentes. Para la mayorfa de las personas, es bastante duro conseguir que el computador funcione. Y mientras estas convenciones pueden cambiar, hay una constancia que nunca cambia: Ja naturaleza humana. A pesar de lo radical y destructivo que una fuerza social y comercial como Internet ha sido, todavia no ha conseguido provocar una mutacién notable en la espe- cie. xIVY como los disefiadores no entramos, por norma, en contacto con los seres humanos reales, es muy dil conocer a Steve Krug (0 al menos tener este libro), porque Steve conoce alos usuarios. Después de mas de una década de trabajo, sigue mirando cada sitio web como sifuera el primero. Aqui no encontraré palabras sobrantes: s6lo encontrar4 sentido comtin yun juicio amistoso de cémo miramos, cémo pensamos y cémo leemos. Los ptincipios que Steve comparte en este libro seguirdn siendo los mismos, indepen- dientemente de lo que ocurra con Internet (con las convenciones web, o con el sistema ope rativo, o con el ancho de banda, o con la potencia de los computadores). Asi que tome asien- toy reldjese. ROGER BLACK Nueva York, julio de 2005ee alocee ACLARADO DE VOZ Y RENUNCIA DE RESPONSABILIDADES—eRealmente es necesario hacer este viaje? ESLOGAN DE 10S POSTERS DE LA SEGUNDA GUERRA MUNDIAL QUE ALENTARAN Al, RACIONAMIENTO DE GAS, uuando empecé a comentar que estaba preparando un libro acerca de emo hacer lo que ‘0 hacta, todos me preguntaron lo mismo: “No te da miedo quedarte sin traba Lo cierto es que tengo un gran trabajo. + La gente (“los clientes”) me envia propuestas de disefios de pagina para el nuevo sitio web que ellos mismos estin preparando o el URL del sitio ya existente que estan redli- sefnando. Nuevo disenio A Nuevo diseno 8 Sitio existente de pagina principal de pagina principal ss de manejar (examen de experto en usabilidad”). Algunas veces pago a gente para que intente uti- ® Miro los disefios 0 uso el sitio y deduzco si son lo suficientemente fiic lizar el sitio mi nntras yo observo (“prueba de usabilidad”) * Redaeto un informe deseribien- do los problemas probables con / = [ er, 2 los que, considero, los usuarios (= i Informe de usabilidad. se van a encontrar (“asuntos de } usabilidad”) y sugiero posibles soluciones’, nunca confiendir con “voyenrismo”. Realmente, esto es algo que ha cambiado desde Ia primera edicién, y la ntzén por la que he dejado de escribir al respecto la encontrard ex el Capleulo 9,NO ME HAGAS PENSAR * ‘Trabajo con el equipo de disesio web del cliente para ayudarles a resolver los problemas Podriamos hacerlo de esa forma, pero, si ponemos, por ejemplo, las historias mas importantes. debajo del anuncio de personalizacion Me pregunto si quedan bollos. 18), mire! Alguien ha traido unos En ocasiones trabajamos por telefono. y otras en persona + Me pagan por cllo. El trabajar como consultor me permite participar en proyectos interesantes con perso- s realmente preparadas y brillances; al rerminar, los sitios estiin mejor que cuando empe- vamos a trabajar. La mayor parte del tiempo de trabajo lo paso en casa sin tener que asistir a reuniones diatias soporiferas ni tratar con politicas de oficina. Puedo decir lo que pienso y normalmente se tiene en cuenta, Ademés, el trabajo estd bien pagado. Créanme, no me atreveria ni en lo mas minimo a poner en peligro esta forma de vida Pero, en realidad, hay muchos sitos web necesitados de ayuda (y sélo unos pocos que hacen Jo que yo mismo hago) que, salvo que hubiera un colapso total y repentino del boom de Internet’, me ofiecen la oportunidad de seguir trabajando durante unos cuiantos aftos mis, De repente, muchas personas con mas bien poca experiencia previa, 0 incluso ninguna, sc han tenido que responsabilizar de proyectos de gran presupuesto que pueden determinar el futuro de sus empresa correctamente stas personas buscardin a otras que les digan silo estan haciendo ! Ahora sengo 2 trabajo aiin mds cémode, Desde que slid el libro, paso mucho de mi tiempo en las tulleres de aprendizaje, donde, a diferencia de ta consulteria, no bay oportunidad de postengar una tarea Al final del dia, todo eid hecho. Obviamente, poco después de que yo escribiera esto asmenth ef ange (a tleimos det 2000). Attn ast seguramente ahora hay neds personas trabajando en temas de usabilidad que entonces.LEAME PRIMERO Los diseftadores graficos y los desarrolladores suelen ser los responsables del disefio de las interfaces (en temas como el disefio de la interaccidn; por ejemplo, lo que ocurre después que el usuario haya hecho clic) y la arquitectura de la informacién (la forma en que se orga- niza todo). Y la mayorfa de estas personas carece de un presupuesto para contratar a consultores de usabilided que revisen el trabajo (para qué hablar de tener uno cerca todo el tiempo) EBscribo este manual para los que no pueden permitirse contratar (0 contar con) perso- nal como yo, Del mismo modo, espero sea de gran valor para los que trabajan con profe- sionales de la usabilidad. Espero, por Io menos, que ayude a evitar algunas discusiones interminables y viciadas del disefio web que parecen consumir tantisimo tiempo. No se trata de cirugia disparatada™ Lo bueno es que gran parte de lo que hago es de sentido comiin y cualquiera que ten- gaiinterés puede aprender a hacerlo, Después de todo, Ia usabilidad sdlo significa el asegurarse que algo funcione bien: que Una persona con capacidad y experiencia media (o incluso por debajo de la media) pueda ser capaz de usar algo (ya sea un sitio web, un avién de combate o una puerta giratoria) con ¢l objetivo deseado sin sentirse completamente frustrado. Como en Ia mayorfa de los casos de sentido comtin, sin embargo, no es necesariamen- te obvio hasta después que alguien se lo haya sefialado’. Sin duda alguna: , si se lo puede permitis, contrate una persona como yo. De no ser Posible, espero que el presente manual le permita hacerlo a usted mismo (en su largo tiem- po libre). * sw tna de las razones por la gue mi negocio de consultoria se llama Advanced Common Sense Gemido comin avanzado) (negocio que, en realidad, Uevo yo mismo junto a una serie de epejos bien sitwades). El ema de mi empresa es: "No se trata de cirugia disparatada’