Skip to content

DISEÑO UX/UI - PROTOTIPO

Diseño UX|UI

Si deseas lograr aumentar tus ventas, la optimización de tus operaciones y el crecimiento en general de tu negocio, no es negociable dejar de implementar un diseño UX/UI eficiente. ¿Por qué? Porque su objetivo es brindarles la mejor experiencia a los diferentes usuarios de tu plataforma o página web

Creamos interfaces fáciles, intuitivas y amigables creamos experiencias digítales únicas

En CoDev te asesoramos para que puedas ofrecerla la mejor experiencia digital a tu cliente

¿Qué es UX?

Es la forma en la que los usuarios interactúan con un producto o servicio. Es decir, cómo y para qué un usuario utiliza un objeto o interactúa con una web o app.

¿Qué es UI?

User Interface se centra en la parte visual. Es decir, si UX se encarga de que un producto sea útil para los usuarios, UI lo hace atractivo y visual.

Tu prototipo

Tanto UX como UI son componentes críticos para establecer la navegabilidad y la experiencia para que el usuario disfrute del producto.

¿Cómo lo hacemos?

01. DOCUMENTO REQUERIMINTOS TÉCNICOS

Nos presentas tu idea y comenzamos a darle forma analizando todos los factores relacionados que van a definir el funcionamiento y rendimiento de tu Software. En el desarrollo de la estrategia evaluamos las distintas opciones a las que nos podemos adaptar. Nos implicamos en tu idea aportando nuestra experiencia en el ANÁLISIS DE NEGOCIOS y DESRROLLO DE SOFTWARE para conseguir el mejor producto final. La comunicación y coordinación es esencial para construir la arquitectura de la información de tu proyecto, valorando todas las necesidades que presenta.
wireframe-

02. Wireframe

¿Cuál es su objetivo? Comunicar la estructura de la solución de diseño que estamos pensando: ¿Dónde estarán los menús? ¿El logo? ¿Los Call To Action principales? ¿Qué jerarquía tendrán los distintos grupos de contenido?Se recomienda que sean en blanco y negro para que el análisis se centre en lo estructural y no en el contenido. Puede que su contenido de copy (texto) e imágenes aún no esté definidos, lo elemental es que se tenga una idea del espacio y jerarquía que ocuparían. Es importante que a la hora de analizar un Wireframe nos enfoquemos en estos aspectos y no en cuestiones secundarias como colores, tipo de contenido, diseño visual de la interfaz.

03. MOCKUPS

¿Cuál es su objetivo? Comunicar y representar, de manera estática, la estructura, el contenido, las funcionalidades básicas y las decisiones gráficas de una solución de diseño. El Mockup se construye una vez que hayamos acordado la estructura de nuestra solución de diseño. Sirve para comunicar las decisiones visuales: los estilos, los colores así como la vista final de la estructura y sus funcionalidades.

04. Prototipo

¿Cuál es su objetivo? Experimentar, testear y comunicar las interacciones de nuestro diseño.¿Cuándo usarlos? Usamos prototipos siempre que queramos validar el tipo de interacción que estamos planteando para una solución de diseño. Una vez que tienes el prototipo construido, lo ideal es salir a testear y probar esas interacciones con usuarios. Te sorprenderá encontrar que muchas cosas que pensaste no suceden como esperabas y probablemente tengas que iterar algunas de las interacciones.

DEMO

¿Qué sigue?

¡Hablemos de tu idea!