User

Interface

Es la parte visual de cada producto o servicio digital, donde se evalúan todos los puntos del diseño, se crean los diferentes patrones y reglas a seguir y se identifican las mejores propuestas visuales para que el usuario pueda usar el producto.

Aspectos fundamentales para el User Interface

Wireframe Baja

Es una maqueta dibujada, sin imágenes, información, colores, es un diseño más cercano a un bosquejo que evolucionará en la plataforma deseada, sirve como guía para comenzar a desarrollar ideas principales de un producto.

Wireframe Media

Es un diseño más potente para prototipar proyectos, permite una mayor visibilidad al diseño final, se puede colocar información real, imágenes, colores, íconos, ya con él se pueden tomar decisiones importantes.

Wireframe Alta

Es el diseño con más nivel de detalle y complejidad, tanto en contenido como en aspectos visuales, agregando los textos finales, iconos e imágenes, con él podemos recibir feedback del cliente final del producto.

Diseño Atómico

Es un estilo de trabajo o metodología de diseño que se basa en la creación de elementos sencillos y desacoplados para crear estructuras más complejas, en el orden Átomo > Molécula > Organismo > Template > Sistema.

First Mobile

Concepto de diseño optimizado para móviles, donde primero se diseña para smartphones, tablet y luego hacia las plataformas web, adaptando sus gráficos y estructuras para ser visualizados en grandes pantallas.

Mockup

Puede ser un fotomontaje o ilustración de alta calidad que se utiliza para la publicidad, presentaciones, marketing y campañas. Pueden ser representaciones de Smartphone, Website, Camisas o cualquier cosa que se necesite.

Grid

Herramienta que ayuda a crear interfaces responsivas utilizando columnas, espacios y márgenes que ayudan a distribuir el contenido en un espacio determinado, adaptando el contenido a diferentes pantallas.

Desing System

Herramienta 100% colaborativa que contiene componentes reutilizables guiados por un estándar, este nos permitirá organizar el universo de nuestro diseño, logrando desarrollar una UI unificada y óptima.

Resposividad

Es un esquema de desarrollo que se encarga de adaptar el tamaño de los dispositivos de web a móviles y viceversa, organizando su contenido, dimensiones y mostrando sus elementos de manera optimizada y ordenada.