Mi primera experiencia de prototipado; tan dura como grata

Posteado por
21Jul

Durante el quinto módulo de conocimiento, enfocado a la conceptualización del producto, el equipo OMICRON ha trabajado con el objetivo de presentar un rediseño de la plataforma BUDA mediante un prototipo interactivo navegable producido con la herramienta Axure.

Para los curiosos, adjunto el link al prototipo realizado: http://pcai0b.axshare.com

La comunicación entre miembros del equipo ha sido muy buena y clave para llegar a completar la entrega final a tiempo ya que este módulo ha sido el más exigente en cuanto a horas de dedicación debido a que se ha tenido que asumir el aprendizaje de una nueva herramienta compleja y además de conseguir reproducir las múltiples interacciones aplicadas en las distintas secciones del alcance de la plataforma para generar el prototipo navegable. Al inicio del módulo, el equipo comentó ciertos temas para mejorar la comunicación y entendimiento entre miembros que se han aplicado durante el desarrollo de las tareas y que se espera observar en los feedbacks constructivos de evaluación. Esperamos seguir mejorando y evolucionando en los próximos módulos.

Para enfocar la conceptualización del rediseño, durante el módulo se ha estudiado a la competencia detectando sus puntos débiles y fuertes así como otras webs o plataformas que se han considerado cómo referentes para ciertas funcionalidades similares a las que presenta la plataforma BUDA para analizar en detalle buenas prácticas y detectar oportunidades de implementación. A su vez también se han conformado 4 User Personas con sus correspondientes Journeys Maps para poder generar una mayor aproximación a los escenarios planteados. Se han determinado 4, dos profesionales en el sector editorial como usuarios clave de la plataforma BUDA (un perfil administrativo y uno periodístico) y dos consumidores de los contenidos publicados en la web de la revista online gestionados a partir de la primera plataforma (un suscritor-lector habitual y un miembro que desearía suscribirse a la revista porque la habría descubierto recientemente).

No se han realizado cambios substanciales en la arquitectura de la información ya que actualmente, perfiles administradores de la plataforma pueden determinar a qué secciones puede tener acceso cada perfil de usuario en concreto, personalizando la herramienta acorde con sus necesidades.

Se inició el proceso de conceptualización realizando sketchs de las distintas pantallas acordadas en el alcance y se fue cerrando el rediseño pantalla por pantalla. A posteriori se hizo una revisión para acurar y asegurar la coherencia entre las distintas secciones. Finalmente se procedió realizando los wireframes y aplicando interacción a los distintos elementos para similar el comportamiento actual o la nueva interacción. La realización del prototipo ha sido una tarea muy laboriosa debido al desconocimiento del programa Axure y las múltiples interacciones y casuísticas que presenta la plataforma BUDA.

Los cambios empleados han sido ideados con el objetivo de mejorar la usabilidad y accesibilidad de la herramienta actual y son un conjunto orientativo de buenas prácticas a aplicar en la plataforma para solventar los aspectos críticos detectados en los análisis de usabilidad y accesibilidad realizados anteriormente. Para idearlos ha sido útil apoyarse en los insights y feedback extraídos de las entrevistas a usuarios, tanto reales de la plataforma cómo de usuarios que interactuaban por primera vez con ésta en los test de guerrilla. Para plantear el rediseño se ha tenido en mente los dos users personas que abarcarían los perfiles más comunes de los usuarios habituales de la plataforma BUDA.

El rediseño plantea los siguientes cambios respecto a la plataforma actual:

  • Aumento de feedback emitido hacia el plataforma al usuario (para indicar que los cambios se han guardado correctamente, para confirmar la acción de cerrar una ventana y para aumentar la visibilidad de los campos de error en los formularios añadiendo un icono con un símbolo de exclamación a la explicación en rojo para no sólo depender del color para la detección).
  • Se han añadido elementos para ubicar al usuario, en todo momento, dentro de la plataforma (hilo de Ariadna como cabecera de sección, foco en el menú lateral, no se permite que el menú lateral se oculte en toda su totalidad sino que se plantea que se pliegue ligeramente manteniendo sus funciones y se ha bajado un escalón el menú de la sección de Proyectos respecto al menú General para que el usuario detecte jerarquía).
  • El icono de burger menu se emplea sólo para gestionar el menú principal de la plataforma y el menú de proyectos. Para el resto de menús de la plataforma, presentes en el listado o en widgets, se ha empleado el icono de “three dots menu”.
  • Substitución del “floating button +” con la etiqueta de “Nuevo item”, presente hasta el momento en la esquina inferior derecha de todas las páginas con listados, por un botón que muestre una breve inscripción que de mayor indicio de la acción que efectúa el elemento y posicionado en la barra superior de sección para que, aparte de evitar que se superposicione con elementos del contenido de la sección (como sucede actualmente) el usuario lo pueda tener más visible y accesible mediante el uso por teclado.
  • Substitución de los botones con iconos que indican acciones en los elementos de las tablas por botones con un mensaje más explícito de la acción.
  • Los elementos que plantean una interacción están siempre visibles para el usuario.
  • Unificación de criterios para elementos que plantean la misma acción.
  • Aprovechamiento de todo espacio disponible de la pantalla para facilitar las tareas del usuario.
  • Simplificación de los procedimientos en las tareas recurrentes.
  • Dar mayor importancia a los elementos del listado proyectos ya que, al acceder a cada uno de ellos, el usuario descubre un nuevo menú lateral que le ofrece un nuevo abanico de posibilidades, a través del cual puede acceder a las tareas más importantes y recurrentes de la plataforma. Se ha substituido el icono del ojo con la etiqueta de “Ver”, cómo botón de acceso a un proyecto del listado, por “Acceder” para dar mayor indicio de que este entrará en una nueva dimensión dentro de la plataforma.
  • Implementación del método de “clic&clic” como procedimiento para mover widgets, más accesible para las personas que presentan dificultades de movilidad que el actual empleado “drag&drop”, tanto en el “Dashboard” cómo en “Maquetar Ediciones”.
  • Eliminación de elementos repetidos en los formularios.

Para poder declarar los cambios aplicados como mejoras que realmente aportaran valor a la plataforma actual, en los próximos días se deberá plantear un riguroso test con usuarios para observar cómo estos interactúan y se desenvuelven con el prototipo navegable ideado y, a partir de aquí, decidir si se puede validar el diseño o se deben iterar mejorando ciertos aspectos que aún se detecte que sigan siendo conflictivos, antes de proceder a aplicar el look & feel.

 

Marina Virgili
MUX – Máster en User eXperience
Edición 2016-2017
La Salle Campus BCN – Universitat Ramon LLull
Archivado en:

Comentar

Tu dirección e-mail no se publicará.

Iniciar sesión