Articles

Los mejores ejemplos de interfaz de usuario de Panel de sitio Web para inspiración de diseño

Los paneles ayudan a los usuarios a obtener una vista rápida de la información crítica de un vistazo. Se han utilizado en aplicaciones empresariales durante mucho tiempo, pero también tienen aplicaciones útiles en productos de consumo. El seguimiento de la salud, las finanzas personales y el progreso académico de nuestros hijos se han convertido en algo común.

Si se te ha pedido que crees un panel de control para un producto, es posible que te estés preguntando por dónde empezar. Cada panel de control tiene un propósito y una audiencia específicos, pero el elemento común es la simplicidad. Los puntos de datos, gráficos, tablas y tendencias claros son esenciales y deben adaptarse al tipo de información. Debe limitarse a un puñado de números que quepan en una sola pantalla, especialmente si el dispositivo de destino tiene una pantalla pequeña. Estas son algunas formas de inspirarte mientras trabajas en el diseño de tu panel de control.

Pregunte a sus usuarios

Al igual que cualquier proyecto de diseño de interfaz de usuario/experiencia de usuario, debe comenzar con los usuarios. Serán su mejor fuente de inspiración porque pueden decirle qué datos desean ver más. Intente pedirles que imaginen que están de vacaciones en una playa sin WiFi o señal celular. Si pudieran obtener una sola página que les permita saber cómo está su negocio (o su hijo o cuenta bancaria), ¿qué 5-10 artículos estarían en ella?

Profundiza también. Pregunte qué les está diciendo cada una de esas piezas de información, cómo la usan y de dónde viene ahora. Hacer muchas preguntas le ayudará a entender lo que realmente buscan y generar ideas para otras formas de lograr sus metas. ¿Tienen algún problema con sus datos actuales? ¿Qué les gusta de sus fuentes de datos actuales?

Pregunte a los profesionales

Empresas de análisis de datos como Tableau se especializan en la visualización de datos y en ayudar a sus clientes a crear paneles de control. Ofrecen documentos técnicos y otros materiales educativos relacionados con la selección de la representación visual correcta para un tipo particular de datos. Algunos incluso te permiten jugar con las posibilidades sin comprar su producto, aunque es posible que tengas que llenar un formulario y esquivar las llamadas de ventas más tarde.

Los profesionales de UI/UX y las agencias de diseño a menudo ofrecen ejemplos o materiales educativos, como estudios de casos. Por ejemplo, Nielsen Norman Group ha publicado un estudio de caso del tablero de instrumentos real de Tesla, que tiene más en común con los sitios web que los tableros de instrumentos tradicionales de automóviles. Al consultar sitios de diseño de expertos, puede aprovechar la valiosa investigación y los conocimientos sobre la visualización creativa de datos, así como los tipos de paneles y el diseño eficaz de paneles. Otro artículo de Nielsen Norman Group,» Dashboards: Making Charts and Graphs Easier to Understand», destaca algunos tipos de gráficos y gráficos comunes, junto con recomendaciones sobre cómo y cuándo usarlos.

Pregunta a Google

Pinterest también funcionará para esta técnica. Intenta buscar cualquier dominio en el que esté tu producto con «panel de control» en el extremo. Por ejemplo, la búsqueda de la frase » tablero de seguimiento de salud «da como resultado»Unos 47.300.000 resultados». Los ejemplos van desde aplicaciones hospitalarias hasta el seguimiento de la actividad física, y los dispositivos van desde el escritorio hasta el reloj inteligente. Esta es una excelente manera de comenzar a analizar también el benchmarking competitivo.

También puede ser útil consultar otras industrias y dominios. Pueden presentar una forma particular de presentar información que se prestaría a algo que sus usuarios están buscando.

Resultados de búsqueda de Google para «panel de seguimiento de estado»

su sitio de diseño favorito es, lo más probable es que tenga ejemplos de paneles de control además del diseño de sitios web y otros ejemplos de diseño. Al igual que con la búsqueda básica en Internet, puede buscar solo el tablero de términos, o ser más específico con sus términos de búsqueda para encontrar una variedad de diseños de tablero inspiradores en este tipo de sitios. Algunos incluso agregan listas de «lo mejor de» que señalan soluciones exitosas y no tan exitosas.

Dribbble

Dribbble es una gran fuente de inspiración para el diseño visual. Por lo general, no obtiene muchos detalles en el proceso de diseño, las decisiones de diseño o los módulos individuales, pero para el diseño, el color o los temas estrictamente, hay muchas opciones para examinar detenidamente.

La Muz.li en línea de la revista se presenta un poco más en los temas relacionados con el diseño. Puede encontrar buenos ejemplos de diseño visual, pero también obtener más información sobre lo que hace que los diferentes enfoques sean exitosos en diferentes casos de uso. Algunos artículos profundizan en las opciones de diseño para una variedad de aplicaciones.

Behance también contiene artículos informativos y agregados «lo mejor de» listas. De nuevo, este sitio da un poco más de profundidad que las miniaturas estrictamente visuales. Algunos diseñadores y agencias de diseño web incluso ofrecen plantillas o instrucciones técnicas.

Resumen

Cualquiera que sea producto de su tablero de instrumentos diseño está pensado para, hay un montón de inspiración por ahí. Los datos son un gran negocio, y la visualización de datos no es una excepción. Aproveche la investigación y la experiencia de otras personas, mientras vigila las tendencias y las nuevas ideas para diseñar un panel de control hermoso y útil para sus usuarios.