Ainda.info - Alzado.org Eduardo Manchón

1. Ainda.info - Alzado.org Eduardo Manchón

2. Just Noticiable Difference La mínima diferencia perceptible

3. La percepción Intensidad de la percepción Intensidad del estímulo

4. Delimitando términos

5. ¿Arte = Diseño?

6. Exprimidor de Starck

7. ¿Cual es el objetivo?

8. Tetera para masoquistas Objetos imposibles de Jacques Carelman

9. Peine para cabellos crispados

10. Mecedora lateral

11. El objetivo de estos objetos no es ser usados Son objetos de arte

12. Arte vs. Usabilidad

13. ¿Por qué son siempre las webs usables tan feas y las webs bonitas tan poco usables?

14. Originalidad e innovación vs. Consistencia y coherencia

15. Sorpresa e impredecibilidad vs. Visibilidad y claridad

16. Incógnita y misterio vs. Feedback

17. Para combinar usabilidad y estética se necesita crear un auténtico lenguaje visual

18. Un buen lenguaje visual no se improvisa, ni se intuye, requiere investigación: • Conocer al usuario y sus objetivos • Conocer el contexto real de uso

19. ¿Existen las “reglas” de la usabilidad?

20. Regla paradigmática: ¿Vínculos azules y subrayados siempre?

21. NO No existen las reglas en usabilidad Existen principios generales de interacción

22. Los principios para diseñar buenos vínculos son: • Claridad y visibilidad • Consistencia y coherencia • Fácil reconocimiento

23. Un sitio web debe poseer un lenguaje visual que identifique claramente los vínculos, jerarquice, destaque, permita organizarlos....

24. Aspectos que dificultan la interacción del usuario con una interfaz

25. 1. Simetría y armonía en las formas

26. “El todo es mayor que la suma de las partes”  Leyes de la percepción de la Gestalt: • Continuidad • Proximidad • Semejanza • Cierre

27. Ley de Proximidad

28. LEGIBILIDAD vs. L E G I B I L I D A D

29. Ley de semejanza

30. Ley del cierre

31. Terra.es en enero 2002

32. Las leyes de la percepción (Gestalt) actuan creando bloques de información

33. Terra.es • Hay armonía y simetría • Los elementos están alineados, colores de fondo en grades áreas, apenas hay espacios en blanco...  Se crean grupos/bloques de información que no debería estar agrupada

34. Terra.es en la actualidad ha roto algunos bloques

35. Si utilizamos simetrías y armonías los contenidos se integran, forman parte de un mismo todo, entonces... • ¿Cómo jerarquizamos? • ¿Cómo diferenciamos? • ¿Cómo destacamos?

36. Amazon.com

37. Sólo se crean bloques de información que si tiene sentido que este agrupada

38. Amazon.com • Apenas hay simetrías, armonías o elementos alineados • Abunda el espacio en blanco  Conclusión: en Amazon.com “una cosa es una cosa y otra cosa es otra cosa”

39. 2. Captar la atención: Se utiliza movimiento, contrastes, colores fuertes....

40. Produce Adaptación sensorial, habituación, desensibilización...

41. Un ejemplo paradigmático: La ceguera a los banners

42. Clave: Buscar la mínima diferencia perceptible (JND) en las cercanías de los umbrales de percepción superior e inferior.

43. La percepción humana Intensidad de la percepción Intensidad del estímulo

44. Los vínculos no necesitan ser azules, ni estar subrayados, pero: • Deben diferenciarse suficientemente del contexto donde se integran. • No deben llamar excesivamente la atención para no provocar habituación.

45. Conclusión: Hay que buscar la mínima diferencia perceptible (JND), es decir, lo que hace a un vínculo suficientemente visible del resto, pero no una diferencia tan fuerte que provoque desensibilización o dificulte la organización de la información.

46. La JND no siempre es la misma, varía según los estímulos del contexto: • Volumen de información que le rodea • Color de fondo • La posición de los otros estímulos en el rango perceptivo

47. Según el contexto, el círculo del centro parece más o menos pequeño

48. La usabilidad genera emociones

49. La experiencia de uso genera emociones más fuertes que la estimulación pasiva

50. Algunos ejemplos: • http://www.vangoghgauguin.com/ • http://www.ftl-happold.com/ • http://www.boyercom.com/interior01.html