Mejoras de diseño recientes en la billetera Lisk de escritorio

agosto 08, 2020 VICTOR HUGO LAZARTE 0 Comments

 

Lisk Desktop ha sido la aplicación principal para interactuar con la cadena de bloques Lisk desde los primeros días de 2016. Hemos desarrollado esta aplicación durante más de tres años y, durante este tiempo, presentamos muchas funciones nuevas y recibimos comentarios de nuestra estimada comunidad. Esta retroalimentación nos ayudó a trazar una línea entre nuestro desarrollo innovador y las expectativas desde la perspectiva del usuario, junto con la forma en que los usuarios interactúan con Lisk Desktop, su wallet de escritorio.

Tres años después de que comenzamos este viaje, hemos construido y moldeado simultáneamente la mayoría de las funciones para que funcionen de manera óptima para los usuarios objetivo. Siguiendo el mismo camino, decidimos que era hora de mejorar nuestros menús de navegación y solucionar los problemas de usabilidad.

Este artículo mostrará los cambios en la versión 1.27.0 de Lisk Desktop y el razonamiento detrás de ellos.

Menú de navegación unificado

Motivación

Si bien presentamos nuevas funciones de forma regular, nos aseguramos de mostrarlas dentro de la aplicación en diferentes áreas. Aunque parecían fácilmente accesibles al momento de implementarlos, se hizo evidente que había espacio para mejorar la experiencia general del usuario. 

Solución

Para lograr esto y terminar con una interfaz más conveniente y fácil de usar, decidimos introducir un menú de barra lateral para ayudar aún más con las opciones de navegación.
La barra lateral nos permite mostrar íconos junto a los títulos y ayudar al usuario a comprender la función de cada ícono. Una vez que los usuarios se familiarizan con el entorno, es fácil reducir la barra lateral a la forma más pequeña con un solo clic.
Además, este menú vertical del lado izquierdo nos permite dividir fácilmente las funciones en secciones, ofreciendo una herramienta de navegación más limpia e intuitiva para los usuarios.

Barras de navegación para todos los tamaños de pantalla

Motivación

Otro tema importante fue el diseño de la cabecera anterior. Debido a los enlaces de navegación ubicados en el encabezado, había espacio limitado disponible para agregar nuevas funciones. Este problema fue principalmente relevante para pantallas más pequeñas donde el ancho de la ventana no era suficiente para mostrar títulos de pantalla.    

Solución

Para resolver el problema mencionado anteriormente, hicimos uso del menú de la barra lateral para enlaces y funciones. Este cambio nos dio la oportunidad de usar el ancho de la pantalla para colocar allí otras funciones, como el modo oscuro y el modo discreto. Con este cambio, ahora es posible abrir el marcador con un solo clic.

Iniciar en modo invitado

Motivación

La aplicación rica en funciones que tenemos hoy como Lisk Desktop fue una vez una pequeña aplicación llamada Lisk Nano. Esta aplicación solo mostraba la lista de transacciones de una cuenta y ejecutaba nuevas transacciones. La aplicación Lisk Desktop actual ofrece varias funciones de monitoreo, muestra notas de la versión y noticias de la comunidad. Lisk Desktop también se puede utilizar para verificar una firma y mucho más. Todas estas funciones mencionadas anteriormente no requieren autenticación.

Solución

Otra mejora de usabilidad introducida por la versión 1.27.0 de Lisk Desktop es hacer que Dashboard sea la página principal. La autenticación de usuario solo es necesaria si desea utilizar una función que necesita la frase de contraseña. Esto permite a los recién llegados explorar fácilmente la aplicación Lisk Desktop sin tener que iniciar sesión. 

Mejor uso de las pantallas modales

Motivación

La aplicación Lisk Desktop contiene páginas como "Monedero" y "Delegados" que incluyen un conjunto de estadísticas y gráficos en la sección superior, seguidos de información adicional relevante. Estas páginas contienen una gran cantidad de datos que ocupan toda la pantalla. Mientras que algunas otras páginas, como "Enviar", poseen información limitada, lo que significa que el resto de la pantalla está vacía. Aunque dejar el resto de la pantalla en blanco ayuda a los usuarios a concentrarse en la información crítica (por ejemplo, la cantidad de LSK o BTC a enviar), esta lógica no se aplica a otras funciones como marcadores o configuraciones. 

Solución

Según los consejos de los diseñadores y los comentarios de los miembros de la comunidad, decidimos mostrar estas páginas con un gran espacio en blanco en una vista modal. Las vistas modales están destinadas a ayudar a mantener el estado del usuario y permitirles leer la información debajo de la vista modal si es necesario. Para evitar problemas con la coherencia del tamaño de la página y simplificar la interfaz de usuario, utilizamos las ventanas modales para páginas como: "Enviar", "Firmar", "Verificar mensaje", "Pantalla de resumen de transacciones", etc.



Conmutador de red visible

Motivación

Aunque inicialmente deshabilitado por razones de seguridad, los usuarios pueden habilitar el conmutador de red para conectarse a la red de prueba (para fines de desarrollo) o sus nodos de confianza.
Una vez que habilitó el conmutador de red en versiones anteriores, el conmutador de red aparecería en el encabezado. Sin embargo, dado que solo estaba visible en la página de inicio de sesión que tenía muchos elementos prominentes visibles en el centro, la mayoría de los usuarios tendían a pasar por alto el selector de red.

Solución

Realizamos algunas investigaciones para encontrar la ubicación correcta para esta función, y la conclusión fue ubicarla en el centro de la página de inicio de sesión sobre el campo de entrada de la frase de contraseña. Esto ayudará a los usuarios a encontrar la función de conmutador de red y evitará posibles confusiones.

Características siguientes de implementar

Todas las mejoras de usabilidad mencionadas anteriormente son el resultado de una serie de sesiones de lluvia de ideas creativas y análisis competitivo. Basándonos en los comentarios recibidos, investigamos y diseñamos nuevos diseños, y luego implementamos estas características en la nueva versión de Lisk Desktop. Para continuar garantizando que nuestra aplicación siga siendo fácil de usar, nos comprometemos a mejorarla constantemente con otras funciones.

Actualmente se está trabajandoi para implementar nuevas características adicionales, como el sistema de tarifas dinámicas, el nuevo y más democrático sistema de votación, cuentas con múltiples firmas y muchas más. Finalmente, se busca continuamente por mejorar aún más Lisk Desktop y estamos trabajando para mejorar tanto las funciones de usabilidad como de accesibilidad. 

Descargue la versión 1.27.0 de Lisk Desktop  aquí .

Lisk tiene la misión de permitirle crear aplicaciones blockchain descentralizadas, eficientes y transparentes. 

Links importantes:

  Lisk Desktop ha sido la aplicación principal para interactuar con la cadena de bloques Lisk desde los primeros días de 2016. Hemos desarro...