Cómo fue la charla «Experiencia de autor (AX) en WordPress»

Los números

Apuntados a la charla: 37personas.
Asistentes: 15 personas.
Se realizó el pasado 21 de junio de 2021 por streaming debido a las restricciones por coronavirus.

Experiencia de autor (AX) en WordPress: La charla

Volvemos de las vacaciones estivales con más ganas que nunca. A pesar del confinamiento por el coronavirus COVID-19, volvemos con vosotros desde WPAlicante con nuestras charlas online, ya que seguimos sin poder vernos en el espacio de ULab donde habitualmente nos reunimos.

Como ya es habitual en las últimas charlas, nos encontramos vía streaming. En esta ocasión nos acompaña como ponente Rosa Pérez, ingeniera informática y formadora. Se dedica profesionalmente al desarrollo web con WordPress, muy enfocada también a la experiencia de usuario y desde hace unos tres años, embarcada en una aventura llamada Gaptain, enfocada a ciberseguridad y competencias digitales en colegios. Toda una todoterreno en el mundo web, de la que podéis conocer más a través de su web.

Hace escasos años Rosa fue entrevistada por la compañera Isa Gómez de WordPress en Femenino, así que también puedes escuchar la entrevista: https://isagomez.com/podcast/emprendiendo-con-mercedes-romero-2/

Nos habla de la usabilidad de Autor (AX), que a veces está un poco olvidada en favor de la experiencia de usuario (UX). Rosa nos pone al día de cómo mejorar esa experiencia de autor, para minimizar tareas repetitivas o encontrar de forma más fácil e intuitiva determinados elementos de creación de contenidos que para nosotros pueden ser evidentes pero para un editor novato no tanto.

Por supuesto, al final de la charla hemos contado con la tradicional ronda de preguntas, aunque lamentablemente en esta ocasión nos hemos tenido que saltar el networking acompañado de refrescos por motivos obvios. El streaming se ha podido realizar gracias a nuestros patrocinadores: Weglot, el plugin de WordPress para traducir tu web al idioma que desees. Lo podéis probar sin ningún compromiso ya que tiene de forma gratuita el uso para traducir hasta 2000 palabras a un idioma, además ocupa muy poco en el servidor. También tenemos en esta meetup como patrocinador a WebEmpresa, un hosting especializado en WordPress, entre otros servicios, con varios planes disponibles para adaptarse a tus necesidades.

Os remarcamos a continuación algunos puntos que nos han resultado interesantes, aunque os incluimos al final de esta entrada el vídeo completo de la presentación, que en esta ocasión se realizó por streaming y se grabó para poder colgarlo luego en Youtube. También os enlazamos a la presentación que ha utilizado para desarrollar la charla sobre la arquitectura web escalable .

Fundamentos: Conceptos sobre la charla

UX: Usabilidad de Usuario. Hace la experiencia fácil, más útil, accesible para el usuario

AX: Usabilidad de Autor. Se busca más la eficiencia, la rapidez, sobre todo las tareas más repetitivas. También se tiene en cuenta la parte de lógica, ya que para un usuario que viene nuevo no siempre es capaz de encontrar en el panel de administración lo que necesita.

La primera vez que se escuchó fue de la mano de Rick Yagodich, y consiste en proveer a los autores de la funcionalidad adecuada a cada contexto. No es cuestión de darles demasiadas funcionalidades, ya que les puede liar, sino darles lo justo y necesario.

El objetivo es hacer WordPress más accesible para personas que no son informáticas, ya que hoy en día cualquier perfil profesional puede querer tener una web y vender sus productos.

Tips interesantes

Simplificar la URL de acceso: Que el autor decida cómo quiere acceder, en vez de /wp-admin, tal vez prefiera /acceso. También se puede hacer a través de plugin o añadiendo una línea en .htaccess

Adaptar el formulario de login: para que el autor vea su propio logo en vez del de WordPress, personalizando los colores, añadiendo algún campo que necesite.

Usuarios y administradores: Hay que llevar cuidado porque con un rol de administrador puedes romper muchas cosas sin darte cuenta. Lo ideal es dar el rol mínimo necesario. Si quieren tener un rol de administrador, lo ideal es tener también otro de editor, y que el de administrador lo usen sólo cuando lo necesiten. Ademas, hay que procurar que sólo se muestren los campos de perfil que realmente necesiten.

Secciones de ayuda: Cuanta más información tengan de ayuda, mejor:

Widget en escritorio: Donde se puede poner en la pantalla principal ayuda básica de procedimientos, manuales, cómo contactar con nosotros… A través de un plugin: Dashboard quick links widget o White Label CMS

También puede ser muy útil alimentar la pestaña de ayuda que se abre en cada página en la parte superior derecha.

A nivel de contenido, se puede usar Loom, por ejemplo, para crear vídeos de ayuda. La única pega es que cuando se crean para una versión de un plugin o de WordPress y cuando cambian hay que adaptar el vídeo.

Eliminar lo que no se use: En el escritorio hay un montón de información que puede no aportarle al usuario, como las próximas WordCamps, el borrador rápido… así como los menús que no se usen, tanto los propios de WordPress como los que los plugins crean. Hay un plugin llamado Adminimize, muy útil y se puede personalizar hasta por perfil.

Personalizar todo lo posible: Cambiando los nombres de los menús para que sean más intuitivos. Ejemplo: Escritorio puede ser Acceso Principal, Media puede ser Fotos o Imágenes. Hay un plugin de calendario que se llama Amelia, y aparece así en el menú. El usuario puede ver «Amelia» y no tener claro que se trata del calendario.

Cuida las imágenes, sobre todo para usuarios que no están acostumbrados a cortar y pegar, o que realizan fotos con el móvil en alta resolución: Necesitan algo para ajustar el tamaño, como el plugin Resize Image After Upload. A veces también necesitan controlar la calidad de las imágenes y crear galerías de imágenes, como Unsplash

Editor o Gutenberg.

Se pueden hacer bloques a medida, aunque se necesita conocer algo más de código.

Por defecto, nos permite cambiar fácilmente los colores. De base utiliza una paleta de colores predefinida y podemos crear una propia para añadirla a Gutenberg y que sólo pueda elegir colores concretos que queden bien con su tema. Cada color tiene el nombre que muestra, el slug (nombre en minúscula y sin espacios) y el código de color en hexadecimal. Si no queremos que improvise, es interesante deshabilitar también el «Color picker», es decir, que puedas escoger tú el color que quieras.

De forma similar a los colores, también podemos controlar el tamaño de la fuente para los diferentes títulos, para limitar y no permitirle cambiar tamaños (así como negrita, cursiva, subrayado…)

Seguridad. Es interesante tener determinados plugins para asegurar la recuperación de la web en caso de catástrofe realizada por el usuario (no sé qué ha pasado, nadie ha tocado nada pero ahora no va). Existen plugins que te avisan cuando el usuario se loguea, hay plugins de rastreo con los que hay que llevar cuidado pq pueden ser muy pesados por la cantidad de info que guardan.

Si no van a tener permisos de actualización, es interesante quitar la info de nºplugins pendientes de actualizar… También se pueden usar plugins «mu», es un plugin normal, pero en el plugin de instalación de WP es wp-content/mu-plugins y no se ven en la opción de menú de plugins, por lo que no se pueden desactivar. Además, son los primeros que se cargan.

Preguntas y temas de networking final

PREGUNTA: Qué plugin de seguridad utilizas o recomiendas

RESPUESTA: Yo ahora mismo utilizo Subway, porque es muy ligero y permite mucha personalización y el resto lo meto por código (como evitar que puedan editar archivos). Antes utilizaba casi siempre WordFence. Una de las cosas que este plugin permite es que cuando un usuario se logea te avise.

PREGUNTA: ¿Tienes alguna plantilla de instalación de WordPress o un documento con un checklist

RESPUESTA: Lo tengo en un plugin mío personalizado con todo lo que considero interesante tener en cuenta. Voy ocultando y desocultando lo que necesito, lo que me permite tener una última versión de todo lo que puede serme útil. Lo voy actualizando conforme voy encontrando cosas nuevas. En las instalaciones que hago, instalo ese plugin. Por defecto lo pongo de tipo MU para que nadie lo vea.

PREGUNTA: ¿Qué es un plugin MU?

RESPUESTA: Es un plugin normal, simplemente que se instala en una carpeta aparte, específica de WordPress y de nombre MU-PLUGINS, y todo lo que pongas ahí no se ve en la parte de administración de plugins. Son los primeros que se cargan y no se pueden deshabilitar salvo que vayas al código y los quites. Tenéis más información en esta entrada de Fernando Tellado en la web Ayuda WordPress.

PREGUNTA: ¿Hay alguna manera en la que también facilitas el flujo de trabajo a la hora de que el cliente cree el contenido de la manera más sencilla? (Explicar cómo crear contenidos)

RESPUESTA: Antes tenía mucho en vídeo pero con Gutenberg tenía que empezar de cero. Así que tengo mucho en texto con pantallazos. También hago cosas a medida, aunque muchas veces esto lleva demasiado tiempo. De cualquier forma, siempre es interesante. Hay un plugin WhiteLabelCMS que tiene versión gratuita y permite configurar lo básico para poner por ejemplo tu propio logo. También tiene versión de pago para poder poner en la parte superior de ayuda para poner ahí vídeos que han creado ellos mismos. Ahora mismo están en inglés pero hace unos meses ya empezaron a crear vídeos de ayuda en castellano. Si no los suyos, siempre puedes poner vídeos creados por otros y que siempre estarán actualizados.