Вы находитесь на странице: 1из 26

Laboratorio - IHC

Dr. Edward Hinojosa Cárdenas


ehinojosa@unsa.edu.pe
Laboratorio - IHC
● ¿Qué es lo que hay que tener en cuenta si quiero que mi
sitio web o app sea fácil de usar?

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


esté a más de dos clicks” o “hablar el lenguaje del usuario” o
“ser coherente”.

● Se trata de “No me hagas pensar”.

2
Laboratorio - IHC
● Esa es la primera ley de usabilidad.

●Se trata del principio fundamental, lo que nos ayuda a


decidir si un diseño trabaja o no trabaja.

●Hacer un todo lo posible para que una página web sea


obvia, evidente, clara y fácil de entender.

3
Laboratorio - IHC
●Tendría que poder "entenderla" (qué es y cómo usarla) sin
agotar esfuerzos pensando en ella.

● ¿de qué claridad u obviedad estamos hablando?

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


interés alguno por el tema de nuestro sitio y que apenas sabe
cómo usar el botón Atrás, puede ver la página web inicial de
nuestro sitio y diga “Oh, si se trata de ...”

4
Laboratorio - IHC
● Piénsalo de esta manera:

●Cuando estoy mirando a una página 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 ... ".

5
Laboratorio - IHC

6
Laboratorio - IHC
● Pero si lo que veo es una página que me hace pensar, todo
lo que se me ocurre está lleno de interrogantes.

7
Laboratorio - IHC
● Las cosas que nos hacen pensar

●Todo tipo de cosas en una página web puede hacer que nos
detengamos a pensar innecesariamente.

●Diferentes nombres, por ejemplo, nombres de


comercialización inducida, los nombres específicos para la
empresa, y los nombres técnicos.

8
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 sección de ofertas de


trabajo hace la diferencia.

9
Laboratorio - IHC

10
Laboratorio - IHC
● Otra fuente innecesaria de signos de interrogación son los
enlaces y botones que no son obvios de hacer puede hacer
clic.

●Como usuario, nunca debería tener que dedicar una


milésima de segundo en pensar si un objeto en la página 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, ¿cuál es
el problema? "

● El punto es que cada signo de interrogación se añade a


nuestra carga de trabajo cognitivo, distrayendo la atención 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 cómo
realizar una tarea.

● A continuación un ejemplo para reservar un vuelo:

14
Laboratorio - IHC

15
Laboratorio - IHC
● Por supuesto, la mayor parte de esta "conversación mental"
tiene lugar en una fracción 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 difícil equivocarse.

16
Laboratorio - IHC

17
Laboratorio - IHC
●Se podrían enumerar muchas preguntas que el usuarios no
debería gastar su tiempo pensando, como

● ¿Dónde estoy?
● ¿Dónde debo empezar?
● ¿Donde pusieron …?
● ¿Cuáles son las cosas más importantes en esta página?
● ¿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
verificación para añadir al total de listas de comprobación de
diseño.

●Lo más importante que podemos hacer es entender el


principio básico de la eliminación de signos de interrogación.

●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 prácticas en las cosas que estamos construyendo.
19
Laboratorio - IHC
● No podemos hacer todo evidente.

●Lo que tenemos que intentar es hacer cada página 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 estás haciendo algo original
o innovadora o algo que es complicado, hay que conformarse que
sea auto explicativa.

● En una página auto explicativa se necesita un poco de


pensamiento. La apariencia de las cosas (como tamaño, color, y el
diseño), nombres bien elegidos, y las pequeñas cantidades de
texto cuidadosamente elaborado, deben trabajar todos juntos para
crear un sentido de comprensión 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 estás haciendo algo original
o innovadora o algo que es complicado, hay que conformarse que
sea auto explicativa.

● En una página auto explicativa se necesita un poco de


pensamiento. La apariencia de las cosas (como tamaño, color, y el
diseño), nombres bien elegidos, y las pequeñas cantidades de
texto cuidadosamente elaborado, deben trabajar todos juntos para
crear un sentido de comprensión 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 extraño que parezca, no por la razón la gente suele citar:

23
Laboratorio - IHC
● Entonces, por qué?

●Crear páginas fáciles de entender se asemeja a tener un


comercio con un buen sistema de iluminación: 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 energía y
entusiasmo (al igual que nuestro tiempo).

24
Laboratorio – IHC (0.2)
● Buscar, analizar y presentar:

●5 páginas webs que cumplan las características


mencionadas.

●5 páginas webs que no cumplan las características


mencionadas.

25
GRACIAS
Ing. Dr. Edward Hinojosa Cárdenas
ehinojosa@unsa.edu.pe