26
Diseño y plataformas digitales Cómo el diseño simplificó lo digital Gabriela García M / @garcigaby Gabriela García M / @garcigaby UAI 2011. Master en Comunicación Estratégica Gonzalo Castillo L.

Procorp diseny-digital-g garcia

Embed Size (px)

DESCRIPTION

Diseño y Plataformas Digitales, cómo el diseño simplificó lo digital.

Citation preview

Page 1: Procorp diseny-digital-g garcia

Diseño y plataformas digitalesCómo el diseño simplificó lo digitalGabriela García M / @garcigabyGabriela García M / @garcigaby

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 2: Procorp diseny-digital-g garcia

HCI – Human ComputerInteractionHCI – Human ComputerInteractionInteractionInteraction

Davis Lees

Disciplina que estudia la i ióinteracción entre personas (usuarios) y computadores(sistemas digitales). 

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Davis Lees Nick Koudis

Page 3: Procorp diseny-digital-g garcia

Experiencia digital

Estándar saludable Útil

UsableAccesible

SeguroRobusto

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

michealofiachra

Robusto

Page 4: Procorp diseny-digital-g garcia

Usabilidad

ISO/IEC 9241:"eficacia eficiencia y satisfacción con la que un producto eficacia, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico"

htt // i /20524741

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

http://vimeo.com/20524741

Page 5: Procorp diseny-digital-g garcia

Usabilidad, cómo se mideLos consumidores están dispuestos a pagar más por las Los consumidores están dispuestos a pagar más por las marcas que les faciliten la vida, ofreciéndoles simpleza.•Entre el 5% y el 15% del Reino Unido

•Entre 7% y 17% en Estados Unidos

•Entre 11% al 34% en países asiáticos como China e India, u Oriente Medio

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Encuestas

Page 6: Procorp diseny-digital-g garcia

Usabilidad, cómo se mide

T i d l

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Testing en contexto de uso real

Page 7: Procorp diseny-digital-g garcia

Usabilidad, cómo se mide

Análisis experto

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Análisis experto

Page 8: Procorp diseny-digital-g garcia

Usabilidad, cómo se mide

Con usuarios

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Con usuarios

Page 9: Procorp diseny-digital-g garcia

Interfaz

Diseño de interacción

Diseño de información

Diseño emocional

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 10: Procorp diseny-digital-g garcia

Metodología

3Desarrollo, producción.Prototipado, iteración. 2Estrategia y definiciones conceptuales 1

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 11: Procorp diseny-digital-g garcia

Cómo, CodefiniendoCómo, Codefiniendo 1etapaetapa

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 12: Procorp diseny-digital-g garcia

Cómo, CodefiniendoCómo, Codefiniendo 1etapaetapa

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 13: Procorp diseny-digital-g garcia

Cómo, Desk researchCómo, Desk research 1etapaetapa

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 14: Procorp diseny-digital-g garcia

Cómo, Modelando 1etapaetapa

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 15: Procorp diseny-digital-g garcia

Cómo, trabajando contenidosCómo, trabajando contenidos 2etapaetapa

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 16: Procorp diseny-digital-g garcia

Cómo, trabajando contenidosCómo, trabajando contenidos 2etapaetapa

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 17: Procorp diseny-digital-g garcia

Cómo, trabajando contenidosCómo, trabajando contenidos 2etapaetapa

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 18: Procorp diseny-digital-g garcia

Cómo, definiendo la interfazCómo, definiendo la interfaz 2etapaetapa

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 19: Procorp diseny-digital-g garcia

Cómo, aplicando diseño gráficoCómo, aplicando diseño gráfico 3etapaetapa

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 20: Procorp diseny-digital-g garcia

Algunos principios

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 21: Procorp diseny-digital-g garcia

La revelación progresivaEstrátégia para controlar la información, que consiste en mostrar únicamenteg p , qla información necesaria o requerida en un momento dado.

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 22: Procorp diseny-digital-g garcia

La revelación progresiva

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 23: Procorp diseny-digital-g garcia

La navaja de Ockham

Ante la posibilidad de elegir entre Ante la posibilidad de elegir entre diseños equivalente desde el punto de vista funcional, conviene decantarsepor el más sencillo.

Violonchelo eléctricoYamahaInstrumento minimalista pesentaInstrumento minimalista, pesenta

sólo aquellas partes que entran en

contacto con el músico

El taburete M. Stacking Stool.Resistente, cómodo y apilable y construído de una sóla

pieza

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 24: Procorp diseny-digital-g garcia

La navaja de Ockham

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 25: Procorp diseny-digital-g garcia

Reconocimiento frente a recuerdoLa memoria para reconocer cosas esmejor que la memoria pararecordarlas.

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.

Page 26: Procorp diseny-digital-g garcia

Gabriela García MéndezDirectora Proyectos Experiencia Digital@[email protected] 879 7519

Procorp SADarío Urzúa 1841, ProvidenciaSantiago, Chile56-2 733 21 00

UAI 2011. Master en Comunicación EstratégicaGonzalo Castillo L.