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 Fuente: www.blog.pucp.edu.pe/ux

1. Simplicidad
Utilidad
Persuabilidad
Conceptos
Moonwatch www.theemotionlab.com

2. El clásico test de la persona bajo la lluvia
Diseñador web 1 Diseñador web 2
…Ambos diseñadores pasaron el test en las oficinas de RRHH

3. El Director de experiencia usuaria
escogió a el diseñador web 1
¿Por qué?

4. Estamos dispuestos a cubrir y
completar cada rincón de nuestras
Interfaces

5. Sentimos que añadimos valor al
producto o que aprovechamos los
espacios en blanco para expresar más

6. Se pidió Se entregó

7. Simplicidad

8. La simplicidad es prescindir de
elementos poco significativos en
nuestras interfaces web, reduciendo
así la carga visual y en consecuencia
facilitando su uso

9. Con la simplicidad
muchas veces añade
creatividad e inteligencia
en el diseño al expresar
mucho con poco.
Esto hace que se
convierta en atributo de
calidad para los sitios Isotipo por el fallecimiento de Michael Jackson
webs

10. Definiciones
La simplicidad es el proceso
transformador, orientado a facilitar el
uso del producto, y dirigido a reducir
la complejidad a un nivel
comprensible, asumible y controlable
por el usuario”
(Yusef Hassan, 2009)

11. Definiciones
Simplicidad es cumplir en la medida de lo
posible con estas leyes
Reducir: La manera más sencilla de alcanzar la simplicidad es
mediante la reducción razonada.
Organizar: La organización permite que un sistema complejo
parezca más sencillo.
Tiempo: El ahorro de tiempo simplifica las cosas.
Aprendizaje: El conocimiento simplifica todo.
Diferencias: La simplicidad y la complejidad se necesitan
entre sí.
Contexto: Lo que se encuentra en el límite de la simplicidad
también es relevante.
Emoción: Es preferible que haya más emociones a que haya
menos.
Confianza: Confiamos en la simplicidad.
Fracaso: En algunos casos nunca es posible alcanzar la
simplicidad.
La Única: La simplicidad consiste en sustraer lo que es obvio y
añadir lo específico.
(John Maeda, 2006)

12. Si lo que quieres decir es árbol
¡Quítale los
adornos!
Lo que no es información
es ruido

13. En la vida cotidiana nos afecta la complejidad visual

14. El caso de Arngren una de las páginas más complejas del mundo por
sobrecarga de información
www.arngren.net

15. Al contar con menos elementos
valoramos y confiamos más en aquello
que es visible, reforzando la percepción
del usuario.

16. ¿Qué podemos hacer para aplicar
simplicidad a nuestro sitio web?

17. La sobrecarga de información produce Home de la RENIEC www.reniec.gob.pe/portal
fatiga y la frustración aumenta.
El desmontaje por medio del análisis y
la búsqueda de ambigüedades o
contradicciones, lo llamamos
deconstrucción
La reducción debe plantearse siempre
desde la utilidad
Tener en cuenta que organizar,
clasificar y ordenar son también
formas de simplificar.
Continua

18. Herramienta en línea para recibir el feedback de nuestros usuarios en pro al análisis
para la deconstrucción. Notable App.
Ejemplo caso CNN.
https://zurb.notableapp.com/posts/16678#annotate

20. La falta y exceso de reducción aumenta la complejidad
Informe APEI, www.nosolousabilidad.com

21. Realism in UI Design www.ignorethecode.net

22. ¿Qué buscan los usuarios de un
producto?

23. Utilidad

24. Los usuarios no buscan usabilidad,
buscan utilidad, es decir las cualidades
que percibe del producto para satisfacer
sus necesidades

25. La relación de la utilidad con la
usabilidad es de mutua
dependencia

26. Debemos analizar la experiencia
usuaria en función de la usabilidad y
la utilidad del producto

27. El entorno
Experiencia usuaria
Sitio web
Arquitectura
de información
Usabilidad
Utilidad

28. Dos diseños, dos sitios web, dos
grandes empresas

30. ¡Comprar pollo a la
brasa!
Esta vez usaré

31. Prueba de la UX en función de la usabilidad y la utilidad
Primera página de resultados de ambos buscadores : comprar pollo a la brasa
UX en Google = Usabilidad + Utilidad UX en Bing = Usabilidad + Utilidad
Se concluye que Google da una mayor experiencia de usuario para este caso

32. ¿Qué pasa si a la arquitectura de
información le inyectamos
marketing?

33. ¿Si le damos un poco de espíritu
comercial a la experiencia de
nuestros usuarios?

34. Persuabilidad

35. Nace la Persuabilidad,
la capacidad
persuasiva de llevar a
la acción al usuario y
convertirlo en
suscriptor, lead o
cliente.

36. Versión anterior del sitio de Republica.pe, el usuario cargaba el jpg en el impreso y leía
Interna de la edición impresa Imagen ampliada de la portada en formato jpg

37. En la versión actual. Persuadimos al usuario a ingresar a la nota y generar visitas
Interna de la edición impresa Interna de la nota detallada
http://www.larepublica.pe/impresa/larepublica-lima-06-01-2012 http://www.larepublica.pe/06-01-2012/cristina-fernandez-recibira-el-alta-medica-manana

38. Persuade a registrar a nuevos usuarios
www.facebook.com

39. Persuade a encontrar hoteles
www.tripadvisor.com.ar

40. Persuade a registrarse en el plan Plus
www.notableapp.com

41. No hagas nada a
menos que sea
necesario y útil, pero
si haces algo
necesario y útil no te
olvides que sea bello
(Anónimo)

42. Esta presentación tiene una licencia
Creative Commons de:
Atribución
No comercial
Compartir igual
Percy Negrete
@percynegrete
percy.negrete@pucp.edu.pe