Nuestro modelo mental está formado por nuestras experiencias y aprendizajes inducidos, cuanto más pasen los años este modelo se hace más completo, tal es el punto que de muchos objetos que nos rodean podemos intuir su funcionalidad sin necesidad de reconocerlos.

En el diseño de interfaces sucede exactamente lo mismo con los elementos que interactúa el usuario, vale decir; botones, íconos, vínculos, desplegables, opciones, etc. Cada uno de estos elementos deben ser intuitivamente comprensibles para que tan solo al verlos nos den la idea de la acción que provocarán antes de interactuar con ellos, a ello se le denomina Affordance.

Es recomendable que al conceptualizar nuestros diseños y querer ser originales, nos centremos en conceptos que no dificulten la comprensión de nuestros usuarios y mejoren su experiencia de uso.

Les dejo algunos ejemplos que promueven una comprensión más intuitiva en nuestras interfaces.


1.La correspondencia entre la forma y su función debe ser clara.

2. Hacer visible al usuario la acción primaria de los elementos de interacción



3. Seguir estándares de uso.



4. La acción de los elementos debe ser consecuente al mapa mental de público objetivo



5. Para mejorar la percepción intuitiva, Affordance, debemos apoyarnos en metáforas visuales, lo que podríamos llamar analogías de la realidad llevadas al mundo digital.

Aquí algunos ejemplos, que dieron origen al elemento de interacción, algunos de ellos aun prevalece la analogía con la realidad en nuestros tiempos, otros ya no.

Botones

Paginador

Libros que recomiendo para profundizar en el tema:

Los principales roles y funciones que deben desempeñar los diferentes profesionales de experiencia usuaria en el desarrollo de un proyecto.

En esta presentación podrá encontrar:

- El equipo ideal UX
- Roles y funciones
- ¿Qué documentos o actividades los relaciona?

Teniendo como premisa que las personas buscan en internet resolver algunas necesidades básicas o importantes y que si estas no las ve o tienen dificultad en encontrarlas, genera un cierto grado de frustración que se traduce como desmotivación, desconfianza y desvaloración del sitio web, a esto llamo una baja experiencia usuaria.

Para mejorara la experiencia debemos conceptualizar mediante el prototipado, testear usando metodologías de investigación de usuarios y para interfaces y por último resolver problemas de lenguaje visual o diseño.

Comparto con ustedes esta presentación que entra es detalle estos puntos de mejora para la ux en nuestros sitios web

Pretextos, disculpas y evasivas, algunas pocas razonables para no aplicar usabilidad a nuestros sitios web. Hace poco leí un artículo publicado por Juan Carlos Carcía hace 7 años sobre este tema y me animé a refrescarlo pues veo que aun sigue casi todas las excusas en vigencia.

Kevin Scoresby de www.scoresby.com aporta:
• Tenemos que ser los primeros en el mercado y no hay tiempo para comprobar si el producto satisface las necesidades del usuario
• Falta de dinero, no podemos permitirnos pagar a un especialista en diseño.
• Yo lo entiendo. Y como yo, diseñador o jefe de proyecto o el área de marketing lo entienden, por lo tanto, a todo el mundo le queda claro.
• Lo importante es diseñar, no para los usuarios, sino para otros profesionales del gremio e impresionar con todo lo que sabemos hacer.
• No es mi problema. Nosotros sólo diseñamos, si no lo entienden que pregunten en información o lean el manual que para eso se hizo.

Departamento de ingeniería de la usabilidad de la NASA, aporta:
• Los usuarios no saben lo que quieren, así que ¿por qué preocuparse en hablar con ellos?
• La Usabilidad es un asunto de opinión; A mí me gusta este color y a tí aquel otro.
• Las recomendaciones de Usabilidad llevan mucho aplicarlas.
• Ninguna empresa las cumple.
• No tenemos un experto, es muy complicado programar así y no sabríamos como interpretar los resultados

Algunos otros escuchados en el entorno:
• Los estándares limitan la creatividad de nuestros diseñadores.
• Los usuarios no son tan tontos para no entender eso.
• Al final todos los usuarios cuando quieren lo encuentran.
• Los usuarios son muy distintos entre sí, no podemos hacer una versión distinta para cada uno.
• Si hacemos pruebas de usabilidad, muchos de los resultados no estarán alineados con los interese del director

No hagas nada a menos que sea necesario y útil, pero si haces algo necesario y útil no te olvides que sea bello. Aquí se verá tres factores decisivos para mejorar la experiencia de uso en sitios webs, que son la simplicidad, utilidad y persuabilidad.

En esta presentación podrá encontrar:

- Introducción
- ¿Qué es la simplicidad?
- Más definiciones de simplicidad
- Complejidad visual y sobrecarga de información.
- ¿Qué es la utilidad?
- Prueba de la UX en función de la usabilidad y la utilidad
- La persuabilidad
- Ejemplos de persuabilidad

Nielsen nos dice que con una inversión en usabilidad del 10% del costo de un proyecto se genera en promedio una mejora del 83% en las métricas de una interfaz

En esta presentación podrá encontrar:

- Medición cuantitativa
- Medición cualitativa
- Beneficios de la usabilidad.
- Calculo de ROI de la usabilidad
- Ejemplo de cálculo de ROI
- Casos de éxito.

Se da una breve explicación para entender sin mucha definición los conceptos de usabilidad y accesibilidad con ejemplos y casos prácticos.

En esta presentación podrá encontrar:

- Entendiendo la usabilidad.
- Definición de la usabilidad.
- Objetos y sitios web no usables.
- Antecedentes de la usabilidad.
- ¿Qué deben de cumplir los sitios webs para que sean usables?
- Entendiendo a la Accesibilidad.
- Caso 1. Miguel en el aeropuerto.
- Caso 2. Graciela y su vieja computadora.
- ¿Usabilidad vs. Accesibilidad?
- ¿Cuanto más accesible, más usable?

Los usuarios guiamos voluntariamente nuestra atención decidiendo que es lo que queremos ver y que no. Por ejemplo, cuando leemos contenido en la web, buscamos voluntariamente los elementos gráficos propios de nuestro alfabeto (texto) y descartamos los que no, pues estamos concentrados en buscar y entender la información presentada.
Sin embargo, si nos encontramos en la playa buscando un espacio donde poner nuestra sombría, no significa que nuestra atención no vaya ser atraída por alguien que luzca una bonita ropa de baño. Es decir, nuestra atención se ve interrumpida involuntariamente por elementos con determinadas características visuales, aun así estén en nuestra visión periférica (todo lo que está al rededor de lo que vemos pero no prestamos atención).

En los sitios webs, sucede exactamente lo mismo, los usuarios escaneamos visualmente la interface en busca de elementos gráficos propios de los objetos deseados en el momento, elemento gráfico=texto, objeto=contenido informativo, elemento gráfico= botones y enlaces objeto=barras de navegación.




Elementos distintos al resto, es decir, con mayor tamaño, con colores, con una orientación diferente y con movimiento mientras es resto permanece estático, tendrá mayor probabilidad de interrumpir nuestra atención visual. Un banner publicitario tiene estas propiedades y muchas veces con una ubicación ya estandarizada en los sitios web.

Ya los usuarios al escanear una interface aprendieron a ignorarlo en su visión periférica, no supera el filtro de la atención del usuario evitando verlos.

Google, empresa que invierte mucho en usabilidad, ha logrado atraer nuestra atención por el camino contrario, mejorando la experiencia de usuario no apuesta por la diferenciación gráfica, más bien por la similitud de tal forma que el usuario no pierda su atención ya que puede tratarse de información relevante, esto es conocido como publicidad contextual.

Una breve introducción al comportamiento de los usuarios frente a sitios web.

En esta presentación podrá encontrar:

- Comportamiento de nuestros usuarios en un sitio web.
- Los usuarios ojean (scanean) al navegar.
- ¿Qué podemos hacer para que nuestros usuarios actúen sobre un sitio web?.
- No todos los consumidores son iguales.