Plain
Plain.ninja es una aplicación de control horario, gestión de turnos y de vacaciones
PUNTO DE PARTIDA
Desde hace unos meses estoy colaborando con Plain como diseñadora UX/UI. Mis tareas principales son el diseño de las diferentes pantallas que componen la aplicación, siempre poniendo como objetivo que sea una herramienta intuitiva y dotándola de un diseño atractivo.
EL PROBLEMA
A partir de la nueva normativa sobre el registro horario del trabajo el objetivo inicial de Plain es ayudar a las Pymes en el control horario. Además, también permite a las compañías gestionar de forma automática los turnos de sus empleados, lo que facilita la tarea a aquellas empresas con una gran plantilla y/o en las que sus empleados cuenten con turnos especiales.
HERRAMIENTAS UTILIZADAS
Herramientas:
Sketch, Adobe, Invision, Zeplin
Tareas:
Árbol web, Flujos de navegación, wireframe, Sketching, Prototipo
PROCESO DE DISEÑO
Para diseñar las pantallas normalmente se parte de un low fidelity wireframe donde se ponen todos los componentes que debe tener la página para resolver el problema. Una vez que tengo ese wireframe, ordeno las funcionalidades y hago el diseño final. Otras veces me dan algunas indicaciones de que problemas tiene que resolver la página y, a partir de ahí, hago el wireframe, el diseño y el prototipo para que el desarrollador sepa todas las interacciones de la página y como se deben mostrar.
El objetivo principal en cuanto el diseño es hacer una herramienta extremadamente intuitiva, donde el usuario sepa en todo momento qué tarea debe completar con la curva de aprendizaje lo más pequeña posible.
En aquellas pantallas en las que hay varias acciones a realizar intento separar las diferentes tareas y colocar los elementos ordenados para crear un espacio limpio y que el usuario no se sienta saturado.
Por otro lado también intento ayudar en todo momento a realizar la acción de la manera más usable posible. Por ejemplo, en una lista grande de selección de datos (página configuración vista -puedes ver la captura de pantalla más abajo-) , cada vez que se selecciona un elemento de la lista, éste se desliza hacia arriba para que una vez se haya seleccionado todos los elementos deseados, se puedan ordenar según las preferencias del usuario en la pantalla de planificación.
PROPUESTA FINAL
A continuación, te muestro algunas de las pantallas que he diseñado de la aplicación.
Apertura planificación:
Planificación:
Necesidades del personal:
Configurar vista:
