Sin ttulo de diapositiva

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.co
m/interior01.html
51

• Agradecimientos
• Ariel Guersenzvaig, de Clarostudio.com
• César Martín, de Alzado.org
• Sergi Bueno, de OFFF