SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Ähnlich wie ¿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
 

Ähnlich wie ¿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.
 

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 

Kürzlich hochgeladen (11)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................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
  • 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

Hinweis der Redaktion

  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