Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Aspectos psicológicos de las webs:
información vs diseño gráfico
David Picó Vila
30/11/2016
Webinar patrocinado por:
Contenidos del webinar
• ¿Qué es la “experiencia” de un usuario?
• Aspectos emocionales y reacciones
• Coherencia entre di...
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
Des...
Emociones básicas en la
interacción con un sitio web
Miedo Evaluación de la seguridad, confianza
Afecto Sensación de vincu...
Reacciones del usuario
Tema Percepciones Experiencia positiva
Sobrecarga cognitiva
“confusión”, “saturación”,
“sobresfuerz...
Reacciones del usuario
Tema
Algunos aspectos de un sitio web que contribuyen a una
buena experiencia en este ámbito
Sobrec...
Psicología de la Gestalt
• Influyente escuela de psicología de la percepción de
principios del siglo XX.
• Se centra en in...
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
T1
T2
T3
T4
P1
P2
P3
R1 R2
Menús complejos
Menús complejos
T1
T2
T3
T4
P1
P2
P3
R1
R2
Menús complejos
Menús complejos
Menús complejos
T1
T2
T3
T4
P1
P2
P3
R1
R2
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 Webs
http://luthiersdewebs.com
Máster MUGI - Uni...
Aspectos psicológicos de las webs: información vs diseño gráfico
Aspectos psicológicos de las webs: información vs diseño gráfico
Upcoming SlideShare
Loading in …5
×

of

Aspectos psicológicos de las webs: información vs diseño gráfico Slide 1 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 2 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 3 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 4 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 5 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 6 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 7 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 8 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 9 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 10 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 11 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 12 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 13 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 14 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 15 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 16 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 17 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 18 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 19 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 20 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 21 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 22 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 23 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 24 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 25 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 26 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 27 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 28 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 29 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 30 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 31 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 32 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 33 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 34 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 35 Aspectos psicológicos de las webs: información vs diseño gráfico Slide 36
Upcoming SlideShare
¿De qué hablamos cuando hablamos de calidad en bibliotecas?
Next
Download to read offline and view in fullscreen.

1 Like

Share

Download to read offline

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

Download to read offline

Webinar impartido por David Picó Vila el 30 de noviembre en SocialBiblio

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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

  1. 1. Aspectos psicológicos de las webs: información vs diseño gráfico David Picó Vila 30/11/2016 Webinar patrocinado por:
  2. 2. 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
  3. 3. Perfiles profesionales en un equipo de desarrollo web • Programador • Diseñador gráfico • “Arquitecto de la información”
  4. 4. 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
  5. 5. 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
  6. 6. Reacciones del usuario Tema Percepciones Experiencia positiva Sobrecarga cognitiva “confusión”, “saturación”, “sobresfuerzo”, “distracción”, “interrupciones”, “dificultad de entender” Experiencia fluida Atenció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 ágil Sensación de dominio Facilita el retorno Confianza “fiabilidad”, “precisión”, “buen trato”, “soy cuidado”, “se me da lo que necesito” Facilita el intercambio Boca a boca Lealtad, servir de referencia
  7. 7. Reacciones del usuario Tema Algunos aspectos de un sitio web que contribuyen a una buena experiencia en este ámbito Sobrecarga cognitiva Distinción entre contenido, navegación e interacción Coherencia entre diseño gráfico e información Jerarquía informativa y gráfica Orientación Estructuras de información claras Herramientas de navegación apropiadas Jerarquía informativa y gráfica Confianza Selección ajustada de contenidos Informar de quién hay detrás: personas, procesos Claridad en las intenciones: información vs publicidad
  8. 8. 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.”
  9. 9. Psicología de la Gestalt Cómo dirigimos la atención: procesos de figura/fondo
  10. 10. Psicología de la Gestalt Cómo estructuramos la percepción: agrupamientos
  11. 11. Principio de similaridad
  12. 12. Principio de similaridad
  13. 13. Menús complejos T1 T2 T3 T4 P1 P2 P3 R1 R2
  14. 14. Menús complejos
  15. 15. Menús complejos T1 T2 T3 T4 P1 P2 P3 R1 R2
  16. 16. Menús complejos
  17. 17. Menús complejos
  18. 18. Menús complejos T1 T2 T3 T4 P1 P2 P3 R1 R2
  19. 19. Menús complejos
  20. 20. Principio de proximidad
  21. 21. Principio de proximidad
  22. 22. Jerarquía de textos
  23. 23. Jerarquía de textos
  24. 24. Jerarquía de textos
  25. 25. Menús complejos
  26. 26. Menús complejos
  27. 27. Menús complejos
  28. 28. Principio de clausura
  29. 29. Principio de clausura
  30. 30. Principio de clausura Tendemos a buscar las razones de cada configuración que observamos.
  31. 31. Principio de clausura Inferimos la estructura para “cerrar” nuestra comprensión.
  32. 32. Principio de clausura Inferimos la estructura para “cerrar” nuestra comprensión.
  33. 33. Principio de clausura Inferimos la estructura para “cerrar” nuestra comprensión.
  34. 34. http://socialbiblio.com info@socialbiblio.com David Picó Vila Luthiers De Webs http://luthiersdewebs.com Máster MUGI - Universitat Politècnica de València https://mugi.webs.upv.es/profesores/ Terapiados http://terapiados.net CV en LinkedIn https://www.linkedin.com/in/davidpicovila
  • Marita5

    Dec. 12, 2016

Webinar impartido por David Picó Vila el 30 de noviembre en SocialBiblio

Views

Total views

1,992

On Slideshare

0

From embeds

0

Number of embeds

930

Actions

Downloads

16

Shares

0

Comments

0

Likes

1

×