martes, 23 de febrero de 2010

Usabilidad, Estándares Web y Arquitectura de la Información

Después de un mes sin dejarme caer por mi rincón olvidado, aprovecho para actualizarlo, como se merece, ya que hoy comienzo mi curso de Diseño Web Profesional, Usabilidad, Estándares Web y Arquitectura de la Información.
Así todo seguido, suena genial, ¿verdad? Pues son 75 horas, me apetece un montón hacerlo, es online a través del Campus Virtual SUMA de la Universidad de Murcia. El temario es este:

1. Diseño de sitios web con HTML y CSS
-Introducción a los estándares web.
-HTML (tipo de documento, head, reglas para escribir HTML, atributos genéricos, tablas y formularios).
-CSS. Hojas de estilo (árbol del documento, selectores, unidades de medida, color y fondos, margen, espaciado y borde, texto, menús, disposición en página).
-Diseños para todos (escribir código accesible, problemas con algunos navegadores, validación de formularios).
2. Usabilidad y accesibilidad
-Introducción a la Usabilidad (definiciones, disciplinas afines...).
-Evaluación de la Usabilidad (test de usuarios, evaluación heurística, estudio de casos).
-Accesibilidad.
-Pautas de Accesibilidad.
-Validación de la accesibilidad (herramientas para la revisión, revisión manual y automática).
-Ejercicios prácticos (heurística de usabilidad, revisión de pautas de accesibilidad).
3. Arquitectura de la información
-Arquitectura de información: Disciplina, rol profesional y proceso.
-El usuario: Necesidades y estrategias de búsqueda de información.
-Diseño conceptual: Descripción y organización de información.
-Diseño navigacional: Rotulado, navegación e interacción.
-Documentación: Elaboración de entregables.

Por ahora las impresiones son muy buenas, a pesar de que únicamente he leido las primeras hojas del tema 1, pero espero sentar las bases que ahora mismo no tengo sobre aspectos tan importantes en el mundo online.

Un pequeño resumen-adelanto de algunas herramientas útiles y necesarias para considerar ó analizar la accesibilidad y usabilidad de una web, asi como tools para diseñarlas:

Editores de código:

■Eclipse
■Ultraedit
■jEdit
■Amaya
■Dreamweaver

Navegadores:

■Opera
■Internet Explorer
■Safari
■Chrome

Recomendado: Mozilla Firefox

Validación:

■W3C: valida html y css. Oficial
■HTML Validator: extensión para Firefox, validación en el propio navegador.
■Hera: validador de Sera, también se puede integrar en Firefox.
■Juicy Studio: extensión de Firefox para comprobar el contraste de colores.
■TAW: validador online, (alternativa a Hera)
■Total Validator: extensión para la versión 3.6 de Firefox (alternativa a Hera).


Dicho esto, una vez empiece a aprender y crear cositas, os mostraré mis avances, y puesto que uno de los ejercicios consiste en diseñar una web con los parámetros aprendidos en el curso, trataré de crear el sitio web de la Sidrería de mis señores padres, futura sede de Sidritas & Twitts.

Hasta entonces, me pongo "la L" de aprendiz :D