Taller/Exposición de Usabilidad - 7 Tips a tener en cuenta

+TALLER DEUSABILIDAD

Diseño & Innovación

Hegel E. Gonzalez

Gobierno en Línea

Hegel Eisenhower González - Documento interno de caracter académico sin uso comercial

Gobierno en Línea

cómo ven las personas?

50% recursos de procesamiento

las imagenes son percibidas e interpretadas

nuestro cerebro realmENte está observando?

Gobierno en Línea

Fig. 1 Fig. 2

10 segundos para decirnos qué ves?E J E R C I C I O

Gobierno en Línea

1 lo que tu ves no es lo que tu cerebro te dice

Triangulo de Kanizsa

Gaetano Kanisza 1955 - Italia

40 MIllones de estimulos x segundo

Gobierno en Línea

la mente crear atajos

exp. previa ahorra ram funciona/no funciona

Gobierno en Línea

SE PUEDE INFLUENCIAR LO QUE LAS PERSONAS VEN, PIENSAN O CREEN QUE VEN

STOP WAR

PEACE NOW

Gobierno en Línea

SE PUEDE INFLUENCIAR LO QUE LAS PERSONAS VEN, PIENSAN O CREEN QUE VEN

STOP WAR

PEACE NOW

Gobierno en Línea

gratis.

ATENCIÓN

Aquí por cambio de aceitelleva descuento del 50% sin importar el

sexoDEL CLIENTE, SE ENTREGA LAVADO Y POLICHADO

Gobierno en Línea

ILUSIONES ópticas pueden llevarnosa cometer errores

Gobierno en Línea

Lo que tu piensas que las personas van a ver en tu web o app probable-mente no es lo que vayan a ver, esto depende de la experiencia, conoci-miento, cultura, familiaridad y expectativas.

Tu eres capáz de persuadir a las personas acerca de lo que ven en cierta medida, dependiendo de cómo sea esto presentado.

A P R E N D I Z A J E

Gobierno en Línea

10 segundos para observar los detallesE J E R C I C I O

cómo ven las personas? +TALLER DEUSABILIDAD

Qué detalles recuerdas?

Qué lugar era?

Visión central destaca detalles Visión periférica contextualiza y alerta

Gobierno en Línea

2 la visión periférica es más usadaque la visión central

Gobierno en Línea

Si deseas que se concentren en tu contenido central debes procurar no usar o distraer la visión periférica.

Si deseas despertar interés, alertar sobre algo en particular y distraer entonces incluye elementos periféricos.*(marketing)

Gobierno en Línea

5 segundos para describir qué ves?E J E R C I C I O

Gobierno en Línea

geometric icons - Irving Biederman - 1985 - 24 Figuras

Tu mente desea ver patrones

Gobierno en Línea

3 las personas identifican objetosreconociendo patrones

Usa los patrones tanto como sea posible aprovecha los espacios en blanco para ahorrar espacio y crear un gran diseño.

Si deseas que las personas reconoscan un objeto, por ejemplo un ícono, procura que este sea digramado con geons, ya que lo hace más rápido, sencillo y fácil de reconocer.

Gobierno en Línea

Qué ves?E J E R C I C I O

Gobierno en Línea

4 existe una parte especial en el cerebrodedicada exclusivamente para reconocer rostros

Gobierno en Línea

3 km de largo por 1,5 km de ancho y se ubica en la zona de cidonia.25 de julio de 1976 por la sonda espacial Viking 1

Gobierno en Línea

Reserarch:Catherine Mondloch (1999)

Gobierno en Línea

los rostros son una poderoso elemento de atención.

Gobierno en Línea

10 segundos para observar los detallesE J E R C I C I O

Gobierno en Línea

La sonrisa refleja: Felicidad

aprobación

tranquilidad

satisfacción

Gobierno en Línea

Caso de análisisE J E R C I C I O

Gobierno en Línea

Las personas reconocen las reacciones de los rostros en websites más rápido que cualquier otro elemento de información.

Rostros sonriendo tienen un altisimoimpacto emocional que se replica al usuario.

Generalmente las personas miran al mismo lugar donde el rostro está mirando, dirigiendo su atención hacia allá.

5 LAS PERSONAS ESCANEAN LAS PANTALLAS BASADAS EN EXPERIENCIA Y EXPECTATIVAS

Gobierno en Línea

VIDEO (eye tracking)

Gobierno en Línea

5 LAS PERSONAS ESCANEAN LAS PANTALLAS BASADAS EN EXPERIENCIA Y EXPECTATIVAS

Ubica la información más importante en los focos de atención

Evita ubicar información importante en las esquinas, ya que no será tenida en cuenta.

Evita ubicar la información de manera que el usuario debe regresar, saltar y voler a diferentes puntos para llevar el hilo.

Gobierno en Línea

VIDEO (push robber)

Uno de los enigmas más grandes de la humanidad.E J E R C I C I O

Gobierno en Línea

6 las personas ven pistas que les dicenqué deben hacer con un objeto.

Gobierno en Línea

Un buen diseño habla por sí solo

Gobierno en Línea

Disonancia Cognitiva1957 Leon Festinger “A theory of cognitive dissonance”

ROJOAZULAMARILLOVERDE

Gobierno en Línea

Procura no crear disonancias cognitivas en el diseño de productos/servi-cios web y móviles

Incluye pistas para los usuarios acerca de lo que pueden hacer o no.

Preparate para los errores involuntarios de las personas

Utiliza sombras para resaltar algunos botones

Gobierno en Línea

7 SE DEBE TENER EN CUENTA LA FORMADE TOMAR EL SMARTPHONE A LA HORA DE DISEÑAR

Gobierno en Línea

Diseña pensando en el alcance físico de las personas

Recuerda los dedos gordos

Ten en cuenta los momentos de uso

GRACIAS

Gobierno en Línea

@HEGEL24HORASH E G E L . G O N Z A L E Z @ G O B I E R N O E N L I N E A . G O V. C O

Bibliografía:

Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability (3rd Edition) (Voices That Matter) by Krug, Steve (Dec 23, 2013)

100 Things Every Designer Needs to Know About People (Voices That Matter) by Susan Weinschenk (Apr 24, 2011

Usability Testing Essentials: Ready, Set...Test! by Carol M. Barnum (Nov 5, 2010)

Taller/Exposición de Usabilidad - 7 Tips a tener en cuenta

Design

Usabilidad Seedrocket

Documento usabilidad

Usabilidad de Presentaciones

Clase2: Usabilidad

Cristian Rusu - Usabilidad y Comunicabilidad en Sistemasinform.pucp.edu.pe/~jpowsang/hci/crusu-conferencia.pdf• Usabilidad y accesibilidad en plataformas e-learning • Usabilidad

Mochila usabilidad

Proceso Agil+Usabilidad

Tips usabilidad en las redes sociales

Angie usabilidad

Mi Web Funciona Usabilidad - Cámara de Zaragozadocumentos.camarazaragoza.com/comercio-electronico/usabilidad/… · Mi Web Funciona Usabilidad ... • La principal ventaja de sistemas

Usabilidad Satisfaccion

Usabilidad - Cadius en el Día de la Usabilidad - Pamplona

Usabilidad móvil

Usabilidad y diseño

Gelattina usabilidad

Tips para dar una buena exposición

UX & Usabilidad

Vendiendo usabilidad:

18 tips para una genial exposición con Power Point - Iniciosgpwe.izt.uam.mx/files/users/uami/sppc/complementarias/18_tips_para... · 18 tips para una genial exposición con Power

Clase Usabilidad