Interfaz de Usuario y Experiencia

Enlace a este artículo: https://support.driveshops.app/support/solutions/articles/70000565625-user-interface-and-experience

La interfaz de usuario incluye los elementos con los que el usuario interactúa, mientras que la experiencia del usuario abarca la experiencia general que el usuario tiene al utilizar la aplicación. Existen elementos y acciones comunes que se pueden encontrar en diferentes aplicaciones, y las habilidades adquiridas en una aplicación se pueden aplicar a otras. Este artículo profundizará en la interfaz de usuario y la experiencia de la suite de aplicaciones de Drive.

La Barra Superior

A lo largo de la parte superior de la página hay una barra que no cambia y es visible en cada aplicación.

Comenzando desde el lado izquierdo:

• Al hacer clic en las 3 barras, se colapsará el menú para darle al usuario más espacio en la pantalla.
• (Solo para nivel MSO y Cuenta) El Selector de Ubicación permite a las tiendas MSO cambiar entre sus tiendas.
• Al hacer clic en el siguiente ícono se mostrarán todas las asignaciones enviadas al usuario.
• El reloj permite a los usuarios fichar.
• Se muestra la foto de perfil y el nombre del usuario actual. Al hacer clic en ella, se puede cambiar entre el modo claro y oscuro, así como gestionar la contraseña.

El Selector de la Aplicación

El Selector de la Aplicación (El Cubo Rubik) permite al usuario cambiar sin problemas entre todas las aplicaciones de Drive.

Dado que cada una de las aplicaciones de Drive se ve similar, el nombre de la aplicación seleccionada actualmente es visible en la esquina izquierda.

El Menú

El Menú aparecerá en el lado izquierdo de la pantalla y mostrará todas las pestañas disponibles en esa aplicación según los permisos y derechos del usuario.

La Cuadrícula

La mayoría de las aplicaciones tienen una pestaña de menú con una cuadrícula y tres formas de buscar la entrada(s) deseada(s).

• Ordenar: Hacer clic en el nombre de la columna ordenará esa columna en orden, y hacer clic de nuevo la ordenará en orden inverso. Hacer clic derecho en la columna da la opción de elegir el orden de clasificación y borrar la clasificación por completo.

• Filtrar: Si la columna tiene un ícono de filtro junto a ella, el usuario puede hacer clic en el filtro para seleccionar qué categorías desea seleccionar para esa columna. Se pueden filtrar varias columnas al mismo tiempo.

Una vez que una columna se filtra, el ícono de filtro se pondrá rojo.

• Buscar: La búsqueda en la cuadrícula permite buscar a través de cualquier campo en la cuadrícula.

Acciones
Cada cuadrícula tiene una columna de acción para realizar una acción para la fila seleccionada, mientras que otras cuadrículas tienen la opción adicional de realizar acciones por lotes para varias entradas.

Si la cuadrícula tiene acciones por lotes disponibles, el botón de acción por lotes se mostrará en la parte superior derecha de la cuadrícula. Primero, selecciona las filas deseadas para la acción por lotes marcando la casilla a la izquierda de la fila. Luego, haz clic en acciones por lotes y selecciona la acción deseada para la(s) fila(s).

Botones Comunes de la Cuadrícula

Los botones de la cuadrícula son acciones universales para la cuadrícula que se pueden encontrar en la parte superior derecha de la cuadrícula.

• Exportar: Exporta todas o las filas seleccionadas a un archivo de Excel.
• Selector de Columnas: Esto le da al usuario la opción de agregar y eliminar columnas para personalizar la cuadrícula según sus preferencias arrastrando y soltando el encabezado de la columna.
• Actualizar: Actualiza la cuadrícula en lugar de actualizar toda la página web.
• Restablecer: Restablece la cuadrícula a su configuración original.