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.

Formadores: José Vicente Carratalá

Fecha de publicación: 5/06/2012

USD 38.80

Duración: 04:28 horas

¿Qué voy a recibir?

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades. La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad. Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.

Compatible para iPad, Android y HTML5

Archivos base

Pantalla reducida

Marcadores

Curso descargable

Al carro Descargas

Cursos similares

Presentación del curso Usabilidad web José Vicente Carratalá te presenta su curso Usabilidad web. Teoría y ejemplos prácticos.

Presentación de la formación y del formador.

Presentación

00:39
Introducción al curso y presentación de los objetivos.

Usabilidad
- Principios fundamentales que rigen el diseño, el rediseño y las pruebas de usabilidad.
  
  Principios de la usabilidad
  - Presentamos los principios fundamentales de usabilidad.
    
    Principios de usabilidad
    
    08:59
  - El modelo mental es la realidad subjetiva de cada usuario sobre cómo navegar un sitio web determinado.
    
    Modelos mentales
    
    08:55
  - Estudio de las tendencias pasadas y actuales de acceso a la información.
    
    Pasado, presente y futuro de los layout web
    
    09:25
  - La atención del usuario es muy volátil; es un hecho que debemos tener siempre presente.
    
    Atención del usuario
    
    05:01
  - Comparación de la usabilidad entre sistemas operativos, aplicaciones y sitios web.
    
    OS vs. Apps vs. Sitios Web
    
    07:37
Cómo crear aplicaciones y sitios adaptados a dispositivos móviles.

Usabilidad y dispositivos
- La cantidad de informacion mostrada debe estar proporcionada con el tamaño de visualización disponible.
  
  Distribución de contenidos en dispositivos móviles
  
  06:37
- Ejemplos y soluciones de diseño y navegación en dispositivos táctiles con tamaños de pantalla reducidos.
  
  Diseño para dispositivos móviles
  
  07:56
- Convenciones más generalizadas.
  
  Diseño usable
  - La imagen corporativa es el punto de entrada en cualquier sitio web.
    
    Logotipo
    
    04:24
  - La elección de una correcta combinación de tipografías facilita la lectura del texto.
    
    Tipografía
    
    08:24
  - Consideraciones sobre el scrolling de las páginas.
    
    Scroll
    
    03:57
  - El logotipo es la tabla salvavidas del usuario y le ayuda a recuperarse de sus errores.
    
    Logotipos y enlaces
    
    02:59
  - Maximizando el espacio útil.
    
    Anchura de la página
    
    04:41
- Cómo crear una navegación útil y efectiva.
  
  Diseño de navegación
  - Aquí presentamos los principios de consistencia.
    
    Consistencia
    
    07:56
  - Usar migas de pan ayuda al usuario a situarse.
    
    Migas de pan
    
    03:56
  - Te presentamos los mapas de calor.
    
    Mapas de calor y el orden de la mirada
    
    04:43
  - Usando pestañas y megamenús para ordenar cantidades grandes de información.
    
    Pestañas y megamenús
    
    07:39
  - Usando un lenguaje visual que nos permita identificar qué podemos hacer y qué no podemos hacer.
    
    Los lenguajes de la navegación
    
    09:07
  - Los buscadores son recursos cada día más usados y demandados.
    
    Buscadores
    
    10:04
  - Los sitemaps permiten navegar a cualquier zona de la web.
    
    SiteMaps
    
    04:32
  - Lightbox como alternativa a la navegación.
    
    Lightbox
    
    07:25
- Usabilidad para formularios.
  
  Formularios
  - Los formularios son claves para el éxito de una web.
    
    Formularios
    
    08:06
  - Alternativas a este tipo de campo en los formularios.
    
    Contraseñas en formularios
    
    04:36
- Cómo generar contenido accesible.
  
  Contenido accesible
  - Las diferencias entre los medios impresos y los medios digitales nos obligan a adaptar nuestra manera de redactar contenidos.
    
    Medios impresos y medios online
    
    07:21
  - Diseño de banners y sus animaciones.
    
    Banners y banners animados
    
    08:52
  - Tamaños y distribuciones que ayudan al usuario a jerarquizar la importancia de la información.
    
    Ladrillos constructivos
    
    04:15
  - Cómo distribuir la información en páginas de producto.
    
    Páginas de producto
    
    03:58
  - El lenguaje de las tiendas online.
    
    Tiendas online
    
    08:08
  - Distribución de la información en tiendas online e intranets.
    
    Login e intranet
    
    06:44
  - Uso correcto de animaciones.
    
    Animaciones
    
    02:44
  - Creación de sitios personales.
    
    Sitios personales
    
    06:46
  - Anuncios incrustados en sitios web.
    
    Anuncios
    
    08:23
  - Cómo usar eficientemente las imágenes dentro de la web.
    
    Imágenes
    
    04:54
- Mejorando el acceso a la web de diferentes perfiles de usuario.
  
  Accesibilidad
  - La posibilidad de ampliar o limitar una página permite adaptar y personalizar la experiencia de navegación.
    
    Ampliación de la tipografía
    
    01:32
  - Desarrollar varios CSS nos permitirá ofrecer diferentes alternativas de visualización de la página.
    
    Posibilidad de cambiar el CSS
    
    02:30
- Realización de pruebas de usabilidad.
  
  Pruebas de usabilidad
  - Factores a tener en cuenta durante la realización de un estudio de usabilidad.
    
    Realización de tests de usabilidad
    
    08:37
  - Analytics como herramienta complementaria para medir la usabilidad.
    
    Analytics
    
    03:39
Ejemplos prácticos de proyectos desarrollados con la usabilidad en mente.

Ejemplos de diseño usable
- Ejemplo de un sitio personal.
  
  Creación de un sitio web personal
  - Creación de la cabecera.
    
    Cabecera
    
    05:06
  - Distribución del contenido principal según el orden de escaneado de sitios personales.
    
    Contenido principal
    
    03:59
  - Bloque principal de noticias.
    
    Bloque de noticias
    
    05:02
  - Introducción de nuevos proyectos.
    
    Últimos proyectos
    
    04:28
  - Enlaces externos.
    
    Enlaces de docencia
    
    02:36
  - Fotografía personal.
    
    Fotografía
    
    01:53
- Aplicación web 2.0 para medios móviles.
  
  Aplicación web móvil
  - Selección de un entorno de trabajo.
    
    Entorno de desarrollo
    
    02:03
  - Campo principal de traducción como elemento principal de la aplicación.
    
    Campo principal
    
    02:19
  - Aumentando la usabilidad mediante AJAX.
    
    Interacción AJAX
    
    05:03
  - Aumentamos la funcionalidad de la aplicación.
    
    Ampliando funciones
    
    02:33
  - Mantener al usuario informado es importante en cualquier aplicación.
    
    Manteniendo al usuario informado
    
    01:40
  - Complementamos la información con un sistema de ayuda.
    
    Sistema de presentación y ayuda
    
    03:57
  - Comprobamos el funcionamiento de la aplicación en un dispositivo móvil.
    
    Comprobando la aplicación en un teléfono móvil
    
    01:16
Despedida.

Ejemplos de diseño usable
- Despedida del curso.
  
  Despedida
  
  00:34

Presentación del curso Usabilidad web

José Vicente Carratalá te presenta su curso Usabilidad web. Teoría y ejemplos prácticos.

En este curso video2brain aprenderás a analizar las necesidades y los hábitos de los usuarios y a crear sitios web que proporcionen el acceso más fácil y más rápido a la información que el usuario buscan.

Comenzaremos exponiendo las reglas generales de usabilidad aplicada a medios web, para continuar analizando las necesidades particulares de diferentes tipos de sitio: tiendas online, sitios corporativos, páginas personales. Aprenderemos también como evaluar la usabilidad de un sitio existente.

Por último, realizaremos dos ejercicios prácticos en los que aplicaremos los conocimientos expuestos hasta el momento. Por un lado, trabajaremos sobre un sitio web personal y por otro, estudiaremos la usabilidad de una aplicación web móvil.

Requisitos del sistema

Conexión a banda ancha a internet
Navegador actualizado, con plugin de Flash
Resolución mínima de pantalla de 1.024 x 768
Tarjeta de sonido, altavoces o auriculares
Pentium 4 a 2,6 GHz o G4 a 1 GHz
512 MB de RAM

Compatible para iPad, Android y HTML5

¡Puedes ver este curso usando nuestras apps para iPad y Android!

Si usas un navegador compatible (por ejemplo, en un iPad o iPhone 4), podrás ver este curso con el player HTML5 en lugar de Flash. Si no quieres usar nuestra app, cuando descargues el curso puedes transferir los vídeos a tu tablet o smartphone.

Archivos base

Los Archivos base son aquellos utilizados en la grabación de un curso video2brain. Están a tu disposición para que puedas repetir los ejemplos y practicar a la vez que ves el curso.

Esta descarga está habilitada solamente para usuarios que compren el curso online o para suscriptores con derecho a descarga (Suscripción Anual Total).

Pantalla reducida

Con la opción Pantalla reducida puedes reducir la interfaz del curso online y de ese modo, disponer de más espacio para practicar los ejemplos a la vez que aprendes con tu curso video2brain.

Esta característica solamente está disponible en el archivo DVD que pueden descargar los clientes que compren el curso video2brain o los suscriptores con derecho a descarga (Suscripción Anual Total).

Marcadores

Los marcadores te permiten introducir una o varias señales amarillas a lo largo de un vídeo mientras lo estás escuchando. De ese modo, te resultará más fácil volver a encontrar ese truco tan interesante o ese consejo que no quieres olvidar.

Curso descargable

El archivo DVD es una imagen del curso video2brain completo con el que puedes ver una y otra vez tus vídeos sin tener que estar conectado a internet. Una vez descargado y desempaquetado, te permite aprender donde quieras, ya que se puede grabar en un DVD, en una memoria externa o en un disco duro interno.

Este archivo está disponible para clientes que hayan comprado el curso video2brain y para suscriptores con permisos de descarga (Suscripción Anual Total).

Gracias

Gust AF

Como desarrollador aprendí algunos tips que no había contemplado desde el punto de vista de la usabilidad para el usuario.

Los clientes que compraron este curso compraron también