Qué es un design workshop

412 views

Published on

¿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.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
412
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Qué es un design workshop

  1. 1. Metodología deDesign Workshop
  2. 2. Design WorkshopEnfocado a entender las necesidades y obtener losrequerimientos del cliente.Deben participar todos las áreasinvolucradas en el proyecto: Marketing Comunicación Desarrollo Ventas Operación Diseñamos Experiencias de Usuario
  3. 3. Metodología Diseño Visual Diseño de Interfaz Diseño de InformaciónExperiencia Diseño de Interacciónde Usuario Arq. de Información Esp. Funcionales Estrategia y Análisis Diseñamos Experiencias de Usuario
  4. 4. Metodología Diseño Visual Diseño de Interfaz Diseño de InformaciónExperiencia Diseño de Interacciónde Usuario Arq. de Información Esp. Funcionales Design Workshop Estrategia y Análisis Diseñamos Experiencias de Usuario
  5. 5. Alen Diseñamos Experiencias de Usuario
  6. 6. Alen Diseñamos Experiencias de Usuario
  7. 7. Integer Diseñamos Experiencias de Usuario
  8. 8. Metodología Diseño Visual Diseño de Interfaz Diseño de InformaciónExperiencia Diseño de Interacciónde Usuario Arq. de Información Esp. Funcionales Design Workshop Estrategia y Análisis Diseñamos Experiencias de Usuario
  9. 9. Metodología Diseño Visual Diseño de Interfaz Diseño de InformaciónExperiencia Diseño de Interacciónde Usuario Wireframes de baja y mediana Arq. de Información Esp. Funcionales Estrategia y Análisis Diseñamos Experiencias de Usuario
  10. 10. WIREFRAMES DEBAJA Y MEDIANAWireframe 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 decontenido, diseño y navegación.Herramientas: Photoshop, Fireworks, Imágenes JPG
  11. 11. Integer Diseñamos Experiencias de Usuario
  12. 12. CCA Diseñamos Experiencias de Usuario
  13. 13. Metodología Diseño Visual Diseño de Interfaz Diseño de InformaciónExperiencia Diseño de Interacciónde Usuario Wireframes de baja y mediana Arq. de Información Esp. Funcionales Estrategia y Análisis Diseñamos Experiencias de Usuario
  14. 14. Metodología Diseño Visual Diseño de Interfaz Wireframes de alta y CSS Diseño de InformaciónExperiencia Diseño de Interacciónde Usuario Arq. de Información Esp. Funcionales Estrategia y Análisis Diseñamos Experiencias de Usuario
  15. 15. WIREFRAMESDE ALTAWireframe 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. 16. CCA Diseñamos Experiencias de Usuario
  17. 17. Alen Diseñamos Experiencias de Usuario
  18. 18. Metodología Diseño Visual Diseño de Interfaz Wireframes de alta y CSS Diseño de InformaciónExperiencia Diseño de Interacciónde Usuario Arq. de Información Esp. Funcionales Estrategia y Análisis Diseñamos Experiencias de Usuario
  19. 19. Proceso total Diseñamos Experiencias de Usuario
  20. 20. SÍGUENOS EN@USARIAUXMONTERREY PUEBLA BOGOTÁmonterrey@usaria.mx puebla@usaria.mx bogota@usaria.coTel. +52 (81) 8851-8233 Tel. +52 (222) 237-3519 Tel. +57 (1) 756-0532

×