FortifyData
Diseño UI/UX para Ciberseguridad
The Skins Factory y FortifyData: Una Colaboración Ganadora en Diseño UI/UX para Ciberseguridad y Manejo de Riesgos
FortifyData, una plataforma líder mundial en ciberseguridad y manejo de riesgos que permite a sus clientes identificar y manejar la exposición al riesgo en toda la superficie de ataque, recurrió a The Skins Factory para rediseñar la UI/UX de su plataforma principal. Nuestro equipo refinó la UI y la UX existentes en más de 40 pantallas, mientras modernizaba el diseño visual e integraba elementos neumórficos en el diseño visual de los análisis. Los diseñadores de experiencia de usuario de The Skins Factory son expertos en diseño para ciberseguridad, ya que continuamos diseñando interfaces que guían a los usuarios a través de prácticas seguras en toda la superficie de ataque. Contáctanos hoy.
Aquí tienes un vistazo a la mayoría de las pantallas del proyecto. Las imágenes se han reducido para fines de presentación. Algunas pantallas han sido modificadas debido a su naturaleza propietaria o se han omitido porque eran visualmente redundantes.
Dashboard Empresarial: Diseño Predeterminado
Nuestro equipo de diseño UI/UX dedicó bastante tiempo a rediseñar el lenguaje visual del dashboard. El dashboard original era modular por naturaleza, como la mayoría, pero la apariencia del diseño UI se actualizó con ajustes sutiles en la experiencia de usuario. También eliminamos de la UI el anticuado estilo de “medidor de gasolina” para el Cyber Risk Score y creamos un diseño neumórfico con una apariencia moderna y elegante.
La Barra Lateral Alternativa
Durante cualquier fase inicial de comps, nuestro equipo de diseño experimenta con distintos lenguajes visuales. Siempre tenemos muchísimas ideas en desarrollo. Las aplicaciones de ciberseguridad suelen ser oscuras por naturaleza. En esta versión alternativa, incorporamos una barra lateral oscura para ofrecer contraste con los paneles blancos y permitir que los colores destacaran en el Cyber Risk Score. FortifyData eligió el diseño limpio completamente blanco, pero también le encantó la barra oscura de contraste.
Pantallas Empresariales
Un vistazo a los distintos diseños de pantalla para la sección Enterprise de la aplicación. Desde Risk Modeling hasta Infrastructure Threat Events. Haz clic en una imagen para verla en mayor tamaño.
Risk Modeling: Originalmente, esto eran dos pantallas separadas. Nuestro equipo decidió convergerlas para aumentar la velocidad y la salida de información.
Eventos de Amenazas Externas de Infraestructura
Cadencia de Parches
Activos Internos
Dominios de Activos
Puertos de Infraestructura
Grupos de Activos
Pantallas TPRM (Manejo de Riesgos de Terceros)
En lugar de usar modales, utilizamos paneles deslizables para extender la interfaz de usuario. Los paneles deslizables son la solución perfecta porque enfocan la atención del usuario en una parte de la pantalla, mientras bloquean el ruido visual del fondo de la página en tres lados. También son independientes del tamaño, lo que significa que pueden ser angostos o incluso ocupar toda la pantalla sin sacar al usuario de la pantalla principal.
Panel TPRM
Panel TPRM: Filtros
Panel TPRM: Agregar un Cuestionario
Diligencia Debida TPRM: Activos
Diligencia Debida TPRM: Cuestionario
Diligencia Debida TPRM: Detalles del Cuestionario
Estado del Cuestionario TPRM
Diligencia Debida TPRM: Cadencia de Parches
Diligencia Debida TPRM: Infraestructura
Diligencia Debida TPRM: Dark Web
Portafolio TPRM
Portafolio TPRM - Editar
Portafolio TPRM: Filtros
Panel de Cuestionarios TPRM
Cuestionario de Diligencia Debida TPRM: Estado de Aprobación de Terceros
Cuestionario de Diligencia Debida TPRM: Actualizar Activos del Proveedor en Alcance
Estado del Cuestionario TPRM: Cuestionario Personalizado
Pantallas Adicionales
Debido a la naturaleza propietaria de estas pantallas y de ciertos conjuntos de funcionalidades, se ha hecho un esfuerzo por mantener la funcionalidad principal intencionalmente vaga. Esto se hizo para proteger la propiedad intelectual de nuestro cliente.