xTitulo No me hagas pensar. Aproximacin a la usabilidad en la web.

Autor(es Steve Krug Tipo de Libro

) escrito
Cita Krug, S. (2005). No me hagas pensar. Aproximacin a la usabilidadx en la web. New Riders Press.
(APA)
Resumen
El libro explica nociones bsicas y prcticas de usabilidad para sitios web.
Ideas principales
1. Lame primero. Aclarado de voz y renuncia de responsabilidades.
Diseo de interfaz: diseo de la interaccin.
Arquitectura de informacin: organizacin de la informacin.

Usabilidad: 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 avin de combate o una
puerta giratoria) con el objetivo deseado sin sentirse completamente frustrado (5)

2. No me hagas pensar! Primer norma de la usabilidad de Krug.

Una pgina web debe ser clara, fcil de entender y en lo posible, evidente en s misma. Debe reducir a toda costa
la cantidad de interrogantes que pueden surgir en el usuario a partir de distintas cosas: los nombres, la
disposicin, etc. El idea es que todo sea evidente. El objetivo es que no aumente el volumen de trabajo cognitivo
al momento de navegar por el sitio y que contribuira a producir distraccin y prdida de atencin. En lo prctico: se
debe reducir al mnimo el dilogo interior del usuario, aplicar el principio bsico de eliminacin de
interrogantes.

Cosas que el usuario del sitio no debera pensar:

a) Dnde estoy?
b) Por dnde empiezo?
c) Dnde han puesto _________?
d) Qu es lo ms importante de esta pgina?
e) Por qu lo han llamado de esa forma?

Todo no se puede hacer obvio, y para tales casos, se debe aspirar a un diseo claro y auto-explicativo.
El propsito de esto es ofrecer un mejor aspecto, reducir el tiempo y la energa gastada en navegar y no en lo
que realmente se quiere que piensen.

3. Cmo usamos realmente la web?

Factores sobre cmo se utilizan realmente las pginas web:

A. No leemos las pginas; las hojeamos.

Las pginas web no se leen, se exploran en una bsqueda rpida de palabras o frases que captan la atencin. Esa
concentracin est i
Razones:
a) Normalmente los usuarios tienen prisa: el uso de internet est motivado por el deseo de ahorrar tiempo.
b) Los usuarios saben que no hay que leerlo todo: en la mayora de los casos slo les interesa un fragmento del
contenido disponible.
c) Estn habituados a eso.

B. No tomamos decisiones ptimas. Nos es suficiente.

Al momento de disear, usualmente se considera que el usuario hojea una pgina, considera todas las opciones
disponibles y escoge la mejor. Sin embargo, la mayor parte de las veces se quedan con la primera ms razonable.
Esto se conoce como satisficing. As se toman las decisiones.
Factores que influyen en esta conducta:
a) Normalmente los usuarios tienen prisa. EN este contexto, la estrategia ms efectiva es la del satisfacing.
b) Las consecuencias por el error cometido no son importantes. Por eso el botn ms utilizado es el atrs.
c) El sopesar distintas opciones no garantiza la mejora de nuestras oportunidades.
d) Adivinar es ms divertido.
Tampoco es correcto que esto se aplica siempre, porque depende tambin de cun presionados estn al momento
de ingresar a la web, el tiempo, la confianza en el sitio, entre otros.

C. No averiguamos el funcionamiento de las cosas. Nos las arreglamos.

En general, los usuarios utilizan tecnologas y sitios web con un alto grado de desconocimiento. Por lo tanto, no se
esmeran en reconocer cuales fueron las intenciones del diseador en la arquitectura de la informacin o indagar
sobre todas las posibilidades de la interfaz. Los usuarios en general de las arreglan.
Factores que influyen en este hbito:
 a) No importa. Para la gran mayora de los usuarios carece de importancia el llegar a entender el funcionamiento
de las cosas, en tanto puedan usarla.
b) Si se da con algo que funciona, siguen con ello. Una vez que se encuentra algo que funciona, se suele de dejar
de buscar una solucin mejor.
De todas formas es deseable que las personas vayan entendiendo el sitio. De esta forma se logra un uso ms
eficiente y se disminuye el % de error.
Beneficios de que el usuario entienda el sitio:
a) Probabilidad de encontrar lo que se busca es mayor (bueno para usuario y para dueo del sitio).
b) Entiende las cosas que ofrece el sitio en su conjunto y no slo un fragmento.
c) El usuario se encontrar ms seguir y convencido cuando use el sitio.

4. Diseo de rtulos 10. Diseo de pginas para hojear no para leer.

Cinco claves para ofrecer un sitio a los usuarios para que hojeen y entiendan.
1. Creacin de una jerarqua visual clara en cada pgina.
2. Aprovechamiento y uso de las convenciones.
3. Divisin de las pginas en zonas claramente definidas.
4. Dejar bien claro sobre lo que se puede hacer clic.
5. Minimizar el ruido.

Creacin de una jerarqua visual clara.

El aspecto de las cosas de la pgina debera representar de forma clara y adecuada la relacin entre todas ellas. Las
cosas que estn relacionadas entre s y aquellas que no forman parte. Esto implica respetar tres caractersticas:
1. Lo ms importante ha de ser lo ms prominente. Encabezados deberan ser ms grandes, en negrita,
con un color distintivo, etc.
2. Lo que est relacionado lgicamente, tambin lo est visualmente. Agrupar cosas similares bajo un
mismo ttulo, visualizaciones con un estilo especifico o colocndolo en zonas claramente definida.
3. Todo se engloba visualmente bien para que queden delimitadas las partes que pertenecen a cada
bloque.

Antecedes: peridicos (encabezados, epgrafe, titulares, negritas, etc.), televisin, etc.

Una buena jerarqua visual ahorra esfuerzo, disminuye las preguntas y se hace ms evidente para el usuario. Agiliza
todo el proceso de lectura.
Las convenciones nos favorecen.
Convenciones facilita la lectura, por ejemplo, de un peridico. La Web tiene muchas de ellas, la mayora
procedentes de las convenciones de la prensa (peridicos/revistas) aunque sigue desarrollando otras
nuevas. Por ejemplo: carro de compras, el disquete, las flechas en curva, la X, los dos cuadrados, el guin bajo,
etc.
Cosas importante sobre las convenciones:
Son muy tiles. Crean una sensacin tranquilizadora de familiaridad.
Los diseadores son reacios, con frecuencia, al abuso de ellas. Se ven tentadas a reinventar la rueda. El
consejo es: Si no va a usar una convencin de la Wb ya existente, tendr que sustituirla por algo
(a) tan claro y fcil de entender que no hay curva de aprendizaje (y entonces resulta tan bueno
como la convencin), o (b) que el valor que aade fuera tan alto que merece la pena esa pequea
curva de aprendizaje (36).

Divisin de las pginas en zonas claramente definidas.

Es importante dividir la pgina en zonas claramente definidas porque permite al usuario decidir rpidamente en
qu parte quiere centrarse () (36)

Dejar bien claro sobre lo que se puede hacer clic.

Si se obliga al usuario a pensar en algo que debera ser mecnico (como , por ejemplo, sobre qu hacer clic), se
est desaprovechando la reserva limitada de paciencia y de buena voluntad con que el usuario aparece ante un sitio
nuevo (37).

Baje el sonido hasta que casi desaparezca.

El ruido visual es un gran enemigo. Dos tipos:
a) Negocio-abigarrado: Cuando la pgina clama en exceso por mi atencin.
b) Ruido de fondo: diminutos fragmentos de ruido visual que terminan agotando.
Consejo: Cuando se disean pginas web es bueno asumir que todo es ruido visual hasta que se
demuestre lo contrario (39).

4. Animal, vegetal o mineral? Por qu le gustan al usuario las opciones

 mecnicas?
A pesar que existen quienes discuten el nmero de clic ptimo para que el usuario obtenga lo que busca 1, Krug
seala () no es el nmero de clics que tenga que hacer para alcanzar lo que quiero (si bien existen lmites), sino la
dificultad en la eleccin de ese clic (el esfuerzo necesario de pensamiento y la incertidumbre sobre si la eleccin
tomada es la correcta) (41).

Las opciones que se ofrecen tienen que ser evidentes y claras.

5. Omisin de palabras innecesarias. El arte de no escribir en la Web.

Beneficios de suprimir palabras:
a) Reduce el nivel de ruido de la pgina.
b) Realza el contenido realmente prctico.
c) Se acortan las pginas y el usuario aprecia ms cada una de ellas y lo que ofrecen.

El discurso innecesario tiene que desaparecer.

Los de bienvenida, que carece de informacin prctica y est enfocado al elogio de lo buenos que somos en lugar
de definir qu nos hace tan buenos.

Hay que eliminar instrucciones.

La otra fuente de palabras innecesarias: instrucciones, que nadie va a leer. Lo ptimo: eliminar completamente toda
instruccin y ponerlo todo claro, hacerlo de fcil comprensin.

Los dos captulos siguientes estudian la forma en que se aplican estos principios a los dos desafos mayores y ms
importantes del diseo web: la navegacin y la pgina principal (49)

6. Seales en la calle y migas. Diseo de la navegacin

El usuario no utilizar un sitio web si no se siente cmodo al utilizarlo.

1 Krug introduce un breve debate en sus notas al pie. Dos posturas son las que se encuentran en discusin: 1. Sitio amplio se divide en ms
categoras dentro de cada nivel, peor tiene menos niveles. 2. Sitio profundo tiene ms niveles y requiere ms clic, aunque las opciones a
considerar en cada nivel son menos.
Escena en un centro comercial.
La navegacin en una pgina web es similar al acto de ir a un centro comercial/tienda/supermercado y buscar
productos. Se pueden graficar con un diagrama de flujo. Cuestiones como: nombres de los departamentos,
la disposicin de los pasillos, personal disponible para preguntar, etc. Similares a lo experimentado cuando se
navega por un sitio web.

Navegacin web 101.

Proceso de navegacin:
a) Normalmente el usuario trata de encontrar algo.
b) El usuario decide si preguntar o buscar por su propia cuenta primero. Quin pregunta es equivalente
en la Web al que utiliza las opciones de bsqueda.
c) Si se inclina por echar un vistazo, se ver siguiendo una jerarqua con las indicaciones que le
muestran en el camino. Normalmente busca la lista con las secciones principales del sitio en la pgina
principal.
d) Si no encuentra lo deseado, abandona.

La insoportable ligereza de echar un vistazo.

Buscar cosas en un sitio web y buscarlas en el mundo real comparten muchas similitudes. Al explorar en la Web,
de alguna forma sentimos estar movindonos por un espacio fsico y, si no, piense en los trminos utilizados para
describir la experiencia: navegar, hojear y surfear, por ejemplo. Del mismo modo, hacer clic en un vnculo no
carga o visualiza otra pgina; conduce a la pgina. (57)
Particularidades del espacio web:
a) Falta de sensacin de escalas: el usuario carece del menor sentido de tamao que puede alcanzar un sitio.
Dificultades prcticas: no saber cundo se ha de parar de buscar.
b) Ausencia de sensacin de direccin: no hay sentidos, slo jerarquas.
c) Ausencia de la sensacin de ubicacin: en los espacios fsicos, a medida que nos desplazamos, vamos
conocindolos (*Mapas mentales).

Cuando se navega, la pregunta por el dnde estoy del usuario es un problema an ms predominante en la Web.
La ubicacin es compensada mediante la jerarqua visual que crea un all.

Propsitos de navegacin pasados por alto.

Los propsitos evidentes de la navegacin: nos ayuda a encontrar lo que estamos buscando y nos dice tambin el
lugar donde nos encontramos (59). La navegacin (Ver Definicin navegacin): Nos ofrece un lugar donde no
nos perdamos.

Funciones importantes de la navegacin:

Nos dice lo que hay en cada lugar: con una jerarqua visible, la navegacin nos presenta lo que contiene el
sitio.
Nos ensea a usar el sitio: si hace bien su trabajo, mostrar, implcitamente, el lugar por donde empezar y
las opciones que hay. Si est correctamente realizada, debe ofrecer todas las instrucciones que usted
necesita.
Nos permite confiar en las personas que la han creado: una navegacin clara y bien desarrollada es
una de las mejores oportunidades con las que cuenta un sitio para dar una buena impresin.

Convenciones de la navegacin web.

Las convenciones especifican, de una forma aproximada, la apariencia y la ubicacin de los elementos de
navegacin, de manera que nos permiten saber en todo momento lo que buscamos y dnde encontrarlo cuando lo
necesitamos Colocarlos en un lugar estndar nos facilita el situarlos de forma ms rpida con un mnimo esfuerzo:
si se estandariza su apariencia, sern ms fciles de distinguir del resto (60).
Las convenciones en la Web se han desarrollado muy rpido (61).

No mire ahora, pero creo que nos estn siguiendo.

Navegacin coherente (o global): describir el conjunto de los elementos de navegacin que aparecen en todas las
pginas del sitio. Esto permite confirmar al usuario que se encuentra en el mismo sitio. Cinco son los
elementos que toda pgina debera tener a mano:
Identificacin del sitio.
Camino hacia la pgina principal.
Una forma de buscar.
Utilidades.
Secciones.

Dije todas las pginas?

Dos excepciones a la regla:
a) Pgina principal.
b) Formularios.

Para estas pginas resulta muy prctico tener una versin mnima de la navegacin coherente que cuente slo con
la identificacin del sitio, un vnculo a la pgina principal y cualquier servicio que pueda ayudar a rellenar el
formulario.

Ahora s que no estamos en Kansas.

La identificacin del sitio debe estar presente en todas las pginas del sitio. Debe ocupar la ms alta jerarqua
dentro de la lgica. Dos formas permiten alcanzar ese grado de jerarqua visual: convertirla en lo ms
prominente dentro de esa pgina o que sirva de marco para todo lo dems.

El mejor lugar para situarlo: la parte superior donde enmarcara a la pgina entera. Debe tener el aspecto de
identificador de sitio.
Las secciones.
Secciones se denominan usualmente Navegacin principal. Son los vnculos a las secciones principales del sitio: el
nivel superior en la jerarqua del sitio.

Utilidades.
Las utilidades son los vnculos a los elementos importantes del sitio que realmente no forman parte de la jerarqua
de contenidos. Pueden ayudar a los usuarios a usar el sitio, y pueden proporcionar informacin sobre su editor.

D tan slo tres taconazos y diga: no hay como estar en casa.

Fundamental es el botn o vnculo que lleva a la pgina principal del sitio. Est empezando a surgir una
convencin por la que el identificador del sitio dobla su funcionalidad al aparecer tambin como botn
que lleva a la pgina principal (66).

Un mtodo de buscar.
Buscar: frmula muy sencilla, un cuadro de edicin y un botn y la palabra Buscar. A continuacin lo que se debe
evitar:
a) Palabras muy elaboradas.
b) Instrucciones.
 c) Opciones: slo incluirlas si son verdaderamente prcticas.

Secundario, terciario y todo lo que siga a terciario.

Uno de los problemas que detecta el autor en el diseo de sitios web es que no se le prestan la misma atencin a la
navegacin de nivel inferior que a la de nivel superior. La navegacin tiende a deteriorarse a partir del segundo
nivel. Una buena navegacin multinivel es bastante difcil de disear. Aunque se suele pensar que los usuarios
no pasan mucho tiempo en los niveles ms profundos del sitio, lo cierto es que pasan la misma cantidad de tiempo.

Nombres de las pginas o Por qu me gusta tanto conducir por Los ngeles?
Los nombres de las pginas son las seales de las calles en la Web. Al igual que las seales de las calles cuando las
cosas van bien no presto ningn tipo de atencin a los nombres, pero tan pronto como siento que no voy en la
direccin adecuada necesito encontrar el nombre de la pgina, sin esfuerzo, para poder orientarme de nuevo(72).
Cuatro cosas se deben conocer sobre los nombres de las pginas web:
a) Todas las pginas necesitan un nombre.
b) El nombre ha de estar en el lugar adecuado. En jerarqua visual, el nombre debera aparecer
enmarcando el contenido que es nico para esa pgina.
c) El nombre ha de ser prominente.
d) El nombre debe corresponder con aquello sobre lo que he hecho clic.

No debe haber discrepancia entre el nombre de lo que el usuario clicleo y el nombre de la pgina. O debe ser muy
marginal. Si las palabras en las que hago clic y el nombre de la pgina no se corresponden exactamente, lo ms
importante es que (a) se parezcan lo ms posible, y (b) la razn de la diferencia sea obvia (74).

Usted est aqu

Una de las formas de la navegacin de contrarrestar la sensacin inherente a la Web es mostrado al usuario un
esquema igual al Usted est aqu.
Hay una serie de mtodos para resaltar su ubicacin. Lo ms importante es que este destacado, ya sea con un color
distinto o en negrita.

Breadcrumbs (migas)
A diferencia de los indicadores Usted est aqu, que le indican su situacin en el contexto de la jerarqua del sitio,
las migas de pan slo muestran el camino desde la pgina principal al lugar donde se encuentra. Bien realizadas
son claras y fciles de entender, no ocupan demasiado espacio y proporcionan una forma acertada, conveniente y
coherente de hacer dos cosas que con ms frecuencia se necesitan: retroceder un nivel o ir a la pgina principal.
Las mejores prcticas con las migas de pan:
Pngalas en la parte superior.
Utilice el signo > entre los distintos niveles.
Utilice un tipo de letra pequeo.
Utilice las palabras Usted est aqu.
Ponga en negrita el ltimo trmino.
No las utilice en lugar del nombre de la pgina.

Cuatro razones por las que me encantan las fichas.

Las fichas son uno de los pocos casos en los que se recurre a una metfora fsica en la interfaz del usuario y
funciona.
Las razones:
Son muy claras y fciles de entender.
Son difciles de perder de vista.
Estn muy logradas.
Sugiere un espacio fsico.

Si le agrada tanto Amazon, Por qu no se casa con ella?

Las fichas de Amazon estn bien diseadas porque cumplen tres caractersticas de las fichas:
Tienen que estar perfectamente dibujadas Para que las fichas funcionen a la perfeccin, los grficos tienen
que producir la ilusin visual de que la etiqueta de la ficha activa est por delante de las dems. Esta es la
caracterstica principal que las convierte en fichas (incluso ms que la forma distintiva que tienen de solapa) (82).
Estn codificadas mediante colores. El color es genial como clave adicional, pero nunca debera basarse como
nica clave.

Pruebe el ensayo del maletero.

A continuacin el autor plantea algunas preguntas claves que deben tenerse en cuenta para evaluar el diseo de un
sitio web.
Qu sitio es ste? (Identificador del sitio)
En qu pgina estoy? (Nombre de la pgina).
 Cules son las principales secciones del sitio? (Secciones).
Qu opciones tengo en este nivel? (Navegacin local).
Dnde estoy en el esquema de las cosas? (Indicadores del tipo Usted est aqu)
Cmo busco algo?

Otra cosa que no debe olvidarse, es que con frecuencia los usuarios acceden al sitio a travs de buscadores que se
saltan los primeros niveles del sitio.

Citas
Definicin Navegacin.
() Ir de un sitio a otro y averiguar dnde estamos. () no slo es una caracterstica de los sitios web; es el
propio sitio web, al igual que el edificio, la estantera y las cajas registradoras son Sears. Sin navegacin no hay un
all ms all. (59)