UsabilidadI.T. Julio Heberto González MoralesUniversidad MontrerAgosto 2012
BICICLETA PARA CONFERENCIAS
SILLA PARA FRIOLENTOS
TETERA PARA MASOQUISTAS
FUSIL PARA KANGUROS
¿Qué tienen en común? TODOS SON OBJETOS QUE..   NO SE PUEDEN         USAR
¿Por qué la mayoría de  los sitios web son   difíciles de usar?
UsabilidadEs la cualidad de un producto para ser usado confacilidad.Significa que las personas que usan el producto lohagan...
La usabilidad se mide en...EFICACIA   Menos erroresEFICIENCIA   Más rápidoSATISFACCION DE USO   Más lealtad
La Usabilidad busca lafelicidad facilidad1.Fácil de aprender2.Fácil de usar3.Fácil de recordar4.Disminuir la cantidad y se...
¿EN QUIÉN ESTÁ CENTRADO EL DISEÑO DE UN               SITIO WEB?
“HEMOS LOGRADO UN CONCEPTO REALMENTE INNOVADOR”
LO ANTERIOR ES UN EJEMPLO DE...DISEÑO CENTRADO EN EL     DISEÑADOR
“No está bonito pero estafuncionando, probado al 100%”
LO ANTERIOR ES UN EJEMPLO DE...DISEÑO CENTRADO EN EL   DESARROLLADOR
“¿Y si me le pones unos brillitos aquí y una tonadita de fondo?”“Ahhh! sí, quiero que le pongas     algo que se mueva”
LO ANTERIOR ES UN EJEMPLO DE...DISEÑO CENTRADO EN EL       CLIENTE
DISEÑO CENTRADO EN EL    USUARIO
“Es una metodología de diseño, en la que seinvolucra al usuario durante todo el proceso dediseño y desarrollo del Sitio We...
Arquitectura de información
Definición simple La arquitectura de la información es la cienciaque hace fácil lo complejo
¿Cómo se hace?
1. Documento GuíaFundamentos del proyectoAntecedentesObjetivos del sitio (cliente)Usuarios y sus motivacionesLluvia de ide...
AntecedentesBreve historia y trayectoria del cliente que estasolicitando los servicios y del proyecto en si paraplantear l...
Definición de objetivosEstablecer los objetivos y la forma de cumplirlos.Escribirlos con frases que inicien con verbos quee...
Usuarios y motivaciones¿Dónde viven?¿Qué edad tienen?¿Qué género?¿Qué idioma hablan?¿Cuál es su estatus socio-económico?¿Q...
Usuarios y motivaciones¿Qué obtienen del sitio?¿Qué desean ejecutar del sitio?¿Cuándo visitarán el sitio?¿Durante cuánto t...
Perfiles y EscenariosRealiza entrevistas o encuestas.Los escenarios se utilizan para saber el orden delas acciones de un us...
Perfiles y EscenariosEjemplo:Un usuario que quiere obtener una información en lasecretaría: primero, averigua el horario de...
2. BechmarkingAprende de la competenciaRealizar análisis competitivos y comparativos conotros sitios web mediante evaluaci...
2. BechmarkingLa finalidad de esta técnica:  Mejorar nuestro producto o servicio  Superar a la competencia
Evaluación heurísticaAnálisis de experto en el cual se hace unainspección minuciosa a interfaces o sistemas conel fin de de...
Evaluación heurísticaVentajas Son más económicas Requiere de menos tiempo y preparación Son más fáciles de implementarDesv...
Evaluación heurísticaInvestigar  ¿Quién es Jackob Nielsen?  ¿Cuáles son sus 10 reglas heurísticas de  usabilidad?
Evaluación heurísticade sitios webRubricas ✓ Generales ✓ Identidad e información ✓ Lenguaje y redacción ✓ Rotulado ✓ Estru...
3. Inventario deContenidosLo importante es el contenidoContenido actualContenido de la competenciaContenido sugerido
4. SEO y SEMLa relación entre el sitio y los buscadoresConsideraciones de la competenciaAnálisis de palabras claveDefinició...
5. Card SortingConociendo el mapa mental del usuarioDefinición de usuariosDefinición de tarjetasEjecución y análisis de resu...
6. BlueprintsMapa de navegación del sitioInvestigación previaDefinición preliminarPruebas de usuarioPlanos definitivos
7. WireframesBocetos de baja resoluciónInvestigación previaDefinición preliminarPruebas de usuarioWireframe definitivos
Usabilidad web
Upcoming SlideShare
Loading in...5
×

Usabilidad web

404

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
404
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Usabilidad web

    1. 1. UsabilidadI.T. Julio Heberto González MoralesUniversidad MontrerAgosto 2012
    2. 2. BICICLETA PARA CONFERENCIAS
    3. 3. SILLA PARA FRIOLENTOS
    4. 4. TETERA PARA MASOQUISTAS
    5. 5. FUSIL PARA KANGUROS
    6. 6. ¿Qué tienen en común? TODOS SON OBJETOS QUE.. NO SE PUEDEN USAR
    7. 7. ¿Por qué la mayoría de los sitios web son difíciles de usar?
    8. 8. UsabilidadEs la cualidad de un producto para ser usado confacilidad.Significa que las personas que usan el producto lohagan de forma fácil y rápida para conseguirrealizar su tarea
    9. 9. La usabilidad se mide en...EFICACIA Menos erroresEFICIENCIA Más rápidoSATISFACCION DE USO Más lealtad
    10. 10. La Usabilidad busca lafelicidad facilidad1.Fácil de aprender2.Fácil de usar3.Fácil de recordar4.Disminuir la cantidad y severidad de los errores5.Satisfacción subjetiva del usuario
    11. 11. ¿EN QUIÉN ESTÁ CENTRADO EL DISEÑO DE UN SITIO WEB?
    12. 12. “HEMOS LOGRADO UN CONCEPTO REALMENTE INNOVADOR”
    13. 13. LO ANTERIOR ES UN EJEMPLO DE...DISEÑO CENTRADO EN EL DISEÑADOR
    14. 14. “No está bonito pero estafuncionando, probado al 100%”
    15. 15. LO ANTERIOR ES UN EJEMPLO DE...DISEÑO CENTRADO EN EL DESARROLLADOR
    16. 16. “¿Y si me le pones unos brillitos aquí y una tonadita de fondo?”“Ahhh! sí, quiero que le pongas algo que se mueva”
    17. 17. LO ANTERIOR ES UN EJEMPLO DE...DISEÑO CENTRADO EN EL CLIENTE
    18. 18. DISEÑO CENTRADO EN EL USUARIO
    19. 19. “Es una metodología de diseño, en la que seinvolucra al usuario durante todo el proceso dediseño y desarrollo del Sitio Web”El secreto está en poner en armonía losobjetivos de una organización con lasnecesidades de sus usuarios..
    20. 20. Arquitectura de información
    21. 21. Definición simple La arquitectura de la información es la cienciaque hace fácil lo complejo
    22. 22. ¿Cómo se hace?
    23. 23. 1. Documento GuíaFundamentos del proyectoAntecedentesObjetivos del sitio (cliente)Usuarios y sus motivacionesLluvia de ideas con el cliente e involucrados alproyecto
    24. 24. AntecedentesBreve historia y trayectoria del cliente que estasolicitando los servicios y del proyecto en si paraplantear la solución más adecuada.Levantamiento de requerimientosSi se hace un desarrollo por primera vez, se comenta agrandes rasgos lo que se espera lograr del sitio.Si se hace un rediseño del sitio, especificar las razonespor las cuales ya no se desea continuar con el actual,sus áreas de oportunidad y pros que pueda tener.
    25. 25. Definición de objetivosEstablecer los objetivos y la forma de cumplirlos.Escribirlos con frases que inicien con verbos queexpresen las acciones a realizar.No llegar a más de 5 proposiciones
    26. 26. Usuarios y motivaciones¿Dónde viven?¿Qué edad tienen?¿Qué género?¿Qué idioma hablan?¿Cuál es su estatus socio-económico?¿Qué conocimientos técnicos tienen?¿Qué clase de conexión tienen con Internet?¿Qué nivel de experiencia de Internet tienen ydesde cuando?¿Frecuencia de uso de Internet?¿Desde donde se conecta a Internet?¿Cuáles son sus 6 principales usos de Internet?
    27. 27. Usuarios y motivaciones¿Qué obtienen del sitio?¿Qué desean ejecutar del sitio?¿Cuándo visitarán el sitio?¿Durante cuánto tiempo permanecerán en el sitioen una visita?¿Cuándo volverán al sitio, si es que lo hacen?¿Cuáles son las tareas que desempeñaran en elsitio?
    28. 28. Perfiles y EscenariosRealiza entrevistas o encuestas.Los escenarios se utilizan para saber el orden delas acciones de un usuario para realizar unobjetivo específico.
    29. 29. Perfiles y EscenariosEjemplo:Un usuario que quiere obtener una información en lasecretaría: primero, averigua el horario de trabajo de lasecretaría; segundo, se dirige al local; tercero, solicitael servicio; y cuarto, espera el tiempo necesario paraque la secretaria le prepare la información que solicitó.De esta información se puede deducir la importanciaque tiene la información del horario en el sitio web y ladigitalización de las principales informaciones queofrece la secretaría. También se deduce que antes deofrecer los servicios de la secretaría, se debe poner elhorario, por si algún usuario desea obtener otro
    30. 30. 2. BechmarkingAprende de la competenciaRealizar análisis competitivos y comparativos conotros sitios web mediante evaluacionesheurísticas.Saca lo bueno y lo malo de cada sitio de lacompetencia.
    31. 31. 2. BechmarkingLa finalidad de esta técnica: Mejorar nuestro producto o servicio Superar a la competencia
    32. 32. Evaluación heurísticaAnálisis de experto en el cual se hace unainspección minuciosa a interfaces o sistemas conel fin de determinar si cumplen con los principiosde usabilidad, diseño o arquitectura deinformación.
    33. 33. Evaluación heurísticaVentajas Son más económicas Requiere de menos tiempo y preparación Son más fáciles de implementarDesventajas Se necesitan varios expertos en usabilidad Posible existencia de problemas para estandarizar, categorizar y priorizar los cambios de diseño
    34. 34. Evaluación heurísticaInvestigar ¿Quién es Jackob Nielsen? ¿Cuáles son sus 10 reglas heurísticas de usabilidad?
    35. 35. Evaluación heurísticade sitios webRubricas ✓ Generales ✓ Identidad e información ✓ Lenguaje y redacción ✓ Rotulado ✓ Estructura y navegación ✓ LayOut de la página ✓ Búsqueda ✓ Elementos multimedia ✓ Ayuda ✓ Accesibilidad ✓ Control y retroalimentación
    36. 36. 3. Inventario deContenidosLo importante es el contenidoContenido actualContenido de la competenciaContenido sugerido
    37. 37. 4. SEO y SEMLa relación entre el sitio y los buscadoresConsideraciones de la competenciaAnálisis de palabras claveDefinición de estrategia
    38. 38. 5. Card SortingConociendo el mapa mental del usuarioDefinición de usuariosDefinición de tarjetasEjecución y análisis de resultados
    39. 39. 6. BlueprintsMapa de navegación del sitioInvestigación previaDefinición preliminarPruebas de usuarioPlanos definitivos
    40. 40. 7. WireframesBocetos de baja resoluciónInvestigación previaDefinición preliminarPruebas de usuarioWireframe definitivos
    1. ¿Le ha llamado la atención una diapositiva en particular?

      Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

    ×