SlideShare una empresa de Scribd logo
1 de 24
¿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

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

dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 

Último (20)

dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 

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