Principios de Diseño

El usuario distingue fácilmente los diferentes componentes, zonas interactivas, la correlación de acción y respuesta, la información y las instrucciones.

El feedback hacia el usuario debe ser claro y directo en sus interacciones, los contrastes y los diferentes comportamientos interactivos que permiten entender claramente que es clickeable y que no.

Por otro lado, este principio también implica el feedback que los usuarios obtienen al completar un formulario y los errores que surgen al incluir información errónea.

Con el uso correcto y efectivo de:

• Sombras
• Contrastes
• Botones
• CTA (Call to Action)
• Texto (Tono y Voz)
• Interacción
• Feedback

No transmitir una venta explícita ni forzada en textos, en CTA, botones o fotografías, sino que el objetivo es una consecuencia del contenido y navegación expuesto.

La redacción de las acciones y llamados son dedicadas y personales, es decir, le hablamos a una persona, por ejemplo: “Inicia tu Admisión”.

Con el uso correcto y efectivo de:

• Escritura UX
• Tono y estilo textos
• Tono y estilo fotografías
• CTA (Call to Action)

Un Sistema de Diseño que transmite cercanía y a su vez una institución consolidada y confiable. Para eso nos basamos por un lado en los principios educacionales estándares de McKinsey y por otro lado la seguridad en las transacciones y en los accesos. Como también el derecho a entender la información y navegación.

Con el uso correcto y efectivo de:

• Contexto Educacional
• Programas Académicos
• Correlación de la acción
• Consistencia
• Coherencia

Diseño claro, fácil, simple de acceder, interactuar, orientarse y comprender.

Uso de elementos correctamente, basándose en los principios básicos de diseño, y por otro lado convenciones sociales de interacción. Desde los menús desplegables, los pasos, las zonas interactivas, etc.

Este principio tiene como finalidad considerar soluciones de interacción comunes y ampliamente utilizadas, desde Spotify, Netflix, hasta las jerarquías tradicionales en Web.

Con el uso correcto y efectivo de:

• Colores: Utilizar los colores que permiten diferenciar de un objeto de otro
• Tono y Voz UX
• Espaciado
• Proximidad
• Micro Animación
• Interacción
• Formas
• Convenciones UX

Se identifican los elementos principales fácilmente, logrando acceder en todo momento. Algunas convenciones pueden ser adoptadas para facilitar la comprensión “logica” al momento de ir descubriendo la información y las funcionalidades que la plataforma permite realizar.

Con el uso correcto y efectivo de:

• Tamaños
• Espaciado
• Proximidad
• Estilos
• Color y Forma
• Profundidad
• Similitud
• Consistencia
• Convenciones UX
• Grilla

Experiencia basada en diseño universal que permita la autonomía de navegación para el mayor número de usuarios posibles.

Estas funciones universales permiten, desde un comienzo, pensar en los componentes en sus estados más primitivos. En el caso del color que nos permite la jerarquía, al eliminarlo perdemos esa comprensión, como el modo de visión neutra o alto contraste (blanco y negro) para personas con capacidades diferentes. Por lo tanto, desde un comienzo definimos la jerarquización con otras cualidades que el diseño nos permite.

Con el uso correcto y efectivo de:

• Modo Oscuro / claro
• Jerarquía
• Color
• Forma
• Espaciado

No sólo la adaptación de los contenidos en puntos de quiebre según el dispositivo, si que tambien el diseño enfocado en los usuarios permitiendo una adaptación de funciones y accesos, es decir, lo que no necesita o no es para ese usuario, no aparece.

La experiencia se adapta al usuario y no al revés, con una experiencia customizada dependiendo del tipo de usuario (centrado en su actividad).

No tiene un exceso de información que no necesita y a su vez desmotiva.

Con el uso correcto y efectivo de:

• Responsivo
• Contenido Adaptable
• Funcionalidades Adaptables

Control del usuario que sabe dónde se encuentra y permite volver e ir donde él quiere de una manera simple, rápida y accesible. Desde las migas de pan, hasta un menú universal de todo el ecosistema de AIEP, hasta la arquitectura de información organizada de una manera consistente.

Con el uso correcto y efectivo de:

• Iconos de orientación
• Redacción UX
• Menú sticky
• Migas de pan
• Arquitectura de la Información
• Botones accionados