¿Cómo definimos la estrategia de un producto digital? En es presentación mostramos como al hacer un design workshop logramos alinear las necesidades de los usuarios con los objetivos del cliente.

1. Metodología de
Design Workshop

2. Design Workshop
Enfocado a entender las necesidades y obtener los
requerimientos del cliente.Deben participar todos las áreas
involucradas en el proyecto:
Marketing Comunicación Desarrollo
Ventas Operación
Diseñamos Experiencias de Usuario

3. Metodología
Diseño Visual
Diseño de Interfaz
Diseño de Información
Experiencia Diseño de Interacción
de Usuario
Arq. de Información
Esp. Funcionales
Estrategia y Análisis
Diseñamos Experiencias de Usuario

4. Metodología
Diseño Visual
Diseño de Interfaz
Diseño de Información
Experiencia Diseño de Interacción
de Usuario
Arq. de Información
Esp. Funcionales
Design
Workshop
Estrategia y Análisis
Diseñamos Experiencias de Usuario

5. Alen
Diseñamos Experiencias de Usuario

6. Alen
Diseñamos Experiencias de Usuario

7. Integer
Diseñamos Experiencias de Usuario

8. Metodología
Diseño Visual
Diseño de Interfaz
Diseño de Información
Experiencia Diseño de Interacción
de Usuario
Arq. de Información
Esp. Funcionales
Design
Workshop
Estrategia y Análisis
Diseñamos Experiencias de Usuario

9. Metodología
Diseño Visual
Diseño de Interfaz
Diseño de Información
Experiencia Diseño de Interacción
de Usuario Wireframes de
baja y mediana
Arq. de Información
Esp. Funcionales
Estrategia y Análisis
Diseñamos Experiencias de Usuario

10. WIREFRAMES DE
BAJA Y MEDIANA
Wireframe de baja fidelidad: Centra la atención en el plano global, local,
contextual y elementos de navegación de la página.
Wireframe de mediana fidelidad: Muestra algunos aspectos de
contenido, diseño y navegación.
Herramientas: Photoshop, Fireworks, Imágenes JPG

11. Integer
Diseñamos Experiencias de Usuario

12. CCA
Diseñamos Experiencias de Usuario

13. Metodología
Diseño Visual
Diseño de Interfaz
Diseño de Información
Experiencia Diseño de Interacción
de Usuario Wireframes de
baja y mediana
Arq. de Información
Esp. Funcionales
Estrategia y Análisis
Diseñamos Experiencias de Usuario

14. Metodología
Diseño Visual
Diseño de Interfaz Wireframes de
alta y CSS
Diseño de Información
Experiencia Diseño de Interacción
de Usuario
Arq. de Información
Esp. Funcionales
Estrategia y Análisis
Diseñamos Experiencias de Usuario

15. WIREFRAMES
DE ALTA
Wireframe de alta fidelidad: Aproximación de la interface real,
mostrando información que contiene gráficos e imágenes.
Herramientas: Photoshop, Fireworks, Imágenes JPG

16. CCA
Diseñamos Experiencias de Usuario

17. Alen
Diseñamos Experiencias de Usuario

18. Metodología
Diseño Visual
Diseño de Interfaz Wireframes de
alta y CSS
Diseño de Información
Experiencia Diseño de Interacción
de Usuario
Arq. de Información
Esp. Funcionales
Estrategia y Análisis
Diseñamos Experiencias de Usuario

19. Proceso total
Diseñamos Experiencias de Usuario

20. SÍGUENOS EN
@USARIAUX
MONTERREY PUEBLA BOGOTÁ
monterrey@usaria.mx puebla@usaria.mx bogota@usaria.co
Tel. +52 (81) 8851-8233 Tel. +52 (222) 237-3519 Tel. +57 (1) 756-0532