SlideShare una empresa de Scribd logo
1 de 24
Descargar para leer sin conexión
¿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
¿Cómo hacer felices a tus usuarios?
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
¿Cómo hacer felices a tus usuarios?
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
¿Cómo hacer felices a tus usuarios?
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

Más contenido relacionado

Similar 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
 

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

Más 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
 

Más 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

De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETGermán Küber
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosLCristinaForchue
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfOBr.global
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfJoseAlejandroPerezBa
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx Emialexsolar
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfodalistar77
 
Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025Festibity
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxPaolaCarolinaCarvaja
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...RaymondCode
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfymiranda2
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfalejandrogomezescoto
 

Último (14)

De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx E
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdf
 
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier FolchBEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
 
Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docx
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
 
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura SilvaBEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
 

¿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
  • 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
  • 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
  • 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 del 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