Aspectos psicológicos de las webs: información vs diseño gráficoDavid Picó Vila

30/11/2016

Webinar patrocinado por:

Contenidos del webinar

• ¿Qué es la “experiencia” de un usuario?• Aspectos emocionales y reacciones• Coherencia entre diseño gráfico e información• Principios perceptivos de la psicología de la Gestalt• Ejemplos

Perfiles profesionales en un equipo de desarrollo web

• Programador• Diseñador gráfico• “Arquitecto de la información”

Experiencia del usuario

Estímulo > Reacción emocional > Huella emocional

Pop-up > Percepción de intrusión > Irritación

Descarga lenta > Impaciencia > Enfado o desvinculación

Enlaces rotos > Sensación de descuido > Desconfianza

Cambios de diseño > Sensación de pérdida > Rechazo a lo nuevo

Emociones básicas en la interacción con un sitio web

Miedo Evaluación de la seguridad, confianza

Afecto Sensación de vinculación, lealtad

Tristeza Decepción, pérdida, reacción a los cambios

Enfado Reacción a la invasión o a la omisión de cuidado

Alegría Energía para seguir en relación

Reacciones del usuarioTema Percepciones Experiencia positiva

Sobrecarga cognitiva“confusión”, “saturación”,

“sobresfuerzo”, “distracción”, “interrupciones”, “dificultad de

entender”

Experiencia fluidaAtención centrada en los

contenidos

Orientación“no encuentro lo que busco”,

“no sé qué hay”, “no sé dónde estoy”, “no sé volver a lo

conocido”

Movimiento ágilSensación de dominio

Facilita el retorno

Confianza“fiabilidad”, “precisión”, “buen trato”, “soy cuidado”, “se me

da lo que necesito”

Facilita el intercambioBoca a boca

Lealtad, servir de referencia

Reacciones del usuario

Tema Algunos aspectos de un sitio web que contribuyen a una buena experiencia en este ámbito

Sobrecarga cognitivaDistinción entre contenido, navegación e interacciónCoherencia entre diseño gráfico e información

Jerarquía informativa y gráfica

OrientaciónEstructuras de información clarasHerramientas de navegación apropiadas

Jerarquía informativa y gráfica

ConfianzaSelección ajustada de contenidosInformar de quién hay detrás: personas, procesos

Claridad en las intenciones: información vs publicidad

Psicología de la Gestalt

• Influyente escuela de psicología de la percepción de principios del siglo XX.

• Se centra en intentar comprender la experiencia perceptiva no analizando sus partes, sino como un todo.

• “El todo es diferente de la suma de las partes.”

Psicología de la Gestalt

Cómo dirigimos la atención: procesos de figura/fondo

Psicología de la Gestalt

Cómo estructuramos la percepción: agrupamientos

Principio de similaridad

Principio de similaridad

Menús complejos

T1T2

T3T4 P1

P2

P3R1 R2

Menús complejos

Menús complejos

T1 T2

T3T4

P1

P2

P3

R1R2

Menús complejos

Menús complejos

Menús complejos

T1 T2

T3T4

P1

P2

P3

R1R2

Menús complejos

Principio de proximidad

Principio de proximidad

Jerarquía de textos

Jerarquía de textos

Jerarquía de textos

Menús complejos

Menús complejos

Menús complejos

Principio de clausura

Principio de clausura

Principio de clausura

Tendemos a buscar las razones de cada configuración que observamos.

Principio de clausura

Inferimos la estructura para “cerrar” nuestra comprensión.

Principio de clausura

Inferimos la estructura para “cerrar” nuestra comprensión.

Principio de clausura

Inferimos la estructura para “cerrar” nuestra comprensión.

http://socialbiblio.com info@socialbiblio.com

David Picó Vila

Luthiers De Webshttp://luthiersdewebs.com

Máster MUGI - Universitat Politècnica de Valènciahttps://mugi.webs.upv.es/profesores/

Terapiadoshttp://terapiados.net

CV en LinkedInhttps://www.linkedin.com/in/davidpicovila