La vista previa del panel
Qué muestra el panel del producto en el hero, qué puede hacer un visitante con él y cómo cambiar sus datos de ejemplo.
Qué es
Bajo el titular del hero hay un panel de producto completo, construido en código en lugar de mostrado como imagen, así que se ve nítido en cualquier tamaño y se mueve como una aplicación real. Muestra cómo podría verse tu producto; no está conectado a ningún dato.
| Parte | Qué muestra | Qué puede hacer un visitante |
|---|---|---|
| Barra lateral | Navegación en tres grupos, con insignias | Elige una página; el título del encabezado la sigue |
| Cifras clave | Cinco tarjetas: usuarios totales, nuevos registros, interacción, retención y tiempo de sesión | Arrastra las tarjetas para reordenarlas |
| Gráfico de nuevos usuarios | Un gráfico de área a lo largo de la mañana | Pasa el cursor para ver los valores, descárgalo como PNG |
| Fuentes de tráfico | Un gráfico de anillo con cuatro fuentes | Pasa el cursor sobre una fuente para ver su porcentaje, descárgalo como PNG |
| Tareas | Una lista corta de tareas con prioridades y días de vencimiento | Marca las tareas como hechas |
| Datos de clientes | Una tabla de pedidos con su estado | Descárgala como PNG |
Sus etiquetas se traducen junto con el resto del sitio. Su diseño se mantiene de izquierda a derecha en árabe, como lo haría una captura real de un producto. En teléfonos y pantallas pequeñas, todo el panel se reduce para encajar.
Los números, nombres y fechas que contiene son datos de ejemplo que debes reemplazar por los de tu propio producto.
Cambia los datos de ejemplo
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Los archivos que contienen las cifras, los puntos de los gráficos, las filas de la tabla y las tareas de la vista previa.
Cómo está construida
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Cómo se organiza, se escala y se carga la vista previa y cómo se mantiene ligera en dispositivos más lentos.
Quítala o reemplázala
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Cómo quitar la vista previa del hero o poner una captura en su lugar.