Indicador visual de daños
Descripción general
El patrón indicador de daño visual se utiliza para seleccionar partes de una entidad completa. Este patrón, que se utiliza principalmente durante el envío de siniestros, ayuda a los demandantes a indicar qué partes de un activo asegurado se han dañado. Algunos ejemplos de esto incluyen vehículos, propiedades o lesiones corporales.
Este patrón permite cargar imágenes como evidencia respaldatoria de las áreas dañadas.
De forma alternativa, este patrón se puede utilizar durante el proceso de cotización y compra si un asegurado desea asegurar solo partes de una entidad más grande.
Cuándo se debe utilizar
- Utilice este patrón en un flujo de primer aviso de siniestro (FNOL). Por ejemplo, la plantilla de la aplicación de Jutro y las aplicaciones de referencia de Digital.
- Utilice este patrón en un flujo de cotización y compra para especificar qué partes de una entidad más grande se deben asegurar.
Anatomía
- Botón de conmutación: Se utiliza para alternar entre las partes exterior e interior del vehículo.
- Acordeón: Se utiliza como agrupaciones expandibles o plegables para las áreas dañadas del vehículo.
- Casilla de verificación: Se utiliza para seleccionar las áreas dañadas.
- Alternador de categoría (componente nuevo): Se utiliza para seleccionar y abrir las categorías correspondientes a la derecha.
- Cargador de archivos: Se utiliza para cargar imágenes de las áreas dañadas.
Pautas generales
Permiten a los clientes:
- Intercambiar imágenes por las suyas propias.
- Seleccionar la disposición de una sola columna si se prefiere o si funciona mejor para sus imágenes.
- Agregar áreas de daño adicionales seleccionables.
- Ocultar o eliminar el componente cargador de archivos.
- Ocultar o eliminar el componente imagen si prefieren una experiencia basada en texto.
Contenido
Pautas generales de redacción
- En todos los aspectos del diseño de las interfaces de productos de Guidewire, utilice mayúsculas como se usan en las oraciones. No use mayúsculas en todas las palabras.
- Use verbos en tiempo presente y voz activa en la mayoría de las situaciones.
- Use contracciones comunes para darle al texto un tono más natural e informal (pauta correspondiente al inglés).
- Use un lenguaje sencillo. Evite la jerga innecesaria y el lenguaje complejo.
- Las palabras y las oraciones deben ser breves.
Capacidad de ser responsive
Las disposiciones de dos columnas se ajustan de modo que la columna derecha se apila debajo de la columna izquierda en pantallas estrechas (móviles).
Investigación que lo avala
La investigación para este patrón consistió en un análisis competitivo. El análisis competitivo es una técnica de investigación que se utiliza para comparar y entender en qué están trabajando otros en el mismo campo. Los diseñadores de UX analizaron lo que aseguradoras (no clientes) en han creado, así como las implementaciones de clientes de nuestro diseño existente, y revisaron las fortalezas y debilidades de cada versión. Por ejemplo, ¿qué nivel de adaptabilidad tiene en dispositivos móviles? ¿Qué datos se recopilan? ¿Cómo se utilizan las imágenes y la IA? Los diseñadores utilizaron esa información, encontraron puntos en común y crearon un patrón basado en esas prácticas frecuentes.
Componentes relacionados
Recursos
Descargue un archivo ZIP con los patrones más recientes de Jutro y comience a diseñar experiencias.