Usabilidad en web: cinco consejos para llevar (UCol)

Mario A Moreno Rocha
Mario A Moreno Rochaprofessor en Universidad Tecnológica de la Mixteca
Usabilidad en web:
                               cinco consejos para llevar
                                      UsaLab UTM
Thursday, November 24, 2011
Esta presentación girará en torno a la usabilidad en
                 web, su importancia y cinco consejos que se deben
                   de llevar de ésta. Además, tendrá vergonzosos
                        ejemplos de lo que no se debe hacer ;)




                                       UCol 2011                        2

Thursday, November 24, 2011
¿Qué es la Usabilidad en Web?


                La Usabilidad en Web es crear sitios de web de manera
                   tal en que sus usuarios pueden encontrar lo que
                 buscan de manera rápida y eficiente. Un sitio usable
                 proporciona grandes ventajas al objetivo del mismo.


                                                          webcreible


                                      UCol 2011                         3

Thursday, November 24, 2011
“Si la página está complicada, no la usaría”


                + 83% usuarios dejan una página
                 que requiere de muchos clicks

                                                   arthur andersen


                                     UCol 2011                   4

Thursday, November 24, 2011
“Si la página está complicada, no la usaría”


                58% usuarios que tienen problemas
                   con una página no regresan

                                                 forrester research


                                     UCol 2011                    5

Thursday, November 24, 2011
“Si la página está complicada, no la usaría”


                               60% de las veces son
                              problemas de usabilidad

                                              user interface engineering


                                       UCol 2011                       6

Thursday, November 24, 2011
“Si la página está complicada, no la usaría”



                 79% de mejoras en ventas en línea
                con un rediseño basado en usabilidad

                                                      jakob nielsen


                                     UCol 2011                    7

Thursday, November 24, 2011
Cinco errores comunes en la
                          usabilidad en web ;(



                                 UCol 2011          8

Thursday, November 24, 2011
1. Áreas muy pequeñas para hacer click




                                                    hacker news


                                   UCol 2011                  9

Thursday, November 24, 2011
2. Contenidos difíciles de seguir




                                                    basecamp
                                     UCol 2011           10

Thursday, November 24, 2011
2. Contenidos difíciles de seguir




                                                    things
                                     UCol 2011         11

Thursday, November 24, 2011
3. No hay forma de compartir




                                               coca cola
                                   UCol 2011               12

Thursday, November 24, 2011
3. No hay forma de compartir




                                               buzzfeed



                                   UCol 2011              13

Thursday, November 24, 2011
4. Formas de registro muy largas




                                                redoz
                                    UCol 2011           14

Thursday, November 24, 2011
4. Formas de registro muy largas




                                                   tumblr
                                    UCol 2011               15

Thursday, November 24, 2011
5. No me hagan pensar




                                              radiohead
                                  UCol 2011     16

Thursday, November 24, 2011
Cinco consejos para llevar en
                         usabilidad en web ;)



                                 UCol 2011           17

Thursday, November 24, 2011
1. Directo al grano.


                                      UCol 2011      18

Thursday, November 24, 2011
2. Manténgalo organizado.



                              UCol 2011   19

Thursday, November 24, 2011
3. Actualize frecuentemente.



                              UCol 2011    20

Thursday, November 24, 2011
4. Manténgalo relevante.


                              UCol 2011   21

Thursday, November 24, 2011
5. Manténgalo limpio.


                                UCol 2011       22

Thursday, November 24, 2011
Usabilidad en web:
                               cinco consejos para llevar


      Mario A Moreno Rocha UsaLab Laboratorio de
      sirpeto@gmail.com    Usabilidad Facebook / Twitter
Thursday, November 24, 2011
Referencias
                Web Usability: The Basics (webcreible)
                http://www.webcredible.co.uk/user-friendly-resources/web-usability/basics.shtml

                The importance of web site usability (wightfield interactive)
                http://www.wightfield.com/design/web-site-usability/

                9 Common Usability Mistakes in Web Design (Smashing Magazine)
                http://uxdesign.smashingmagazine.com/2009/02/18/9-common-usability-blunders/

                The Most Popular Web Usability Problems (Warren Phillips web
                design)
                http://www.warrenphillipswebdesign.co.uk/2011/04/12/the-most-popular-web-
                usability-problems/




                                                    UCol 2011                                     24

Thursday, November 24, 2011
1 de 24

Recomendados

EXMBA S2 GRUPO2 UX Facebook por
EXMBA S2 GRUPO2 UX FacebookEXMBA S2 GRUPO2 UX Facebook
EXMBA S2 GRUPO2 UX Facebookimétodo
261 vistas48 diapositivas
Designing for tablets: Touch and Natural Interaction por
Designing for tablets: Touch and Natural InteractionDesigning for tablets: Touch and Natural Interaction
Designing for tablets: Touch and Natural InteractionArmando Fidalgo
1.4K vistas88 diapositivas
Taller Evaluación de Usabilidad en Dispositivos Móviles por
Taller Evaluación de Usabilidad en Dispositivos Móviles Taller Evaluación de Usabilidad en Dispositivos Móviles
Taller Evaluación de Usabilidad en Dispositivos Móviles Mario A Moreno Rocha
747 vistas80 diapositivas
Del libro al tablet. Apps infantiles para esta Navidad por
Del libro al tablet. Apps infantiles para esta NavidadDel libro al tablet. Apps infantiles para esta Navidad
Del libro al tablet. Apps infantiles para esta NavidadÁlvaro Varona
775 vistas46 diapositivas
No me hagas pensar - Steve Krug por
No me hagas pensar - Steve KrugNo me hagas pensar - Steve Krug
No me hagas pensar - Steve KrugAlejandro Guzmán
9.1K vistas196 diapositivas
Principios de usabilidad y creación de contenido para móviles por
Principios de usabilidad y creación de contenido para móvilesPrincipios de usabilidad y creación de contenido para móviles
Principios de usabilidad y creación de contenido para móvilesIván Alarcón
2.5K vistas39 diapositivas

Más contenido relacionado

Más de Mario A Moreno Rocha

UsaLab presentation (ENG) por
UsaLab presentation (ENG)UsaLab presentation (ENG)
UsaLab presentation (ENG)Mario A Moreno Rocha
1.1K vistas9 diapositivas
¿Cómo haría yo el 3er parcial? por
¿Cómo haría yo el 3er parcial?¿Cómo haría yo el 3er parcial?
¿Cómo haría yo el 3er parcial?Mario A Moreno Rocha
1.2K vistas21 diapositivas
7. Mantenimiento de Software por
7. Mantenimiento de Software7. Mantenimiento de Software
7. Mantenimiento de SoftwareMario A Moreno Rocha
6.8K vistas30 diapositivas
7. Mantenimiento de Software por
7. Mantenimiento de Software7. Mantenimiento de Software
7. Mantenimiento de SoftwareMario A Moreno Rocha
830 vistas15 diapositivas
6. Administración de la Calidad de Software por
6. Administración de la Calidad de Software6. Administración de la Calidad de Software
6. Administración de la Calidad de SoftwareMario A Moreno Rocha
2.2K vistas28 diapositivas
Ingeniería de Software (UTM) - Tercer Examen Parcial por
Ingeniería de Software (UTM) - Tercer Examen ParcialIngeniería de Software (UTM) - Tercer Examen Parcial
Ingeniería de Software (UTM) - Tercer Examen ParcialMario A Moreno Rocha
1.2K vistas2 diapositivas

Más de Mario A Moreno Rocha(20)

Ingeniería de Software (UTM) - Tercer Examen Parcial por Mario A Moreno Rocha
Ingeniería de Software (UTM) - Tercer Examen ParcialIngeniería de Software (UTM) - Tercer Examen Parcial
Ingeniería de Software (UTM) - Tercer Examen Parcial
Mario A Moreno Rocha1.2K vistas
2. Administración de Proyectos de Software (UTM 2071) por Mario A Moreno Rocha
2. Administración de Proyectos de Software (UTM 2071)2. Administración de Proyectos de Software (UTM 2071)
2. Administración de Proyectos de Software (UTM 2071)
Mario A Moreno Rocha1.2K vistas
1. introducción a la Ingeniería de Software (UTM 2071) por Mario A Moreno Rocha
1. introducción a la Ingeniería de Software (UTM 2071)1. introducción a la Ingeniería de Software (UTM 2071)
1. introducción a la Ingeniería de Software (UTM 2071)
Mario A Moreno Rocha1.5K vistas
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015) por Mario A Moreno Rocha
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
Mario A Moreno Rocha1.2K vistas
Una Aproximación a la Interacción Humano-Computadora (ITD 2015) por Mario A Moreno Rocha
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:... por Mario A Moreno Rocha
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
Oportunidades de estancias y prácticas en la UTM 2014-2015 por Mario A Moreno Rocha
Oportunidades de estancias y prácticas en la UTM 2014-2015Oportunidades de estancias y prácticas en la UTM 2014-2015
Oportunidades de estancias y prácticas en la UTM 2014-2015

Último

DEPORTES DE RAQUETA .pdf por
DEPORTES DE RAQUETA .pdfDEPORTES DE RAQUETA .pdf
DEPORTES DE RAQUETA .pdfMiguel Lopez Marin
33 vistas11 diapositivas
VOCABULARIO NAVIDAD.pdf por
VOCABULARIO NAVIDAD.pdfVOCABULARIO NAVIDAD.pdf
VOCABULARIO NAVIDAD.pdfGema Rua
27 vistas35 diapositivas
1701704307_UpdWfY.pdf por
1701704307_UpdWfY.pdf1701704307_UpdWfY.pdf
1701704307_UpdWfY.pdfWilliam Henry Vegazo Muro
82 vistas1 diapositiva
Tema 15. Funciones del DNA 2023.pptx por
Tema 15. Funciones del DNA 2023.pptxTema 15. Funciones del DNA 2023.pptx
Tema 15. Funciones del DNA 2023.pptxIES Vicent Andres Estelles
27 vistas116 diapositivas
Rumbo al Norte.pdf por
Rumbo al Norte.pdfRumbo al Norte.pdf
Rumbo al Norte.pdfJose Antonio Pérez Quintana
32 vistas41 diapositivas
Meta 1.1 Identificar el contenido històrico de la Lengua de Señas. por
Meta 1.1 Identificar el contenido històrico de la Lengua de Señas.Meta 1.1 Identificar el contenido històrico de la Lengua de Señas.
Meta 1.1 Identificar el contenido històrico de la Lengua de Señas.IvanLechuga
74 vistas13 diapositivas

Último(20)

VOCABULARIO NAVIDAD.pdf por Gema Rua
VOCABULARIO NAVIDAD.pdfVOCABULARIO NAVIDAD.pdf
VOCABULARIO NAVIDAD.pdf
Gema Rua27 vistas
Meta 1.1 Identificar el contenido històrico de la Lengua de Señas. por IvanLechuga
Meta 1.1 Identificar el contenido històrico de la Lengua de Señas.Meta 1.1 Identificar el contenido històrico de la Lengua de Señas.
Meta 1.1 Identificar el contenido històrico de la Lengua de Señas.
IvanLechuga74 vistas
DEBER DE RESOLUCION DE PROBLEMAS DE FUERZA (3°).pdf por Victor Hugo Caiza
DEBER DE RESOLUCION DE PROBLEMAS DE FUERZA (3°).pdfDEBER DE RESOLUCION DE PROBLEMAS DE FUERZA (3°).pdf
DEBER DE RESOLUCION DE PROBLEMAS DE FUERZA (3°).pdf
Victor Hugo Caiza53 vistas
Perennials, Bulbs, Grasses and Ferns of Poland, Spain and Portugal.pptx por e-twinning
Perennials, Bulbs, Grasses and Ferns of Poland, Spain and Portugal.pptxPerennials, Bulbs, Grasses and Ferns of Poland, Spain and Portugal.pptx
Perennials, Bulbs, Grasses and Ferns of Poland, Spain and Portugal.pptx
e-twinning45 vistas
Fase 4- Estudio de la geometría analítica.pptx por blogdealgebraunad
Fase 4- Estudio de la geometría analítica.pptxFase 4- Estudio de la geometría analítica.pptx
Fase 4- Estudio de la geometría analítica.pptx
blogdealgebraunad37 vistas
S1_CPL.pdf por Conecta13
S1_CPL.pdfS1_CPL.pdf
S1_CPL.pdf
Conecta1355 vistas
Meta 1.2. Conocer los enfoques educativos con los que se instruido a personas... por IvanLechuga
Meta 1.2. Conocer los enfoques educativos con los que se instruido a personas...Meta 1.2. Conocer los enfoques educativos con los que se instruido a personas...
Meta 1.2. Conocer los enfoques educativos con los que se instruido a personas...
IvanLechuga83 vistas
RES 2796-023 A 33(2).pdf por gabitachica
RES 2796-023 A 33(2).pdfRES 2796-023 A 33(2).pdf
RES 2796-023 A 33(2).pdf
gabitachica38 vistas

Usabilidad en web: cinco consejos para llevar (UCol)

  • 1. Usabilidad en web: cinco consejos para llevar UsaLab UTM Thursday, November 24, 2011
  • 2. Esta presentación girará en torno a la usabilidad en web, su importancia y cinco consejos que se deben de llevar de ésta. Además, tendrá vergonzosos ejemplos de lo que no se debe hacer ;) UCol 2011 2 Thursday, November 24, 2011
  • 3. ¿Qué es la Usabilidad en Web? La Usabilidad en Web es crear sitios de web de manera tal en que sus usuarios pueden encontrar lo que buscan de manera rápida y eficiente. Un sitio usable proporciona grandes ventajas al objetivo del mismo. webcreible UCol 2011 3 Thursday, November 24, 2011
  • 4. “Si la página está complicada, no la usaría” + 83% usuarios dejan una página que requiere de muchos clicks arthur andersen UCol 2011 4 Thursday, November 24, 2011
  • 5. “Si la página está complicada, no la usaría” 58% usuarios que tienen problemas con una página no regresan forrester research UCol 2011 5 Thursday, November 24, 2011
  • 6. “Si la página está complicada, no la usaría” 60% de las veces son problemas de usabilidad user interface engineering UCol 2011 6 Thursday, November 24, 2011
  • 7. “Si la página está complicada, no la usaría” 79% de mejoras en ventas en línea con un rediseño basado en usabilidad jakob nielsen UCol 2011 7 Thursday, November 24, 2011
  • 8. Cinco errores comunes en la usabilidad en web ;( UCol 2011 8 Thursday, November 24, 2011
  • 9. 1. Áreas muy pequeñas para hacer click hacker news UCol 2011 9 Thursday, November 24, 2011
  • 10. 2. Contenidos difíciles de seguir basecamp UCol 2011 10 Thursday, November 24, 2011
  • 11. 2. Contenidos difíciles de seguir things UCol 2011 11 Thursday, November 24, 2011
  • 12. 3. No hay forma de compartir coca cola UCol 2011 12 Thursday, November 24, 2011
  • 13. 3. No hay forma de compartir buzzfeed UCol 2011 13 Thursday, November 24, 2011
  • 14. 4. Formas de registro muy largas redoz UCol 2011 14 Thursday, November 24, 2011
  • 15. 4. Formas de registro muy largas tumblr UCol 2011 15 Thursday, November 24, 2011
  • 16. 5. No me hagan pensar radiohead UCol 2011 16 Thursday, November 24, 2011
  • 17. Cinco consejos para llevar en usabilidad en web ;) UCol 2011 17 Thursday, November 24, 2011
  • 18. 1. Directo al grano. UCol 2011 18 Thursday, November 24, 2011
  • 19. 2. Manténgalo organizado. UCol 2011 19 Thursday, November 24, 2011
  • 20. 3. Actualize frecuentemente. UCol 2011 20 Thursday, November 24, 2011
  • 21. 4. Manténgalo relevante. UCol 2011 21 Thursday, November 24, 2011
  • 22. 5. Manténgalo limpio. UCol 2011 22 Thursday, November 24, 2011
  • 23. Usabilidad en web: cinco consejos para llevar Mario A Moreno Rocha UsaLab Laboratorio de sirpeto@gmail.com Usabilidad Facebook / Twitter Thursday, November 24, 2011
  • 24. Referencias Web Usability: The Basics (webcreible) http://www.webcredible.co.uk/user-friendly-resources/web-usability/basics.shtml The importance of web site usability (wightfield interactive) http://www.wightfield.com/design/web-site-usability/ 9 Common Usability Mistakes in Web Design (Smashing Magazine) http://uxdesign.smashingmagazine.com/2009/02/18/9-common-usability-blunders/ The Most Popular Web Usability Problems (Warren Phillips web design) http://www.warrenphillipswebdesign.co.uk/2011/04/12/the-most-popular-web- usability-problems/ UCol 2011 24 Thursday, November 24, 2011