SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
5 Principios de usabilidad para hacer
         tu sitio web exitoso

      Mauricio Jácome
      Centro de Estudios de Usabilidad A.C.
      www.ceus.org.mx

      Alejandro López Rumayor
      Web Comunicaciones S.C.
      www.webcom.com.mx
Hoy abordaremos...


      • ¿Qué es la usabilidad?
      • ¿Por qué debe ser usable mi sitio web?
      • 5 Principios básicos
      • Preguntas
¿Qué es usabilidad?


  Es la cualidad que tiene un producto o
  servicio para ser usado con facilidad
y ¿la experiencia del usuario?
   Es la valoración que se tiene de un producto o
   servicio como resultado de la interacción con éste en
   un contexto de uso determinado.

   Con base en:
                  –   Ideas y expectativas
                  –   Sensaciones
                  –   Sentimientos
                  –   Emociones
                  –   Satisfacción
Usabilidad y experiencia del usuario

                                     Arquitectura
  Usabilidad
                                    de Información


                  Experiencia
                  de Usuario
                                          Diseño de
    Findability
                                         interacción



                    Accesibilidad
La facilidad para acceder y usarse



Usabilidad




                Accesibilidad
La posibilidad de ser encontrado…
                               Arquitectura
 Usabilidad                   de Información




 Findability
Una experiencia de uso satisfactoria

 Usabilidad




    Diseño de
   interacción
Principios
1.   Fácil de usar
2.   Fácil de aprender
3.   Fácil de recordar
4.   Aminorar el error
5.   Satisfacción del usuario
Principio 1: Fácil de usar

 Significa que las personas que usan
   el sitio web lo hagan de forma
rápida y efectiva para lograr su tarea
para lograrlo…

 El contenido (navegación, ligas,
 instrucciones, etc) debe ser obvio,
 evidente, claro y fácil de entender
Principio 2

     Fácil de Aprender
      El mínimo tiempo para
         el uso productivo
Dato duro
  En promedio, quiénes usan por
 primera vez un sitio web fallan la
     tercera parte de las veces
Principio 2




   www.ado.com.mx
Principio 3

    Fácil de recordar
    La certidumbre de saber
         dónde estamos
Principio 3
Principio 4
Menos errores y menos severos

  ¿cómo sortear la frustación
      de los usuarios?
Principio 4

Cuidar el diseño y evitar los problemas
de uso de un sitio web es mejor que un
    mensaje de error bien diseñado
Principio 4

 •Recuerda, que no existe
 una solución perfecta, sino
 la más razonable para el
 usuario



   57% usa móviles
 para navegación web
Principio 4

 La regla de los 3 clicks es un buen inicio...

 pero el propósito es que el visitante al
 sitio consiga su objetivo
Principio 5
  Satisfacción de las personas

El éxito del usuario es la razón de
        ser de la usabilidad
Principio 5
Principio 5
Principio 5

•77% de los usuarios son leales a los sitios web
por su facilidad de uso (Forrester research)

• Más satisfacción del usuario = + Lealtad
?
¿Qué me proporciona la usabilidad?


       Principal Beneficio

 Usabilidad = Calidad = Negocio
Antes de finalizar
Programa 2012 de Webinar
  Noviembre 2012

  7 herramientas clave para proteger los datos personales de sus
  clientes en la era digital

  5 pasos para escribir contenidos web eficaces y persuasivos

  ¿Cómo incursionar de forma eficiente en las Redes Sociales?

               Diciembre 2012

               ¿Cómo crear un sitio web 100% funcional en 60 minutos?



              … el programa de Webinars continúa en 2013
¡ Gracias !
editor@ceus.org.mx

Weitere ähnliche Inhalte

Was ist angesagt? (12)

Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.
 
Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Universidad gerardo barrio portafolio
Universidad gerardo barrio portafolioUniversidad gerardo barrio portafolio
Universidad gerardo barrio portafolio
 
Usabilidad / Page Rank
Usabilidad / Page RankUsabilidad / Page Rank
Usabilidad / Page Rank
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Usabilidad y accesibilidad web
Usabilidad y accesibilidad webUsabilidad y accesibilidad web
Usabilidad y accesibilidad web
 
USABILIDAD WEB
USABILIDAD WEBUSABILIDAD WEB
USABILIDAD WEB
 
Este
EsteEste
Este
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 

Andere mochten auch

Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
Lorena Guerrero
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
ciwmx
 

Andere mochten auch (14)

Norberto Ortigoza
Norberto OrtigozaNorberto Ortigoza
Norberto Ortigoza
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
Bondia Lleida 07072011
Bondia Lleida 07072011Bondia Lleida 07072011
Bondia Lleida 07072011
 
Presentación sobre Diseño Web
Presentación sobre Diseño WebPresentación sobre Diseño Web
Presentación sobre Diseño Web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Evaluacion de Sitios Web
Evaluacion de Sitios WebEvaluacion de Sitios Web
Evaluacion de Sitios Web
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
 
Teoría del Diseño Web
Teoría del Diseño WebTeoría del Diseño Web
Teoría del Diseño Web
 
Estimación Software por Puntos de Función
Estimación Software por Puntos de FunciónEstimación Software por Puntos de Función
Estimación Software por Puntos de Función
 
Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013
 

Ähnlich wie Webinar 5 principios de usabilidad para hacer tu sitio web exitoso

Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la Red
Jose Maria Diaz
 
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Virginia Aguirre
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
Brox Technology
 

Ähnlich wie Webinar 5 principios de usabilidad para hacer tu sitio web exitoso (20)

openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptx
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptx
 
Unidad 4 patrones de diseño web. (1)
Unidad 4   patrones de diseño web. (1)Unidad 4   patrones de diseño web. (1)
Unidad 4 patrones de diseño web. (1)
 
unidad 4
unidad 4unidad 4
unidad 4
 
User experience design
User experience designUser experience design
User experience design
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la Red
 
Usabilidad02
Usabilidad02Usabilidad02
Usabilidad02
 
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
 
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
 
Que Es La User Experience
Que Es La User ExperienceQue Es La User Experience
Que Es La User Experience
 
05 usabilidad y gestión web
05 usabilidad y gestión web05 usabilidad y gestión web
05 usabilidad y gestión web
 
Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
 
UX vs Usabilidad
UX vs UsabilidadUX vs Usabilidad
UX vs Usabilidad
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión Web
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión Web
 
Usabilidad: Definiciones
Usabilidad: Definiciones Usabilidad: Definiciones
Usabilidad: Definiciones
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
 
Aplicando experiencia de usuario a nuestros proyectos en Drupal
Aplicando experiencia de usuario a nuestros proyectos en DrupalAplicando experiencia de usuario a nuestros proyectos en Drupal
Aplicando experiencia de usuario a nuestros proyectos en Drupal
 

Kürzlich hochgeladen

Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
sofiospina94
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
EdisonCondesoDelgado1
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
irenecarmona12
 

Kürzlich hochgeladen (20)

POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 

Webinar 5 principios de usabilidad para hacer tu sitio web exitoso

  • 1. 5 Principios de usabilidad para hacer tu sitio web exitoso Mauricio Jácome Centro de Estudios de Usabilidad A.C. www.ceus.org.mx Alejandro López Rumayor Web Comunicaciones S.C. www.webcom.com.mx
  • 2. Hoy abordaremos... • ¿Qué es la usabilidad? • ¿Por qué debe ser usable mi sitio web? • 5 Principios básicos • Preguntas
  • 3. ¿Qué es usabilidad? Es la cualidad que tiene un producto o servicio para ser usado con facilidad
  • 4. y ¿la experiencia del usuario? Es la valoración que se tiene de un producto o servicio como resultado de la interacción con éste en un contexto de uso determinado. Con base en: – Ideas y expectativas – Sensaciones – Sentimientos – Emociones – Satisfacción
  • 5.
  • 6. Usabilidad y experiencia del usuario Arquitectura Usabilidad de Información Experiencia de Usuario Diseño de Findability interacción Accesibilidad
  • 7. La facilidad para acceder y usarse Usabilidad Accesibilidad
  • 8. La posibilidad de ser encontrado… Arquitectura Usabilidad de Información Findability
  • 9. Una experiencia de uso satisfactoria Usabilidad Diseño de interacción
  • 10. Principios 1. Fácil de usar 2. Fácil de aprender 3. Fácil de recordar 4. Aminorar el error 5. Satisfacción del usuario
  • 11. Principio 1: Fácil de usar Significa que las personas que usan el sitio web lo hagan de forma rápida y efectiva para lograr su tarea
  • 12. para lograrlo… El contenido (navegación, ligas, instrucciones, etc) debe ser obvio, evidente, claro y fácil de entender
  • 13.
  • 14. Principio 2 Fácil de Aprender El mínimo tiempo para el uso productivo
  • 15. Dato duro En promedio, quiénes usan por primera vez un sitio web fallan la tercera parte de las veces
  • 16. Principio 2 www.ado.com.mx
  • 17. Principio 3 Fácil de recordar La certidumbre de saber dónde estamos
  • 19. Principio 4 Menos errores y menos severos ¿cómo sortear la frustación de los usuarios?
  • 20. Principio 4 Cuidar el diseño y evitar los problemas de uso de un sitio web es mejor que un mensaje de error bien diseñado
  • 21. Principio 4 •Recuerda, que no existe una solución perfecta, sino la más razonable para el usuario 57% usa móviles para navegación web
  • 22. Principio 4 La regla de los 3 clicks es un buen inicio... pero el propósito es que el visitante al sitio consiga su objetivo
  • 23. Principio 5 Satisfacción de las personas El éxito del usuario es la razón de ser de la usabilidad
  • 26. Principio 5 •77% de los usuarios son leales a los sitios web por su facilidad de uso (Forrester research) • Más satisfacción del usuario = + Lealtad
  • 27. ? ¿Qué me proporciona la usabilidad? Principal Beneficio Usabilidad = Calidad = Negocio
  • 29. Programa 2012 de Webinar Noviembre 2012 7 herramientas clave para proteger los datos personales de sus clientes en la era digital 5 pasos para escribir contenidos web eficaces y persuasivos ¿Cómo incursionar de forma eficiente en las Redes Sociales? Diciembre 2012 ¿Cómo crear un sitio web 100% funcional en 60 minutos? … el programa de Webinars continúa en 2013