SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
MAESTRÍA EN MEDIOS INTERACTIVOS
           Tercer Semestre
SKETCHING Y RAPID PROTOTYPING




            00
CONTENIDO


• El   papel del Diseñador de Interacción

• Sketching. Lápiz   y papel

• Rapid   Prototyping
No puedes no comunicar.
EL PAPEL DEL DISEÑADOR DE
                INTERACCIÓN
• Los Diseñadores de Interacción contribuyen en el
  desarrollo de productos útiles y usables.

• Definen en gran medida la Experiencia de Usuario (UX).

• Comprenden los verdaderos objetivos, tareas,
  experiencias, necesidades y deseos de los usuarios.

• A la vez, ayudan a conducir de mejor manera los objetivos
  de negocio, las posibilidades tecnológicas, recursos
  gráficos, etc.

• Proporciona soluciones adecuadas a problemas complejos.
EL PAPEL DEL DISEÑADOR DE
                INTERACCIÓN
• Los Diseñadores de Interacción requieren de un
  conjunto, generalmente amplio, de herramientas y
  métodos que les permitan definir:

  • Concepto de UI

  • UX

  • Diseño Visual

  • Recursos tecnológicos

  • Flujo de Interacción
EL PAPEL DEL DISEÑADOR DE
             INTERACCIÓN
• ¿Cómo deben ser estas herramientas?

  • Ágiles, dinámicas y confortables para el Diseñador

  • Adaptadas a las necesidades de comunicación en el
    equipo de desarrollo

  • Deben permitir retroalimentación

  • Deben comunicar las necesidades de diseño del
    producto
El factor limitante es la imaginación, no la tecnología.
  Siempre habrá una manera de expresar una idea
                  dentro de un medio.
SKETCHING. LÁPIZ Y PAPEL

• El sketching es una de las técnicas imprescindibles en IxD.

• Es el primer gran paso en la construcción de una exitosa UX.

• Representa una relación entre la intencionalidad, el producto
  y sus implicaciones.

• Aporta una sugerencia más que una respuesta.



  * Buxton, Bill, Sketching the User Experience
SKETCHING
Propiedades de un buen sketch:

• Necesita realizarse de manera ágil y dinámica.

• Lo suficientemente barato para ser desechable

• Debe permitir una fácil comparación y yuxtaposición entre las
  diferentes páginas y/o estados

• Fácil entender por todos

• Es burdo, siendo esto lo deseable
  * Buxton, Bill, Sketching the User Experience
SKETCHING
Lecturas:

• http://www.uxbooth.com/blog/complete-beginners-guide-to-
  interaction-design/

• http://www.inspireux.com/2010/06/28/50-sketching-
  resources-for-user-experience-designers/

• http://www.uxbooth.com/blog/tools-for-sketching-user-
  experiences/

• http://www.ixda.org/resources/tim-wood-lo-fi-sketchbook-
  techniques-interaction-designers

  * Resumen 250 a 300 palabras por cada lectura o video. Lista de enlaces de interés
RAPID PROTOTYPING

• Permite el uso de herramientas digitales y acelera el proceso
  de diseño de interacción.

• Permite crear prototipos de alta fidelidad en poco tiempo.

• Acelera el proceso creativo y permite un desarrollo de mayor
  eficacia.

• Gran cantidad de aplicaciones disponibles en el mercado

• Ejemplos:
  * Resumen 250 a 300 palabras por cada aplicación. Lista de otras aplicaciones
RAPID PROTOTYPING
RAPID PROTOTYPING
RAPID PROTOTYPING
RAPID PROTOTYPING
RAPID PROTOTYPING
SIGUIENTE SESIÓN:
 01 Introducción a Flash Catalyst

Mais conteúdo relacionado

Mais procurados

Estrategia de contenido: Una guía para diseñadores UX
Estrategia de contenido: Una guía para diseñadores UXEstrategia de contenido: Una guía para diseñadores UX
Estrategia de contenido: Una guía para diseñadores UXUX Nights
 
¿Diseñando para los usuarios o con los usuarios?
¿Diseñando para los usuarios o con los usuarios?¿Diseñando para los usuarios o con los usuarios?
¿Diseñando para los usuarios o con los usuarios?Flux IT
 
Equipos de UX en Startups
Equipos de UX en StartupsEquipos de UX en Startups
Equipos de UX en StartupsUX Nights
 
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & InterfacesTaller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & InterfacesJorge Barahona Ch.
 
Prototipando apps con Indigo Studio
Prototipando apps con Indigo StudioPrototipando apps con Indigo Studio
Prototipando apps con Indigo StudioSoftware Guru
 

Mais procurados (9)

Estrategia de contenido: Una guía para diseñadores UX
Estrategia de contenido: Una guía para diseñadores UXEstrategia de contenido: Una guía para diseñadores UX
Estrategia de contenido: Una guía para diseñadores UX
 
¿Diseñando para los usuarios o con los usuarios?
¿Diseñando para los usuarios o con los usuarios?¿Diseñando para los usuarios o con los usuarios?
¿Diseñando para los usuarios o con los usuarios?
 
Equipos de UX en Startups
Equipos de UX en StartupsEquipos de UX en Startups
Equipos de UX en Startups
 
Diseño participativo
Diseño participativoDiseño participativo
Diseño participativo
 
Diseñando para UX
Diseñando para UXDiseñando para UX
Diseñando para UX
 
UX para start ups
UX para start upsUX para start ups
UX para start ups
 
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & InterfacesTaller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
 
Prototipando apps con Indigo Studio
Prototipando apps con Indigo StudioPrototipando apps con Indigo Studio
Prototipando apps con Indigo Studio
 
Prototipando con Indigo Studio
Prototipando con Indigo StudioPrototipando con Indigo Studio
Prototipando con Indigo Studio
 

Destaque

Clase12 repeticion cubos
Clase12 repeticion cubosClase12 repeticion cubos
Clase12 repeticion cubosTania Muñoa
 
Clase4 perspectiva
Clase4 perspectivaClase4 perspectiva
Clase4 perspectivaTania Muñoa
 
Integrando analítica web en métodos de inspección de usabilidad
Integrando analítica web en métodos de inspección de usabilidadIntegrando analítica web en métodos de inspección de usabilidad
Integrando analítica web en métodos de inspección de usabilidadVíctor Manuel García Luna
 
Integración de Diseño Centrado en el Usuario y metodologías ágiles en el desa...
Integración de Diseño Centrado en el Usuario y metodologías ágiles en el desa...Integración de Diseño Centrado en el Usuario y metodologías ágiles en el desa...
Integración de Diseño Centrado en el Usuario y metodologías ágiles en el desa...Víctor Manuel García Luna
 
Guia para agregar URL al AVA
Guia para agregar URL al AVAGuia para agregar URL al AVA
Guia para agregar URL al AVAADI-UNEFM
 
Ver perfil de otros participantes
Ver perfil de otros participantesVer perfil de otros participantes
Ver perfil de otros participantesADI-UNEFM
 
Guia de ingreso a ava para estudiantes
Guia de ingreso a ava para estudiantesGuia de ingreso a ava para estudiantes
Guia de ingreso a ava para estudiantesADI-UNEFM
 
01 introducción Edición de audio y video con Final Cut
01 introducción Edición de audio y video con Final Cut01 introducción Edición de audio y video con Final Cut
01 introducción Edición de audio y video con Final CutVíctor Manuel García Luna
 
Fundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosFundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosRoger Crunch
 
Ver calificaciones
Ver calificacionesVer calificaciones
Ver calificacionesADI-UNEFM
 
Como participar en una consulta
Como participar en una consultaComo participar en una consulta
Como participar en una consultaADI-UNEFM
 
Análisis,diseño e implementación de una aplicación web para la creación de p...
Análisis,diseño e implementación de una aplicación web para  la creación de p...Análisis,diseño e implementación de una aplicación web para  la creación de p...
Análisis,diseño e implementación de una aplicación web para la creación de p...Mafer Solorzano
 

Destaque (20)

Clase12 repeticion cubos
Clase12 repeticion cubosClase12 repeticion cubos
Clase12 repeticion cubos
 
Clase4 perspectiva
Clase4 perspectivaClase4 perspectiva
Clase4 perspectiva
 
Integrando analítica web en métodos de inspección de usabilidad
Integrando analítica web en métodos de inspección de usabilidadIntegrando analítica web en métodos de inspección de usabilidad
Integrando analítica web en métodos de inspección de usabilidad
 
00 presentacion del curso
00 presentacion del curso00 presentacion del curso
00 presentacion del curso
 
Integración de Diseño Centrado en el Usuario y metodologías ágiles en el desa...
Integración de Diseño Centrado en el Usuario y metodologías ágiles en el desa...Integración de Diseño Centrado en el Usuario y metodologías ágiles en el desa...
Integración de Diseño Centrado en el Usuario y metodologías ágiles en el desa...
 
Integración de Lean UX en Scrum
Integración de Lean UX en ScrumIntegración de Lean UX en Scrum
Integración de Lean UX en Scrum
 
01 Introducción a AS3
01 Introducción a AS301 Introducción a AS3
01 Introducción a AS3
 
Guia para agregar URL al AVA
Guia para agregar URL al AVAGuia para agregar URL al AVA
Guia para agregar URL al AVA
 
Ver perfil de otros participantes
Ver perfil de otros participantesVer perfil de otros participantes
Ver perfil de otros participantes
 
Guia de ingreso a ava para estudiantes
Guia de ingreso a ava para estudiantesGuia de ingreso a ava para estudiantes
Guia de ingreso a ava para estudiantes
 
01 introducción Edición de audio y video con Final Cut
01 introducción Edición de audio y video con Final Cut01 introducción Edición de audio y video con Final Cut
01 introducción Edición de audio y video con Final Cut
 
Pruebas de Usabilidad en Web
Pruebas de Usabilidad en WebPruebas de Usabilidad en Web
Pruebas de Usabilidad en Web
 
Fundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosFundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivos
 
Ver calificaciones
Ver calificacionesVer calificaciones
Ver calificaciones
 
0.2.1. Curso de Nivelación: Lenguajes de los Medios de Comunicación - U04
0.2.1. Curso de Nivelación: Lenguajes de los Medios de Comunicación - U040.2.1. Curso de Nivelación: Lenguajes de los Medios de Comunicación - U04
0.2.1. Curso de Nivelación: Lenguajes de los Medios de Comunicación - U04
 
Como participar en una consulta
Como participar en una consultaComo participar en una consulta
Como participar en una consulta
 
1.2.1. Comunicación Digital I - U4-2
1.2.1. Comunicación Digital I - U4-21.2.1. Comunicación Digital I - U4-2
1.2.1. Comunicación Digital I - U4-2
 
1.1.1. Narrativas Transmedia - U02
1.1.1. Narrativas Transmedia - U021.1.1. Narrativas Transmedia - U02
1.1.1. Narrativas Transmedia - U02
 
0.2.1. Curso de Nivelación: Lenguajes de los Medios de Comunicación - U03
0.2.1. Curso de Nivelación: Lenguajes de los Medios de Comunicación - U030.2.1. Curso de Nivelación: Lenguajes de los Medios de Comunicación - U03
0.2.1. Curso de Nivelación: Lenguajes de los Medios de Comunicación - U03
 
Análisis,diseño e implementación de una aplicación web para la creación de p...
Análisis,diseño e implementación de una aplicación web para  la creación de p...Análisis,diseño e implementación de una aplicación web para  la creación de p...
Análisis,diseño e implementación de una aplicación web para la creación de p...
 

Semelhante a Sketching y prototipos rápidos para diseño de interacción

Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoIxDA Mendoza
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 MinutosSol Mesz
 
Sesion02_DW.pdf
Sesion02_DW.pdfSesion02_DW.pdf
Sesion02_DW.pdfUSAT
 
Sesion02_DW.pdf
Sesion02_DW.pdfSesion02_DW.pdf
Sesion02_DW.pdfUSAT
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfSharonSmis
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfSharonSmis
 
Estructura proyecto tecnologico
Estructura proyecto tecnologicoEstructura proyecto tecnologico
Estructura proyecto tecnologicoHirlanny Mosquera
 
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...IxDA La Plata
 
Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...
Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...
Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...Santiago Bustelo
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutosSol Mesz
 
Ux teoría historia-métodos
Ux teoría historia-métodosUx teoría historia-métodos
Ux teoría historia-métodosRodrigo Ronda
 
producción de Multimedia y los Diseño Grupo 2.pptx
producción de Multimedia y los Diseño Grupo 2.pptxproducción de Multimedia y los Diseño Grupo 2.pptx
producción de Multimedia y los Diseño Grupo 2.pptxMauricio Lopez Garcia
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabambagdgsantacruz
 
Ux formato tec bbva v 3.1
Ux formato tec bbva v 3.1Ux formato tec bbva v 3.1
Ux formato tec bbva v 3.1Moises Cielak
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 

Semelhante a Sketching y prototipos rápidos para diseño de interacción (20)

Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyecto
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
User Experience, UX & UI
User Experience, UX & UIUser Experience, UX & UI
User Experience, UX & UI
 
Sesion02_DW.pdf
Sesion02_DW.pdfSesion02_DW.pdf
Sesion02_DW.pdf
 
Sesion02_DW.pdf
Sesion02_DW.pdfSesion02_DW.pdf
Sesion02_DW.pdf
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdf
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
 
Estructura proyecto tecnologico
Estructura proyecto tecnologicoEstructura proyecto tecnologico
Estructura proyecto tecnologico
 
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
 
Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...
Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...
Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...
 
Gui
GuiGui
Gui
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutos
 
Gui
GuiGui
Gui
 
Gui
GuiGui
Gui
 
Ux teoría historia-métodos
Ux teoría historia-métodosUx teoría historia-métodos
Ux teoría historia-métodos
 
producción de Multimedia y los Diseño Grupo 2.pptx
producción de Multimedia y los Diseño Grupo 2.pptxproducción de Multimedia y los Diseño Grupo 2.pptx
producción de Multimedia y los Diseño Grupo 2.pptx
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
 
Ux formato tec bbva v 3.1
Ux formato tec bbva v 3.1Ux formato tec bbva v 3.1
Ux formato tec bbva v 3.1
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 

Mais de Víctor Manuel García Luna

Design Thinking en la transformación digital de una organización de gran escala
Design Thinking en la transformación digital de una organización de gran escalaDesign Thinking en la transformación digital de una organización de gran escala
Design Thinking en la transformación digital de una organización de gran escalaVíctor Manuel García Luna
 
Midiendo la estrategia de producto en las organizaciones
Midiendo la estrategia de producto en las organizacionesMidiendo la estrategia de producto en las organizaciones
Midiendo la estrategia de producto en las organizacionesVíctor Manuel García Luna
 
Diseño estratégico para la gestión de un portfolio de proyectos
Diseño estratégico para la gestión de un portfolio de proyectosDiseño estratégico para la gestión de un portfolio de proyectos
Diseño estratégico para la gestión de un portfolio de proyectosVíctor Manuel García Luna
 
Una guía práctica para crear empatía a través de Design Thinking
Una guía práctica para crear empatía a través de Design ThinkingUna guía práctica para crear empatía a través de Design Thinking
Una guía práctica para crear empatía a través de Design ThinkingVíctor Manuel García Luna
 
Métodos de Integración Lean, Agile & Design Thinking
Métodos de Integración Lean, Agile & Design ThinkingMétodos de Integración Lean, Agile & Design Thinking
Métodos de Integración Lean, Agile & Design ThinkingVíctor Manuel García Luna
 
Taller de introducción a Lean Startup - Agile Open Acapulco
Taller de introducción a Lean Startup - Agile Open AcapulcoTaller de introducción a Lean Startup - Agile Open Acapulco
Taller de introducción a Lean Startup - Agile Open AcapulcoVíctor Manuel García Luna
 
Taller de Introducción a Design Thinking - Agile Open Acapulco
Taller de Introducción a Design Thinking - Agile Open AcapulcoTaller de Introducción a Design Thinking - Agile Open Acapulco
Taller de Introducción a Design Thinking - Agile Open AcapulcoVíctor Manuel García Luna
 
Taller de generación de modelos de negocio con Business Model Canvas
Taller de generación de modelos de negocio con Business Model CanvasTaller de generación de modelos de negocio con Business Model Canvas
Taller de generación de modelos de negocio con Business Model CanvasVíctor Manuel García Luna
 
Integración de UX en Scrum: Lecciones para compartir
Integración de UX en Scrum: Lecciones para compartirIntegración de UX en Scrum: Lecciones para compartir
Integración de UX en Scrum: Lecciones para compartirVíctor Manuel García Luna
 
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean StartupLean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean StartupVíctor Manuel García Luna
 
Unidad a través del cambio social: 4 pequeñas historias
Unidad a través del cambio social: 4 pequeñas historiasUnidad a través del cambio social: 4 pequeñas historias
Unidad a través del cambio social: 4 pequeñas historiasVíctor Manuel García Luna
 

Mais de Víctor Manuel García Luna (20)

Design Thinking en la transformación digital de una organización de gran escala
Design Thinking en la transformación digital de una organización de gran escalaDesign Thinking en la transformación digital de una organización de gran escala
Design Thinking en la transformación digital de una organización de gran escala
 
Outcomes over outputs
Outcomes over outputsOutcomes over outputs
Outcomes over outputs
 
Midiendo la estrategia de producto en las organizaciones
Midiendo la estrategia de producto en las organizacionesMidiendo la estrategia de producto en las organizaciones
Midiendo la estrategia de producto en las organizaciones
 
Diseño estratégico para la gestión de un portfolio de proyectos
Diseño estratégico para la gestión de un portfolio de proyectosDiseño estratégico para la gestión de un portfolio de proyectos
Diseño estratégico para la gestión de un portfolio de proyectos
 
Una guía práctica para crear empatía a través de Design Thinking
Una guía práctica para crear empatía a través de Design ThinkingUna guía práctica para crear empatía a través de Design Thinking
Una guía práctica para crear empatía a través de Design Thinking
 
Dual-Track Agile
Dual-Track AgileDual-Track Agile
Dual-Track Agile
 
Transformación a través del Diseño
Transformación a través del DiseñoTransformación a través del Diseño
Transformación a través del Diseño
 
Métodos de Integración Lean, Agile & Design Thinking
Métodos de Integración Lean, Agile & Design ThinkingMétodos de Integración Lean, Agile & Design Thinking
Métodos de Integración Lean, Agile & Design Thinking
 
Team Canvas Meeting - Lite Version
Team Canvas Meeting - Lite VersionTeam Canvas Meeting - Lite Version
Team Canvas Meeting - Lite Version
 
10 técnicas de divergencia y convergencia
10 técnicas de divergencia y convergencia10 técnicas de divergencia y convergencia
10 técnicas de divergencia y convergencia
 
Taller de introducción a Lean Startup - Agile Open Acapulco
Taller de introducción a Lean Startup - Agile Open AcapulcoTaller de introducción a Lean Startup - Agile Open Acapulco
Taller de introducción a Lean Startup - Agile Open Acapulco
 
Taller de Introducción a Design Thinking - Agile Open Acapulco
Taller de Introducción a Design Thinking - Agile Open AcapulcoTaller de Introducción a Design Thinking - Agile Open Acapulco
Taller de Introducción a Design Thinking - Agile Open Acapulco
 
Taller de generación de modelos de negocio con Business Model Canvas
Taller de generación de modelos de negocio con Business Model CanvasTaller de generación de modelos de negocio con Business Model Canvas
Taller de generación de modelos de negocio con Business Model Canvas
 
Integración de UX en Scrum: Lecciones para compartir
Integración de UX en Scrum: Lecciones para compartirIntegración de UX en Scrum: Lecciones para compartir
Integración de UX en Scrum: Lecciones para compartir
 
Design Thinking Fundamentals
Design Thinking FundamentalsDesign Thinking Fundamentals
Design Thinking Fundamentals
 
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean StartupLean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
 
Producto Mínimo Viable
Producto Mínimo ViableProducto Mínimo Viable
Producto Mínimo Viable
 
Team canvas workshop
Team canvas workshopTeam canvas workshop
Team canvas workshop
 
Unidad a través del cambio social: 4 pequeñas historias
Unidad a través del cambio social: 4 pequeñas historiasUnidad a través del cambio social: 4 pequeñas historias
Unidad a través del cambio social: 4 pequeñas historias
 
Taller Agile Inception Deck
Taller Agile Inception DeckTaller Agile Inception Deck
Taller Agile Inception Deck
 

Último

Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 

Último (20)

Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 

Sketching y prototipos rápidos para diseño de interacción

  • 1. MAESTRÍA EN MEDIOS INTERACTIVOS Tercer Semestre
  • 2. SKETCHING Y RAPID PROTOTYPING 00
  • 3. CONTENIDO • El papel del Diseñador de Interacción • Sketching. Lápiz y papel • Rapid Prototyping
  • 4. No puedes no comunicar.
  • 5. EL PAPEL DEL DISEÑADOR DE INTERACCIÓN • Los Diseñadores de Interacción contribuyen en el desarrollo de productos útiles y usables. • Definen en gran medida la Experiencia de Usuario (UX). • Comprenden los verdaderos objetivos, tareas, experiencias, necesidades y deseos de los usuarios. • A la vez, ayudan a conducir de mejor manera los objetivos de negocio, las posibilidades tecnológicas, recursos gráficos, etc. • Proporciona soluciones adecuadas a problemas complejos.
  • 6. EL PAPEL DEL DISEÑADOR DE INTERACCIÓN • Los Diseñadores de Interacción requieren de un conjunto, generalmente amplio, de herramientas y métodos que les permitan definir: • Concepto de UI • UX • Diseño Visual • Recursos tecnológicos • Flujo de Interacción
  • 7. EL PAPEL DEL DISEÑADOR DE INTERACCIÓN • ¿Cómo deben ser estas herramientas? • Ágiles, dinámicas y confortables para el Diseñador • Adaptadas a las necesidades de comunicación en el equipo de desarrollo • Deben permitir retroalimentación • Deben comunicar las necesidades de diseño del producto
  • 8. El factor limitante es la imaginación, no la tecnología. Siempre habrá una manera de expresar una idea dentro de un medio.
  • 9. SKETCHING. LÁPIZ Y PAPEL • El sketching es una de las técnicas imprescindibles en IxD. • Es el primer gran paso en la construcción de una exitosa UX. • Representa una relación entre la intencionalidad, el producto y sus implicaciones. • Aporta una sugerencia más que una respuesta. * Buxton, Bill, Sketching the User Experience
  • 10. SKETCHING Propiedades de un buen sketch: • Necesita realizarse de manera ágil y dinámica. • Lo suficientemente barato para ser desechable • Debe permitir una fácil comparación y yuxtaposición entre las diferentes páginas y/o estados • Fácil entender por todos • Es burdo, siendo esto lo deseable * Buxton, Bill, Sketching the User Experience
  • 11. SKETCHING Lecturas: • http://www.uxbooth.com/blog/complete-beginners-guide-to- interaction-design/ • http://www.inspireux.com/2010/06/28/50-sketching- resources-for-user-experience-designers/ • http://www.uxbooth.com/blog/tools-for-sketching-user- experiences/ • http://www.ixda.org/resources/tim-wood-lo-fi-sketchbook- techniques-interaction-designers * Resumen 250 a 300 palabras por cada lectura o video. Lista de enlaces de interés
  • 12. RAPID PROTOTYPING • Permite el uso de herramientas digitales y acelera el proceso de diseño de interacción. • Permite crear prototipos de alta fidelidad en poco tiempo. • Acelera el proceso creativo y permite un desarrollo de mayor eficacia. • Gran cantidad de aplicaciones disponibles en el mercado • Ejemplos: * Resumen 250 a 300 palabras por cada aplicación. Lista de otras aplicaciones
  • 18. SIGUIENTE SESIÓN: 01 Introducción a Flash Catalyst