Qué es un design workshop

417 visualizaciones

Publicado el

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

Publicado en: Diseño
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
417
En SlideShare
0
De insertados
0
Número de insertados
5
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

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

×