As a full-cycle software development company, Redwerk has its own in-house design team, which delivers their master skills and UI/UX insights to the customers. We create high-quality design for already existing apps, and for those which we create from the scratch. People’s creativity and a good skill set in soft development brought a lot of crackerjack apps to our lives, which make many day-to-day tasks much easier to perform. Unfortunately, numerous products that actually dignify to be top rated are getting lost in the bottom of the charts, commonly, due to the slack-baked UI/UX “ingredient”. In respect of that, Redwerk decided to apply its’ expertise in UI/UX and web-design and created a blog section dedicated to the overview of various applications concerning these matters. We proud of what we do, and if it’s relevant to you, feel free to check up our portfolio on Behance site.

Taskade, SaaS web app

Taskade es uno de los gestores de tareas más modernos y bonitos. Es funcional, tiene un aspecto impresionante, se carga rápidamente y, además, cuenta con plantillas por defecto. Sin embargo, como demuestra la práctica, se pueden encontrar pequeños errores de interfaz de usuario incluso detrás de las interfaces más bonitas.

#1. No hay estados hover en algunos botones

Error de interfaz de usuario

Cualquier elemento activo de la interfaz web debería cambiar su apariencia cuando se pasa el ratón por encima de él. En el pie de página de Taskade hay 5 botones de estilo idéntico: 3 a la izquierda y 2 a la derecha. El estado hover funciona perfectamente con los botones del lado izquierdo, pero los del lado derecho no cambian su color al pasar el ratón por encima.

Aspecto actual
UI/UX Review of Taskade app - no hover states on some buttons
Aspecto adecuado

#2. Alineación incorrecta de los iconos dentro de los botones

Error de interfaz de usuario

Los iconos dentro de los botones deberían estar alineados no sólo horizontalmente sino también verticalmente. El icono de ajustes es uno de los que no aplica perfectamente esa regla. Esto se nota especialmente cuando se pasa por encima del icono del engranaje. Comienza a moverse dentro del botón.

Aspecto actual

#3. Los desplegables no están resaltados

Error de interfaz de usuario

Los desplegables y las ventanas de diálogo deberían diferir en color del fondo, o tener una sombra perceptible que permita llamar la atención del usuario sobre el objeto aparecido. Al hacer clic en el botón de Configuración, a diferencia de otros botones similares en el tema negro, podemos ver una evidente fusión del desplegable con el fondo que debería arreglarse. Sería conveniente cambiar el color del desplegable, por ejemplo a #272727, entonces tendría este aspecto:

Aspecto actual
Aspecto adecuado

Comentarios del equipo de Redwerk

Taskade es uno de los servicios más cómodos para gestionar tareas. La facilidad de uso, tanto para fines personales como para el trabajo multiusuario, y una interfaz atractiva con dos temas básicos: claro y oscuro, hacen de este servicio SaaS uno de los más convenientes para el empleo diario. Los pequeños fallos de la interfaz de usuario que he encontrado durante el análisis de este servicio no afectan al rendimiento ni a la funcionalidad, sino que sólo muestran pequeños defectos en el frontend que pueden remediarse fácilmente.

Alexander

Alexander, diseñador

Acerca de Redwerk

Somos una empresa de desarrollo de productos de software en el extranjero que ofrece toda la gama de soluciones para los sectores del comercio electrónico, la automatización de empresas, la sanidad electrónica, los medios de comunicación y el entretenimiento, la administración electrónica, el desarrollo de juegos, las empresas emergentes y la innovación. Redwerk también proporciona servicios de diseño y desarrollo de UI/UX al más alto nivel a un coste asequible. En Redwerk, sabemos que una buena idea lanzada con un backend de alto rendimiento debe mostrarse también en un fino frontend.