Laboratorio - IHC

Dr. Edward Hinojosa Crdenas

ehinojosa@unsa.edu.pe

Laboratorio - IHC
Qu es lo que hay que tener en cuenta si quiero que mi
sitio web o app sea fcil de usar?

La respuesta es simple. No se trata de que nada importante

est a ms de dos clicks o hablar el lenguaje del usuario o
ser coherente.

Se trata de No me hagas pensar.

Laboratorio - IHC

Esa es la primera ley de usabilidad.

Se trata del principio fundamental, lo que nos ayuda a

decidir si un diseo trabaja o no trabaja.

Hacer un todo lo posible para que una pgina web sea

obvia, evidente, clara y fcil de entender.

Laboratorio - IHC
Tendra que poder "entenderla" (qu es y cmo usarla) sin
agotar esfuerzos pensando en ella.

de qu claridad u obviedad estamos hablando?

La suficiente, que nuestro vecino de lado, que no tenga

inters alguno por el tema de nuestro sitio y que apenas sabe
cmo usar el botn Atrs, puede ver la pgina web inicial de
nuestro sitio y diga Oh, si se trata de ...

Laboratorio - IHC

Pinsalo de esta manera:

Cuando estoy mirando a una pgina que no me hace

pensar, las palabras que vienen a mi cabeza dicen cosas
como "OK, ah est el ... Y eso es un .... Y all est lo que yo
quiero ... ".

Laboratorio - IHC

Laboratorio - IHC
Pero si lo que veo es una pgina que me hace pensar, todo
lo que se me ocurre est lleno de interrogantes.

Laboratorio - IHC

Las cosas que nos hacen pensar

Todo tipo de cosas en una pgina web puede hacer que nos
detengamos a pensar innecesariamente.

Diferentes nombres, por ejemplo, nombres de

comercializacin inducida, los nombres especficos para la
empresa, y los nombres tcnicos.

Laboratorio - IHC
Por ejemplo, supongamos que un amigo me dice que XYZ
Corp est buscando contratar a alguien con mis calificaciones
exactas, as que yo ingreso a su sitio Web.

El nombre que han elegido para su seccin de ofertas de

trabajo hace la diferencia.

Laboratorio - IHC

10

Laboratorio - IHC
Otra fuente innecesaria de signos de interrogacin son los
enlaces y botones que no son obvios de hacer puede hacer
clic.

Como usuario, nunca debera tener que dedicar una

milsima de segundo en pensar si un objeto en la pgina web
es clickeable o no.

11

Laboratorio - IHC

12

Laboratorio - IHC
Podemos estar pensando, "Bueno, realmente no importa
mucho. Si hace clic o pulsa sobre l y no pasa nada, cul es
el problema? "

El punto es que cada signo de interrogacin se aade a

nuestra carga de trabajo cognitivo, distrayendo la atencin en
la tarea principal que realiza el usuario.

13

Laboratorio - IHC
Como regla general debemos considerar de que las
personas no les gusta pensar poco o demasiado cmo
realizar una tarea.

A continuacin un ejemplo para reservar un vuelo:

14

Laboratorio - IHC

15

Laboratorio - IHC
Por supuesto, la mayor parte de esta "conversacin mental"
tiene lugar en una fraccin de segundo, pero se puede ver
que es un proceso con algunas interrogantes, y un error al
final.

Otro sitio considera lo que escribo y me da opciones que

tienen sentido, por lo que es difcil equivocarse.

16

Laboratorio - IHC

17

Laboratorio - IHC
Se podran enumerar muchas preguntas que el usuarios no
debera gastar su tiempo pensando, como

Dnde estoy?

Dnde debo empezar?

Donde pusieron ?

Cules son las cosas ms importantes en esta pgina?

Por qu se llaman as?

Es que un anuncio o parte del sitio?

18

Laboratorio - IHC
Sin embargo, la idea no es tener una nueva lista de
verificacin para aadir al total de listas de comprobacin de
diseo.

Lo ms importante que podemos hacer es entender el

principio bsico de la eliminacin de signos de interrogacin.

Cuando lo hacemos, comenzamos a notar todas las cosas

que nos hacen pensar en los sitios y las aplicaciones que
usamos. Y, finalmente, aprenderemos a reconocer y evitar
dichas prcticas en las cosas que estamos construyendo.

19

Laboratorio - IHC

No podemos hacer todo evidente.

Lo que tenemos que intentar es hacer cada pgina o

pantalla evidente por s mismo, para que solo al mirarla un
usuario promedio sabr de que se trata y como usarla.

20

Laboratorio - IHC
A veces, sin embargo, sobre todo si ests haciendo algo original o
innovadora o algo que es complicado, hay que conformarse que sea
auto explicativa.

En una pgina auto explicativa se necesita un poco de

pensamiento. La apariencia de las cosas (como tamao, color, y el
diseo), nombres bien elegidos, y las pequeas cantidades de texto
cuidadosamente elaborado, deben trabajar todos juntos para crear
un sentido de comprensin casi sin esfuerzo.

Aqu est la regla: Si usted no puede hacer algo evidente por s

mismo, necesita por lo menos para que sea auto explicativa.

21

Laboratorio - IHC
A veces, sin embargo, sobre todo si ests haciendo algo original o
innovadora o algo que es complicado, hay que conformarse que sea
auto explicativa.

En una pgina auto explicativa se necesita un poco de

pensamiento. La apariencia de las cosas (como tamao, color, y el
diseo), nombres bien elegidos, y las pequeas cantidades de texto
cuidadosamente elaborado, deben trabajar todos juntos para crear
un sentido de comprensin casi sin esfuerzo.

Aqu est la regla: Si usted no puede hacer algo evidente por s

mismo, necesita por lo menos para que sea auto explicativa.

22

Laboratorio - IHC

Por qu es todo esto tan importante?

Por extrao que parezca, no por la razn la gente suele citar:

23

Laboratorio - IHC

Entonces, por qu?

Crear pginas fciles de entender se asemeja a tener un

comercio con un buen sistema de iluminacin: todo tiene
mejor aspecto.

Utilizar un sitio que no nos haga pensar en cosas

irrelevantes parece natural, fluido, pero el desconcierto de las
cosas que no nos interesan reducir nuestra energa y
entusiasmo (al igual que nuestro tiempo).

24

Laboratorio IHC (0.2)

Buscar, analizar y presentar:

5 pginas webs que cumplan las caractersticas

mencionadas.

5 pginas webs que no cumplan las caractersticas

mencionadas.

25

GRACIAS
Ing. Dr. Edward Hinojosa Crdenas
ehinojosa@unsa.edu.pe