SlideShare uma empresa Scribd logo
¿Cómo hago
 feliz a mi
César Salazar, General Partner @ Mexican.VC
Algunas ideas
           sobre Diseño
                (con D mayúscula)




@cesarsalazar                       http://cesarsalazar.mx
Diseño != Gráficos



@cesarsalazar    http://cesarsalazar.mx
El Diseño consiste en
         entender un
 comportamiento y construir
 mecanismos para moldearlo.


@cesarsalazar     http://cesarsalazar.mx
No necesitas
   estudiar diseño para
      ser Diseñador
        (pero necesitas aprender a pensar como uno)



@cesarsalazar                           http://cesarsalazar.mx
Todo gran producto tiene un
     gran diseño y una gran
   tecnología de soporte que
  hace que el diseño funcione.


@cesarsalazar        http://cesarsalazar.mx
Algunas ideas
       sobre Interacción
                (con I mayúscula)




@cesarsalazar                       http://cesarsalazar.mx
Interacción

           Inter - acción

@cesarsalazar            http://cesarsalazar.mx
Interactivo != Animado
  Interactivo !=
  Reluciente !=
  Interactivo
  Complejo
@cesarsalazar      http://cesarsalazar.mx
El Diseño Interactivo consiste
    en habilitar a los usuarios
  para que consigan un objetivo
  con la menor fricción posible.


@cesarsalazar         http://cesarsalazar.mx
Ordena tus
                prioridades


@cesarsalazar            http://cesarsalazar.mx
Seguridad,
  desempeño, belleza,
  etc. son secundarios.
         (Que el usuario cumpla con su objetivo es lo
                       más importante)


@cesarsalazar                             http://cesarsalazar.mx
Empieza con algo
     simple y luego
  simplifícalo aún más.

@cesarsalazar   http://cesarsalazar.mx
Si vas a agregar
    “algo”, haz que ese
      “algo” sea sutil.

@cesarsalazar    http://cesarsalazar.mx
Una proceso simple


@cesarsalazar   http://cesarsalazar.mx
1. Diseña en código


@cesarsalazar   http://cesarsalazar.mx
2. Siempre sigue una
        estructura


@cesarsalazar   http://cesarsalazar.mx
3. Propón jerarquías
          claras


@cesarsalazar   http://cesarsalazar.mx
4. Añade sutilezas
        para reforzar
         metáforas

@cesarsalazar    http://cesarsalazar.mx
5. No olvides que
      estás diseñando
       partes móviles

@cesarsalazar     http://cesarsalazar.mx
Preguntas
    @cesarsalazar
http://cesarsalazar.mx

Mais conteúdo relacionado

Semelhante a ¿Cómo hacer felices a tus usuarios?

Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5Cycle-IT
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5Cycle-IT
 
Desarrollo Web: HTML + Bootstrap
Desarrollo Web: HTML + BootstrapDesarrollo Web: HTML + Bootstrap
Desarrollo Web: HTML + BootstrapWorkshop Digital
 
Dispara el motor de la visión en tus proyectos con Innovación
Dispara el motor de la visión en tus proyectos con InnovaciónDispara el motor de la visión en tus proyectos con Innovación
Dispara el motor de la visión en tus proyectos con InnovaciónSoftware Guru
 
Axure para padawans - Curso introductorio Axure
Axure para padawans - Curso introductorio AxureAxure para padawans - Curso introductorio Axure
Axure para padawans - Curso introductorio AxureXavi Cardet
 
Facilitemos el trabajo a los usuarios olvidados: backend usable y manual de i...
Facilitemos el trabajo a los usuarios olvidados: backend usable y manual de i...Facilitemos el trabajo a los usuarios olvidados: backend usable y manual de i...
Facilitemos el trabajo a los usuarios olvidados: backend usable y manual de i...Núria Ramoneda Aiguadé
 
Diseño Web Responsivo
Diseño Web ResponsivoDiseño Web Responsivo
Diseño Web ResponsivoAureaCode
 
Meetup UX UI
Meetup UX UIMeetup UX UI
Meetup UX UI_Lagash
 
Diseño de interacción, Prototipado y Testing
Diseño de interacción, Prototipado y TestingDiseño de interacción, Prototipado y Testing
Diseño de interacción, Prototipado y TestingJuan Paulo Madriaza
 
CSS - Drupal Camp Costa Rica 2016
CSS - Drupal Camp Costa Rica 2016CSS - Drupal Camp Costa Rica 2016
CSS - Drupal Camp Costa Rica 2016Jose Leiva
 
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilEdición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilMarta Armada
 
7 Recomendaciones para migrar tus aplicaciones a Jakarta EE utilizando Apache...
7 Recomendaciones para migrar tus aplicaciones a Jakarta EE utilizando Apache...7 Recomendaciones para migrar tus aplicaciones a Jakarta EE utilizando Apache...
7 Recomendaciones para migrar tus aplicaciones a Jakarta EE utilizando Apache...César Hernández
 

Semelhante a ¿Cómo hacer felices a tus usuarios? (20)

Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
 
Desarrollo Web: HTML + Bootstrap
Desarrollo Web: HTML + BootstrapDesarrollo Web: HTML + Bootstrap
Desarrollo Web: HTML + Bootstrap
 
Dispara el motor de la visión en tus proyectos con Innovación
Dispara el motor de la visión en tus proyectos con InnovaciónDispara el motor de la visión en tus proyectos con Innovación
Dispara el motor de la visión en tus proyectos con Innovación
 
Axure para padawans - Curso introductorio Axure
Axure para padawans - Curso introductorio AxureAxure para padawans - Curso introductorio Axure
Axure para padawans - Curso introductorio Axure
 
Facilitemos el trabajo a los usuarios olvidados: backend usable y manual de i...
Facilitemos el trabajo a los usuarios olvidados: backend usable y manual de i...Facilitemos el trabajo a los usuarios olvidados: backend usable y manual de i...
Facilitemos el trabajo a los usuarios olvidados: backend usable y manual de i...
 
03_TAILWIND_FIGMA.pptx
03_TAILWIND_FIGMA.pptx03_TAILWIND_FIGMA.pptx
03_TAILWIND_FIGMA.pptx
 
Manual Typo3
Manual  Typo3Manual  Typo3
Manual Typo3
 
Semántica en HTML5
Semántica en HTML5Semántica en HTML5
Semántica en HTML5
 
Diseño Web Responsivo
Diseño Web ResponsivoDiseño Web Responsivo
Diseño Web Responsivo
 
Meetup UX UI
Meetup UX UIMeetup UX UI
Meetup UX UI
 
Hackeando el #psd2Hackathon
Hackeando el #psd2HackathonHackeando el #psd2Hackathon
Hackeando el #psd2Hackathon
 
Net latino
Net latinoNet latino
Net latino
 
Diseño de interacción, Prototipado y Testing
Diseño de interacción, Prototipado y TestingDiseño de interacción, Prototipado y Testing
Diseño de interacción, Prototipado y Testing
 
Bootstrap, un framework CSS
Bootstrap, un framework CSSBootstrap, un framework CSS
Bootstrap, un framework CSS
 
CSS - Drupal Camp Costa Rica 2016
CSS - Drupal Camp Costa Rica 2016CSS - Drupal Camp Costa Rica 2016
CSS - Drupal Camp Costa Rica 2016
 
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilEdición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
 
Gestion de proyecto
Gestion de proyectoGestion de proyecto
Gestion de proyecto
 
7 Recomendaciones para migrar tus aplicaciones a Jakarta EE utilizando Apache...
7 Recomendaciones para migrar tus aplicaciones a Jakarta EE utilizando Apache...7 Recomendaciones para migrar tus aplicaciones a Jakarta EE utilizando Apache...
7 Recomendaciones para migrar tus aplicaciones a Jakarta EE utilizando Apache...
 
Herramientas para Enfrentas Nuevos Retos.
Herramientas para Enfrentas Nuevos Retos.Herramientas para Enfrentas Nuevos Retos.
Herramientas para Enfrentas Nuevos Retos.
 

Mais de César Salazar

La web social y el desarrollo emprendedor
La web social y el desarrollo emprendedorLa web social y el desarrollo emprendedor
La web social y el desarrollo emprendedorCésar Salazar
 
Fundación para las Iniciativas Abiertas A.C.
Fundación para las Iniciativas Abiertas A.C.Fundación para las Iniciativas Abiertas A.C.
Fundación para las Iniciativas Abiertas A.C.César Salazar
 
SHDH - Jumpstarting Innovation Through Happy Hacking
SHDH - Jumpstarting Innovation Through Happy HackingSHDH - Jumpstarting Innovation Through Happy Hacking
SHDH - Jumpstarting Innovation Through Happy HackingCésar Salazar
 
Prendiendo la llama del desarrollo tecnológico
Prendiendo la llama del desarrollo tecnológicoPrendiendo la llama del desarrollo tecnológico
Prendiendo la llama del desarrollo tecnológicoCésar Salazar
 
Business Model Innovation
Business Model InnovationBusiness Model Innovation
Business Model InnovationCésar Salazar
 

Mais de César Salazar (6)

Hackspedition
HackspeditionHackspedition
Hackspedition
 
La web social y el desarrollo emprendedor
La web social y el desarrollo emprendedorLa web social y el desarrollo emprendedor
La web social y el desarrollo emprendedor
 
Fundación para las Iniciativas Abiertas A.C.
Fundación para las Iniciativas Abiertas A.C.Fundación para las Iniciativas Abiertas A.C.
Fundación para las Iniciativas Abiertas A.C.
 
SHDH - Jumpstarting Innovation Through Happy Hacking
SHDH - Jumpstarting Innovation Through Happy HackingSHDH - Jumpstarting Innovation Through Happy Hacking
SHDH - Jumpstarting Innovation Through Happy Hacking
 
Prendiendo la llama del desarrollo tecnológico
Prendiendo la llama del desarrollo tecnológicoPrendiendo la llama del desarrollo tecnológico
Prendiendo la llama del desarrollo tecnológico
 
Business Model Innovation
Business Model InnovationBusiness Model Innovation
Business Model Innovation
 

Último

Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxJohanna4222
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docxssusere34b451
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxTaim11
 
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docxwerito139410
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerRobertoCarrancioFern
 
Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.sofiasonder
 
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...Kevin Serna
 
taller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundariataller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundariaandresingsiseo
 
lenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometrialenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometriasofiasonder
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALGuadalinfoHuscarGuad
 
Unidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfUnidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfMarianneBAyn
 
manual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfmanual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfprofmartinsuarez
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Luis Fernando Uribe Villamil
 
Licencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareLicencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareAndres Avila
 
herramientas informaticas mas utilizadas
herramientas informaticas mas utilizadasherramientas informaticas mas utilizadas
herramientas informaticas mas utilizadaspqeilyn0827
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .itzyrivera61103
 
Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.saravalentinat22
 
Bloque 1 _ Lectura base - Sistemas Distribuidos
Bloque 1 _ Lectura base - Sistemas DistribuidosBloque 1 _ Lectura base - Sistemas Distribuidos
Bloque 1 _ Lectura base - Sistemas DistribuidosLuisAntonioLopezGome
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesssuserbe0d1c
 
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docxPRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docxencinasm992
 

Último (20)

Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptx
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docx
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptx
 
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL Server
 
Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.
 
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
 
taller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundariataller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundaria
 
lenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometrialenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometria
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
 
Unidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfUnidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdf
 
manual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfmanual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdf
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
 
Licencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareLicencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de Software
 
herramientas informaticas mas utilizadas
herramientas informaticas mas utilizadasherramientas informaticas mas utilizadas
herramientas informaticas mas utilizadas
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .
 
Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.
 
Bloque 1 _ Lectura base - Sistemas Distribuidos
Bloque 1 _ Lectura base - Sistemas DistribuidosBloque 1 _ Lectura base - Sistemas Distribuidos
Bloque 1 _ Lectura base - Sistemas Distribuidos
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptuales
 
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docxPRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
 

¿Cómo hacer felices a tus usuarios?

  • 1. ¿Cómo hago feliz a mi César Salazar, General Partner @ Mexican.VC
  • 2. Algunas ideas sobre Diseño (con D mayúscula) @cesarsalazar http://cesarsalazar.mx
  • 3. Diseño != Gráficos @cesarsalazar http://cesarsalazar.mx
  • 4.
  • 5. El Diseño consiste en entender un comportamiento y construir mecanismos para moldearlo. @cesarsalazar http://cesarsalazar.mx
  • 6. No necesitas estudiar diseño para ser Diseñador (pero necesitas aprender a pensar como uno) @cesarsalazar http://cesarsalazar.mx
  • 7. Todo gran producto tiene un gran diseño y una gran tecnología de soporte que hace que el diseño funcione. @cesarsalazar http://cesarsalazar.mx
  • 8. Algunas ideas sobre Interacción (con I mayúscula) @cesarsalazar http://cesarsalazar.mx
  • 9. Interacción Inter - acción @cesarsalazar http://cesarsalazar.mx
  • 10.
  • 11. Interactivo != Animado Interactivo != Reluciente != Interactivo Complejo @cesarsalazar http://cesarsalazar.mx
  • 12. El Diseño Interactivo consiste en habilitar a los usuarios para que consigan un objetivo con la menor fricción posible. @cesarsalazar http://cesarsalazar.mx
  • 13. Ordena tus prioridades @cesarsalazar http://cesarsalazar.mx
  • 14. Seguridad, desempeño, belleza, etc. son secundarios. (Que el usuario cumpla con su objetivo es lo más importante) @cesarsalazar http://cesarsalazar.mx
  • 15.
  • 16. Empieza con algo simple y luego simplifícalo aún más. @cesarsalazar http://cesarsalazar.mx
  • 17. Si vas a agregar “algo”, haz que ese “algo” sea sutil. @cesarsalazar http://cesarsalazar.mx
  • 18. Una proceso simple @cesarsalazar http://cesarsalazar.mx
  • 19. 1. Diseña en código @cesarsalazar http://cesarsalazar.mx
  • 20. 2. Siempre sigue una estructura @cesarsalazar http://cesarsalazar.mx
  • 21. 3. Propón jerarquías claras @cesarsalazar http://cesarsalazar.mx
  • 22. 4. Añade sutilezas para reforzar metáforas @cesarsalazar http://cesarsalazar.mx
  • 23. 5. No olvides que estás diseñando partes móviles @cesarsalazar http://cesarsalazar.mx
  • 24. Preguntas @cesarsalazar http://cesarsalazar.mx

Notas do Editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n