SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
Usabilidad
Diseño Web I
1
Joaquin Lara Sierra
@joauqinls
Facilitador
@joaquinls
Usabilidad
Puntos Claves
2
@joaquinls
@joaquinls
Usabilidad
Arquitectura de la Información
Las necesidades concretas de la
organización y lo que esta espera conseguir a
través del sitio web se ven plasmadas en los
objetivos. Serán estos, en armonía con las
necesidades de los usuarios, los que guiarán
todo el proceso de conceptualización, diseño
e implementación del portal.
3
Objetivos
@joaquinls
Usabilidad
Arquitectura de la Información
Permitir al
ciudadano el
acceso a la
entidad desde
cualquier lugar.
Reforzar la
estrategia de
comunicación
de la entidad
haciendo uso
de Internet.
Asegurar la
presencia de la
entidad en
Internet.
4
Ejemplos de Objetivos
@joaquinls
Usabilidad
Personajes y escenarios
Información general del usuario y su demografía:
• Nombres, edad, ubicación, experiencia en Internet, nivel de
alfabetización, entre otras.
Información sobre el carácter y atributos clave del usuario:
• sensibilidades, deficiencias, gustos.
Escenarios de uso y metas:
• El escenario es una situación que describe de forma real el contexto del
usuario y su camino desde que formula su necesidad hasta llegar al sitio.
5
@joaquinls
Usabilidad
Necesidades de los usuarios
El éxito del sitio web
está determinado
por la capacidad que
tenga para
responder a las
necesidades de los
usuarios
Encuestas con los futuros usuarios
del sitio.
Entrevistas personales a los
usuarios
6
@joaquinls
Usabilidad
Evaluación constante
La constante evaluación del sitio
web permite obtener datos que
apoyen la toma de decisiones
• Test con usuarios.
• Evaluación de las páginas más
visitadas.
• Encuestas a usuarios.
• Pruebas A/B.
7
@joaquinls
Usabilidad
Actividad #1
Cada equipo de trabajo debe
realizar una búsqueda sobre el
tema de “Evaluación de la
Arquitectura de Información”
y analice las técnicas que está
utiliza:
• Card Sorting.
• TreeTesting.
• Test de 5 segundos.
8
@joaquinls
Usabilidad
Navegación global consistente
Proporcione una
navegación global
visible y consistente a
lo largo del sitio web.
La navegación global
está compuesta
generalmente por las
categorías principales
o por el denominado
―menú principal‖ del
sitio web.
9
@joaquinls
Usabilidad
Navegación de contexto
Verifique que existe una opción de
navegación contextual en todas las
páginas que lo requieren.
10
@joaquinls
Usabilidad
Ruta de migas
La ruta de migas es una lista de enlaces que se ubica generalmente en
la parte superior de la página y que muestra la ruta que ha seguido el
usuario hasta el lugar dónde se encuentra.
Permite al usuario saber su ubicación actual dentro del sitio.
En caso de que el usuario haya seguido una ruta de navegación, responde a las preguntas
¿dónde estoy? y ¿dónde he estado?
Reduce el riesgo de tener páginas huérfanas y permite al usuario acceder fácilmente a
secciones relacionadas.
11
@joaquinls
Usabilidad
URL limpios
Corresponde a
la jerarquía del
sitio
No incluye
caracteres
especiales
como $, &, ?,=
entre otros.
El URL es el la abreviatura de Uniform Resource
Locator (Localizador Uniforme de Recursos), es
el nombre técnico con el que se conoce a la
comúnmente llamada ―dirección‖.
12
@joaquinls
Usabilidad
Ubicación del usuario
Algunosdelosmecanismosde
navegaciónquepuedenindicaral
usuarioendóndeseencuentrason:
• Navegación global: En esta se debe mostrar la sección
principal a la cual pertenece la página actual.
• Navegación de contexto: En esta se debe mostrar la sub
sección o sub secciones a la cuales pertenece la página actual.
• Ruta de migas: Muestra al usuario el camino que debería
recorrer para llegar desde la página de inicio hasta su ubicación
actual.
• URL limpia: Una dirección clara también da una idea al usuario
de las secciones a las cuales pertenece la página donde se
encuentra.
13
@joaquinls
Usabilidad
14

Más contenido relacionado

Similar a Usabilidad

Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)
guest640607
 
Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)
guest640607
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y Usabilidad
Ivan Aguilar
 
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
 

Similar a Usabilidad (20)

Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Creacion web
Creacion webCreacion web
Creacion web
 
Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)
 
Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)
 
Universidad gerardo barrio portafolio
Universidad gerardo barrio portafolioUniversidad gerardo barrio portafolio
Universidad gerardo barrio portafolio
 
Estándares Web
Estándares WebEstándares Web
Estándares Web
 
Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
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
 
NAVEGABILIDAD (1).pptx
NAVEGABILIDAD (1).pptxNAVEGABILIDAD (1).pptx
NAVEGABILIDAD (1).pptx
 
Investigación unidad II
Investigación unidad IIInvestigación unidad II
Investigación unidad II
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y Usabilidad
 
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
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.
 
Integrando analítica web en métodos de inspección de usabilidad
Integrando analítica web en métodos de inspección de usabilidadIntegrando analítica web en métodos de inspección de usabilidad
Integrando analítica web en métodos de inspección de usabilidad
 
Sergio alexis guerrero portafolio
Sergio alexis guerrero portafolioSergio alexis guerrero portafolio
Sergio alexis guerrero portafolio
 
Internet
InternetInternet
Internet
 
Lineamientos web
Lineamientos webLineamientos web
Lineamientos web
 

Más de Joaquin Lara Sierra

Guía estrategias didácticas de im interpersonal
Guía estrategias didácticas de im interpersonalGuía estrategias didácticas de im interpersonal
Guía estrategias didácticas de im interpersonal
Joaquin Lara Sierra
 

Más de Joaquin Lara Sierra (20)

Factores Intrínsecos Influyentes en el comportamiento Humano
Factores Intrínsecos Influyentes en el comportamiento HumanoFactores Intrínsecos Influyentes en el comportamiento Humano
Factores Intrínsecos Influyentes en el comportamiento Humano
 
Factores Intrínsecos y Extrínsecos Influyentes en el comportamiento Humano Cl...
Factores Intrínsecos y Extrínsecos Influyentes en el comportamiento Humano Cl...Factores Intrínsecos y Extrínsecos Influyentes en el comportamiento Humano Cl...
Factores Intrínsecos y Extrínsecos Influyentes en el comportamiento Humano Cl...
 
Factores Intrínsecos y Extrínsecos Influyentes en el comportamiento Humano 2
Factores Intrínsecos y Extrínsecos Influyentes en el comportamiento Humano 2Factores Intrínsecos y Extrínsecos Influyentes en el comportamiento Humano 2
Factores Intrínsecos y Extrínsecos Influyentes en el comportamiento Humano 2
 
Proceso de innovacion
Proceso de innovacion Proceso de innovacion
Proceso de innovacion
 
Estructuras de control - Ciclo For
Estructuras de control - Ciclo ForEstructuras de control - Ciclo For
Estructuras de control - Ciclo For
 
Trabajando con excel parte 2
Trabajando con excel parte 2Trabajando con excel parte 2
Trabajando con excel parte 2
 
Trabajando con excel Parte 1
Trabajando con excel Parte 1Trabajando con excel Parte 1
Trabajando con excel Parte 1
 
Tic aplicada a los negocios
Tic aplicada a los negociosTic aplicada a los negocios
Tic aplicada a los negocios
 
Innovar en Educación
Innovar en EducaciónInnovar en Educación
Innovar en Educación
 
Gestionar pedagógica-mente las tic en el ejercicio docente Universitario
Gestionar pedagógica-mente las tic en el ejercicio docente UniversitarioGestionar pedagógica-mente las tic en el ejercicio docente Universitario
Gestionar pedagógica-mente las tic en el ejercicio docente Universitario
 
Estrategias Didácticas
Estrategias DidácticasEstrategias Didácticas
Estrategias Didácticas
 
Gestión Pedagógica y TIC (Parte 2)
Gestión Pedagógica y TIC (Parte 2)Gestión Pedagógica y TIC (Parte 2)
Gestión Pedagógica y TIC (Parte 2)
 
Gestión Pedagógica y TIC (Parte 1)
Gestión Pedagógica y TIC (Parte 1)Gestión Pedagógica y TIC (Parte 1)
Gestión Pedagógica y TIC (Parte 1)
 
Introduccion power point parte 2
Introduccion power point parte 2Introduccion power point parte 2
Introduccion power point parte 2
 
Introducción a power point parte1
Introducción a power point parte1Introducción a power point parte1
Introducción a power point parte1
 
Folleto Modelo pedagógico de la UTB
Folleto Modelo pedagógico de la UTBFolleto Modelo pedagógico de la UTB
Folleto Modelo pedagógico de la UTB
 
Guía estrategias didácticas de im interpersonal
Guía estrategias didácticas de im interpersonalGuía estrategias didácticas de im interpersonal
Guía estrategias didácticas de im interpersonal
 
Operacionalización del modelo pedagógico
Operacionalización del modelo pedagógicoOperacionalización del modelo pedagógico
Operacionalización del modelo pedagógico
 
Innovación educativa
Innovación educativaInnovación educativa
Innovación educativa
 
Pedagogía en Docencia Universitaria Sesión I
Pedagogía en Docencia Universitaria Sesión IPedagogía en Docencia Universitaria Sesión I
Pedagogía en Docencia Universitaria Sesión I
 

Último

2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
MiNeyi1
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
JonathanCovena1
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
NancyLoaa
 

Último (20)

OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 

Usabilidad

  • 1. Usabilidad Diseño Web I 1 Joaquin Lara Sierra @joauqinls Facilitador
  • 3. @joaquinls Usabilidad Arquitectura de la Información Las necesidades concretas de la organización y lo que esta espera conseguir a través del sitio web se ven plasmadas en los objetivos. Serán estos, en armonía con las necesidades de los usuarios, los que guiarán todo el proceso de conceptualización, diseño e implementación del portal. 3 Objetivos
  • 4. @joaquinls Usabilidad Arquitectura de la Información Permitir al ciudadano el acceso a la entidad desde cualquier lugar. Reforzar la estrategia de comunicación de la entidad haciendo uso de Internet. Asegurar la presencia de la entidad en Internet. 4 Ejemplos de Objetivos
  • 5. @joaquinls Usabilidad Personajes y escenarios Información general del usuario y su demografía: • Nombres, edad, ubicación, experiencia en Internet, nivel de alfabetización, entre otras. Información sobre el carácter y atributos clave del usuario: • sensibilidades, deficiencias, gustos. Escenarios de uso y metas: • El escenario es una situación que describe de forma real el contexto del usuario y su camino desde que formula su necesidad hasta llegar al sitio. 5
  • 6. @joaquinls Usabilidad Necesidades de los usuarios El éxito del sitio web está determinado por la capacidad que tenga para responder a las necesidades de los usuarios Encuestas con los futuros usuarios del sitio. Entrevistas personales a los usuarios 6
  • 7. @joaquinls Usabilidad Evaluación constante La constante evaluación del sitio web permite obtener datos que apoyen la toma de decisiones • Test con usuarios. • Evaluación de las páginas más visitadas. • Encuestas a usuarios. • Pruebas A/B. 7
  • 8. @joaquinls Usabilidad Actividad #1 Cada equipo de trabajo debe realizar una búsqueda sobre el tema de “Evaluación de la Arquitectura de Información” y analice las técnicas que está utiliza: • Card Sorting. • TreeTesting. • Test de 5 segundos. 8
  • 9. @joaquinls Usabilidad Navegación global consistente Proporcione una navegación global visible y consistente a lo largo del sitio web. La navegación global está compuesta generalmente por las categorías principales o por el denominado ―menú principal‖ del sitio web. 9
  • 10. @joaquinls Usabilidad Navegación de contexto Verifique que existe una opción de navegación contextual en todas las páginas que lo requieren. 10
  • 11. @joaquinls Usabilidad Ruta de migas La ruta de migas es una lista de enlaces que se ubica generalmente en la parte superior de la página y que muestra la ruta que ha seguido el usuario hasta el lugar dónde se encuentra. Permite al usuario saber su ubicación actual dentro del sitio. En caso de que el usuario haya seguido una ruta de navegación, responde a las preguntas ¿dónde estoy? y ¿dónde he estado? Reduce el riesgo de tener páginas huérfanas y permite al usuario acceder fácilmente a secciones relacionadas. 11
  • 12. @joaquinls Usabilidad URL limpios Corresponde a la jerarquía del sitio No incluye caracteres especiales como $, &, ?,= entre otros. El URL es el la abreviatura de Uniform Resource Locator (Localizador Uniforme de Recursos), es el nombre técnico con el que se conoce a la comúnmente llamada ―dirección‖. 12
  • 13. @joaquinls Usabilidad Ubicación del usuario Algunosdelosmecanismosde navegaciónquepuedenindicaral usuarioendóndeseencuentrason: • Navegación global: En esta se debe mostrar la sección principal a la cual pertenece la página actual. • Navegación de contexto: En esta se debe mostrar la sub sección o sub secciones a la cuales pertenece la página actual. • Ruta de migas: Muestra al usuario el camino que debería recorrer para llegar desde la página de inicio hasta su ubicación actual. • URL limpia: Una dirección clara también da una idea al usuario de las secciones a las cuales pertenece la página donde se encuentra. 13