En nuestro webinar gratuito de este mes sobre WordPress tuvimos el placer de contar con Roberto Tuñón, diseñador UI/UX, amante del CSS, de WordPress y de los proyectos bien hechos, que nos dio sus consejos sobre “La doble UX de WordPress” (#SGwebinar). Además, nos acompañó otro invitado de lujo para compartir su experiencia en este tema como es Fernando Puente, informático de vocación y de profesión, formador ocasional y beginner de comer y beber. 21 años de experiencia en TI, actualmente: Consultor Enterprise, colaborador de SiteGround y CTO de Exprime Viajes. Al crear un sitio web basado en WordPress debemos preocuparnos, obviamente, de la buena usabilidad para el usuario final del sitio web, pero también deberíamos enfocarnos en la buena usabilidad para el dueño del site. El gestor de contenidos de WordPress es bastante intuitivo y fácil de usar de por sí, aunque tiene muchas posibles mejoras, pero, sobretodo, nuestra implementación concreta para un site puede hacerse cuidando la usabilidad o sin atender a ella. Veremos algunos ejemplos de mala usabilidad en lo que a la gestión de contenidos se refiere y algunas “buenas prácticas” que se pueden tener en cuenta para cuidar este aspecto. Puedes leer más en Twitter #SGwebinar y en nuestro blog https://www.siteground.es/blog/webinars-ux-wordpress

1. @SiteGround_ESwww.siteground.es
#SGwebinar
La doble UX
de WordPress
Roberto Tuñón
@rtunon_
robertotunon.com
por

2. Diseño de
Experiencia
de Usuario
Perspectiva y breve análisis
@SiteGround_ESwww.siteground.es
#SGwebinar

3. Diseño
Proceso de búsqueda de la
solución más idónea a una
problemática concreta.
“Diseñar es formular un plan
para satisfacer una necesidad
humana.”
Edward Shigley y Charles R. Mishke (1989)
@SiteGround_ESwww.siteground.es
#SGwebinar

4. Experiencia de Usuario
Experiencia que obtiene el
usuario cuando interactúa con
un producto, servicio, sistema…
“Concepto integrador de todos
los aspectos de la interacción
entre el usuario final y la
compañía, sus servicios y
productos”
Nielsen & Norman Group (2003)
@SiteGround_ESwww.siteground.es
#SGwebinar
UX

5. Experiencia de Usuario
“La suma de:
La Acción que realiza el usuario,
el Resultado que obtiene y la
Emoción que siente el usuario”
Dillon (2001)
“Conjunto de ideas, sensaciones
y valoraciones del usuario
resultado de la interacción con
un producto”
Alberto Knapp (2003)
@SiteGround_ESwww.siteground.es
#SGwebinar
UX

6. La experiencia es
del Usuario
Es subjetiva, está condicionada
por muchos parámetros que no
tienen relación con el producto:
(objetivos del usuario, variables
culturales, estado emocional, ...)
No la podemos diseñar.
@SiteGround_ESwww.siteground.es
#SGwebinar

7. Diseño Centrado
en el Usuario
Situar al usuario en el centro del
proceso de diseño, conocerlo,
ponerse en su piel, adoptar su
punto de vista.
Tratar de procurar la mejor
experiencia de uso.
@SiteGround_ESwww.siteground.es
#SGwebinar
DCU

8. Usabilidad
Grado de facilidad con que las
personas pueden utilizar una
herramienta u objeto con el fin
de alcanzar un objetivo
concreto.
Definida por 5 componentes:
● Aprendibilidad
● Eficiencia
● Memorabilidad
● Manejo de errores
● Satisfacción
Jacob Nielsen (1993)
@SiteGround_ESwww.siteground.es
#SGwebinar
Usability

9. ¿Quién es nuestro usuario?
@SiteGround_ESwww.siteground.es
#SGwebinar
¿Estamos identificando
correctamente a todos los
usuarios de nuestro proyecto
basado en WordPress?
Usuario

10. UX
@SiteGround_ESwww.siteground.es
#SGwebinar
User
Experience
EX
Editor
Experience

11. Experiencia de Editor
@SiteGround_ESwww.siteground.es
#SGwebinar
“Conjunto de ideas, sensaciones
y valoraciones del editor de un
sitio web, resultado de su
interacción con el administrador
de contenidos”
Roberto Tuñón (2016)
EX

12. El editor en Persona
@SiteGround_ESwww.siteground.es
#SGwebinar
Análisis de casos y situaciones
en las que el editor necesita
utilizar el admin de WordPress.

13. Fulanita de Tal
@SiteGround_ESwww.siteground.es
#SGwebinar
Licenciada en historia, regenta
un negocio de rutas culturales
que se realizan en distintas
fechas y lugares.
Escenario:
Tiene ya compuesta toda su
agenda de rutas para el próximo
mes y necesita publicarla.
Persona

14. Anti-ejemplo
@SiteGround_ESwww.siteground.es
#SGwebinar
Hora y media
para poner fecha
a tus servicios

15. Ejemplo
@SiteGround_ESwww.siteground.es
#SGwebinar
Añadir nuevo
evento a la
agenda

16. Fulano Menéndez
@SiteGround_ESwww.siteground.es
#SGwebinar
Interiorista y decorador, además
de realizar obras a medida tiene
una tienda online para vender
algunos productos.
Escenario:
Acaba de hacer las fotos de un
nuevo producto y quiere
incluirlo en el slider de su home.
Persona

17. Anti-ejemplo
@SiteGround_ESwww.siteground.es
#SGwebinar
Añadir nuevo
Slide y querer
morir

18. Ejemplo
@SiteGround_ESwww.siteground.es
#SGwebinar
Añadir un nuevo
Slide

19. Herramientas para cuidar la
EX en WordPress
@SiteGround_ESwww.siteground.es
#SGwebinar
● Custom post types
● Custom taxonomies
● Custom fields
● Etiquetas y textos descriptivos
● Personalización del menú admin

20. El editor también
es tu usuario
@SiteGround_ESwww.siteground.es
#SGwebinar
No le dejes colgao.

21. Síguenos en
@SiteGround_ES
SiteGround España
SiteGround España
@SiteGround_ESwww.siteground.es
#SGwebinar
SiteGround España