DISEÑO DE EXPERIENCIAS DIGITALES

DISEÑO DE EXPERIENCIAS DIGITALES

FORMULARIO: SIGN AFRICA EXPO

Integrantes: Nadia Jaqueline Bernal CervantesVerónica Jocelyn López DelgadilloHéctor Omar Sánchez Grimaldo

Siguiente

Antes

Regresar

Siguiente

Formulario en fondo claro y oscuro

Regresar

Siguiente

Llenado y tolerancia a errores

Regresar

Siguiente

Pantalla de escritorio fondo claro y oscuro

Regresar

Siguiente

Cards dispositivos móviles fondo claro

Regresar

Siguiente

Cards dispositivos móviles fondo oscuro

Regresar

Siguiente

Cards escritorio fondo claro

Regresar

Siguiente

Cards escritorio fondo oscuro

Regresar

Siguiente

Paleta de color

Regresar

Siguiente

Diseño de botones Default Hover Active

Regresar

Siguiente

Conclusiones

Color

Contrastes

Jerarquias

Web

TODO

Fondos

Accesibilidad

Recorrido visual

Tipografias

Regresar

Siguiente

Conclusiones

El comenzar a diseñar plataformas de experiencias de usuario ha sido un cambio muy drástico de lo que ya habíamos aprendido hasta ahora, aunque ya tenemos muy arraigadas las normas a seguir para realizar productos de diseño editorial (que es lo que más se le había acercado) es algo totalmente diferente, ya que ahora hay otras normas específicas que seguir, como tamaño de los elementos, contrastes de color, diseñador un modo claro, diseñar en modo oscuro, pensar en como se verá el diseño en pantallas pequeñas y más amplías. Diseñar un formulario desde una vista más web es muy distinto a diseñar para impresión, desde el momento que los contrastes de las paletas de colores deben de contar con ciertas adecuaciones para poder diseñar de forma inclusiva para todo tipo de capacidad visual.

Finalizar

Regresar

JERARQUIAS

El peso visual está bien equilibrado entre todos los elementos, tanto en los elementos de indicación de secciones como en los campos de llenado del formulario, mostrando un solo relleno sin contorno y solo mostrando un trazado en aquel input en el que estamos situados en ese momento, esto para hacerlo más indicativo de que campo se está llenando en ese momento.

CONTRASTES

Tanto en el modo claro como oscuro se utilizaron colores en algunos elementos que generan un mayor contraste entre si tanto con el fondo como para la prevención de error, de esta manera era hace visibles los elementos dentro de la interfáz para todo usuario incluso con aquellos con capacidaddes visuales diferentes siguiendo las normas A, AA, AAA.

COLOR

Aunque la paleta de color estaba hasta cierto punto condicionada una paleta calida por el evento que se estaba tratando, fue adecuada para dar una mayor comocidad a la vista del usuario dentro de la interfaz, además nos permitió hacer un contraste perfecto con algunos tonos fríos para colores utilizados para advertencia y error

RECORRIDO VISUAL

La interfaz está diseñado para un recorrido descendente, mostrando en primera instancia la imagen e información básica del evento que se está tratando el formulario, siguiendo con de que va el formulario que se está llenando, a continuación el formulario y al final los botones para enviar el formulario o la cancelación de este.

ACCESIBILIDAD

El diseño está bien addapatado para poder utilizarse en cualquier dispositivo móvil y web sin la necesidad deformarse por la variación entre dimensiones de estos, manteiendo una uniformidad en el diseño, además esta adaptado para que pueda ser fácil de entender para cualquier persona que lo útilice dependiendo de la edad, capacidad visual u otras situaciones.

WEB

El diseño se encuentra correctamente adaptado para escritorio, no pierde sentido en los elementos del formulario y la adaptación de los cards, hacienddo que no se vea como un diseño a parte, sino más bien como una adaptación de la interfaz

TIPOGRAFÍAS

La tipograf´ía utilizada es una sans serif con detalles redondeados, siendo legible en todos los textos, incluso en los elementos más pequeños del formulario y el tamaño de los textos es el adecuado para cada uno de los elementos.

FONDOS

Los mantienen una uniformidad de un color solido sin elementos que puedan distraer al usuario, en el caso del fondo claro esel color secundario a un 5% y en el fondo oscuro es un color negro puro, estos colores permiten contrastar más facilmente con los elementos en el formulario y no cansan a la vista.