Diseño de paneles de control para el sitio de comercio electrónico de análisis web. Parte 1: interfaz amigable para el usuario

Los paneles se denominan una matriz de datos presentados en forma visual en forma de tablas, gráficos, elementos de infografías. A veces, un tablero de instrumentos es un conjunto de números bellamente diseñado. Como, por ejemplo, el panel de información que se muestra en la imagen.


Tablero de instrumentos para un automovilista

El ciclo de publicación consistirá en artículos que describan el contenido de paneles para análisis web de sitios de comercio electrónico. Hablemos de crear una interfaz de tablero conveniente.

¡Haga que el contenido del informe sea delicioso!


Para que el cliente final comprenda el conjunto de números, gráficos y otros elementos visuales presentados en el tablero, se requerirá más de una iteración. Al diseñar un panel de control, deberá responder las preguntas:

  • ¿Para quién se crea un tablero? ¿Lo usará un director de marketing o un director? ¿Con qué frecuencia abrirá el cliente este informe? El nivel de visualización de la información y los períodos de tiempo para la dinámica de los indicadores dependen del usuario final del tablero.

    Hay tres tipos de paneles: operativos, analíticos y estratégicos. Los paneles de operación se utilizan para mostrar información que cambia rápidamente con el tiempo. Se utiliza un tablero analítico para realizar investigaciones sobre tendencias actuales, evaluar la situación y sacar conclusiones para corregir tendencias negativas. Los paneles estratégicos, por regla general, se utilizan como guía para determinar la dirección de las actividades de la empresa, identificar problemas en unidades estructurales y establecer tareas para corregirlos.

    Un ejemplo El vendedor ve que el tráfico de la publicidad contextual genera clientes potenciales demasiado caros (paneles estratégicos), pone la tarea del directólogo para corregir la situación. El director en el informe analítico encuentra una disminución en las posiciones para las palabras clave de conversión debido al mayor costo del clic y aumenta las ofertas de las palabras clave. Establece la tarea de los gerentes de cuentas de monitorear qué posiciones tomarán las palabras clave después de cambiar el costo de un clic y si el costo del tratamiento excederá el valor objetivo. Los gerentes de cuentas "se mantienen al día" con la ayuda de paneles operativos.


    Tablero estratégico, analítico y operativo sin conclusiones y recomendaciones.

  • ¿Qué decisión se debe tomar? Recordemos los principios de la pirámide de decisión. Pasamos de lo general a lo particular: primero elegimos qué solución se necesita, luego qué indicadores de desempeño ayudarán a evaluar la decisión tomada y, finalmente, qué indicadores pueden afectar el KPI. Ambos y otros indicadores deberán reflejarse en el tablero de arriba a abajo.

    Un ejemplo El cliente del tablero quiere entender cómo aumentar el número de pedidos y reducir su costo. Al comienzo de la hoja, reflejamos los principales KPI, por ejemplo, el número de pedidos y su valor. A continuación, derivamos KPI auxiliares, como la tasa de rebote y la profundidad de visualización, para evaluar la calidad del tráfico. Organizaremos datos segmentados aún más bajos, por ejemplo, indicadores de la cantidad de pedidos y el costo de circulación en el contexto de ciudades, tipos de dispositivos, días de la semana y hora del día.

    Los objetivos de rendimiento deben cumplir con los principios de ACTA:

    • Accionable: el nombre de la métrica debe mostrar su contenido. Por ejemplo,% de pedidos entregados a tiempo.
    • Interpretación común: todos los usuarios del informe deben interpretar los indicadores de la misma manera.
    • Transparente: todos deben comprender cómo se calcula la métrica.
    • Datos accesibles y creíbles: la fuente de datos debe ser confiable.

    El panel de control difiere del panel de información en que contiene análisis, conclusiones y recomendaciones para cambiar la situación. Los buenos paneles también contienen suposiciones sobre las consecuencias de las decisiones tomadas. El análisis de la situación y las conclusiones no necesitan describir la información que es tan obvia de los gráficos. Los clientes esperan un análisis de las tendencias y los motivos del comportamiento actual de los objetivos de rendimiento. Asegúrese de proporcionar guías de acción claras y comprensibles basadas en los datos del tablero. No siempre será posible predecir el resultado de sus acciones, pero cuando le muestra al cliente los beneficios esperados de la implementación de los cambios, ciertamente tendrá en cuenta sus recomendaciones en el trabajo.

    No te olvides de la apariencia del tablero


    Presentar información en un tablero no es una tarea fácil, especialmente cuando necesita mostrar muchos datos heterogéneos en un idioma que el cliente entiende. Es habitual utilizar las siguientes visualizaciones:


    Visualización por tipo de información.

    La usabilidad del tablero es algo similar a la usabilidad del sitio, recuerdo las reglas básicas.

    Heder

    En la primera apertura del tablero, el cliente debe comprender de un vistazo dónde está y qué beneficios puede obtener de los datos. No debe confiar en el hecho de que solo su cliente utilizará su tablero diseñado. Siempre podrá compartir el tablero con uno de sus colegas. Y aún mejor si él quiere hacerlo. Por lo tanto, no te olvides del sombrero. Consiste en el nombre del tablero, el logotipo de la compañía del cliente y, posiblemente, la compañía ejecutora.

    Pie de página

    Después de revisar los datos, el cliente quiere ver conclusiones y recomendaciones para acciones adicionales. No necesariamente las conclusiones y recomendaciones deben ubicarse en el pie de página, sino que deben estar presentes en el tablero.

    Información de estructuración

    La disposición de los bloques de información debe cumplir con ciertas reglas. La ubicación de los elementos en el tablero de una página a otra es mejor no cambiar y usar la cuadrícula. Debe haber suficiente espacio libre entre los elementos. Los gráficos deben estar firmados, observando un formato uniforme. Utiliza 2-3 fuentes. Resalta información importante en color, tamaño.

    Navegación conveniente

    La navegación debe ser clara y accesible. Si no mostró información detallada sobre la dinámica de los indicadores en esta hoja del tablero, pero el cliente lo necesita, entonces debe proporcionar un enlace a la hoja del tablero en la que se presenta esta información.

    Gama de colores

    La paleta de colores que seleccione debe coincidir con la paleta de colores del sitio del cliente. No es necesario componer su propia paleta de colores.


    Tablero de instrumentos de Kevin Jackson


    Tablero de instrumentos por Christopher Eddy

    Prototipo de tablero con interfaz fácil de usar


    Todos los paneles posteriores para artículos sobre Habré se crearán en Power BI, por lo tanto, daré un boceto del prototipo en el mismo programa.

    La tapa contiene el nombre del tablero, un filtro por fecha (la primera lectura será clara cuando se actualizó el tablero), el logotipo de la compañía. La máxima atención del usuario del panel se centra en los elementos en la esquina superior izquierda de la pantalla. Los filtros se encuentran en la esquina derecha para no llamar la atención. Las conclusiones, recomendaciones y pronósticos se encuentran en la esquina superior izquierda. La dinámica positiva está marcada en verde, la dinámica negativa está marcada en rojo. La barra de desplazamiento no interfiere con la percepción de la información. Se observa el espacio entre los elementos.


    Prototipo de mi tablero

    Fuentes



    Artículos del ciclo

Source: https://habr.com/ru/post/es422235/


All Articles