Usabilidad Web

Teoría y ejemplos prácticos

Haz que el usuario de tus sitios web encuentre la información que busca de la manera más rápida y sencilla y que sepa orientarse correctamente durante su navegación. Detecta y corrige las debilidades de tu web mediante pruebas de usabilidad. Todo esto y mucho más en este curso video2brain de usabilidad, enfocada a sitios y aplicaciones web.

• 1. Presentacion
• 2. Principios de la usabilidad
  • 2.1. Principios de la usabilidad
  • 2.2. Modelos mentales
  • 2.3. Pasado, presente y futuro de los layout web
  • 2.4. Atencion del usuario
  • 2.5. OS vs. Apps vs. Sitios web
• 3. Usabilidad y dispositivos
  • 3.1. Distribucion de contenido en dispositivos moviles
  • 3.2. Diseño para dispositivos moviles
  • 3.3. Diseño usable
    • 3.3.1. Logotipo
    • 3.3.2. Tipografia
    • 3.3.3. Scroll
    • 3.3.4. Logotipo y enlaces
    • 3.3.5. Anchura de la pagina
  • 3.4. Diseño de navegación
    • 3.4.1. Coincidencia
    • 3.4.2. Migas de pan
    • 3.4.3. Mapas de calor y el orden de la mirada
    • 3.4.4. Pestañas y megamenus
    • 3.4.5. Los lenguajes de la navegacion
    • 3.4.6. Buscadores
    • 3.4.7. SiteMaps
    • 3.4.8. Lightbox
  • 3.5. Formularios
    • 3.5.1. Formularios
    • 3.5.2. Contraseñas en los formularios
  • 3.6. Contenido accesible
    • 3.6.1. Medios impresos y medios online
    • 3.6.2. Banners y banners animados
    • 3.6.3. Ladrillos contructivos
    • 3.6.4. Paginas de productro
    • 3.6.5. Tiendas online
    • 3.6.6. Login e internet
    • 3.6.7. Animaciones
    • 3.6.8. Sitos personales
    • 3.6.9. Anuncios
    • 3.6.10. Imagenes
  • 3.7. Accesibilidad
    • 3.7.1. Ampliacion de la tipografia
    • 3.7.2. Posibilidad de cambiar el CSS
  • 3.8. Pruebas de accesibilidad
    • 3.8.1. Realizacion de tests de usabilidad
    • 3.8.2. Analytics
• 4. Ejemplo de diseño usable
  • 4.1. Creacion de un sitio web personal
    • 4.1.1. Cabecera
    • 4.1.2. Contenido principal
    • 4.1.3. Bloque de noticias
    • 4.1.4. Ultimos proyectos
    • 4.1.5. Enlaces de docencia
    • 4.1.6. Fotografia
  • 4.2. Aplicacion web movil
    • 4.2.1. Entorno de desarrollo
    • 4.2.2. Campo principal
    • 4.2.3. Interaccion AJAX
    • 4.2.4. Ampliando funciones
    • 4.2.5. Manteniendo al usuario informado
    • 4.2.6. Sistema de presentacion y ayuda
    • 4.2.7. Comprobando la aplicacion en un telefono movil
• 5. Conclucion

Referencia

| |