3. Etapas
1) Arquitectura de la información
Organización de la estructura de la web: secciones, categorías...
2) Prototipado
Bocetos/Esquemas que muestran los elementos de cada página
3) Diseño - Look & Feel
Aspecto visual de la página
4) Programación
XHTML + CSS + JS: Maquetación + Diversas funcionalidades
Programación Flash + AS: Carga elementos + efectos
Integración con la programación servidor
4. Tipos de web
· XHTML: Diseño centrado en el usuario
· Información
· Diseño: convenciones establecidas (usabilidad). Periódico
· Ágil y tecnología estándar
· Mejor para posicionamiento en buscadores y analítica
· Flash: Impacto
· Publicidad
· Diseño: sin restricciones (≠ libertad total). Poster
· Más lenta y tecnología propietaria
· Peor para posicionamiento en buscadores y analítica
5. Diseñar para la web
· Diseño gráfico ≠ diseño web
· XHTML vs. Flash
· Limitaciones de la pantalla: resoluciones y configuraciones
· Tipografía: fuentes de sistema y legibilidad
· Lectura en F
· Diseño fijo vs liquido. Diseño reescalable
· Formatos de imágenes (GIF, JPEG, PNG) y limitaciones
· Home vs. páginas interiores
· Equilibrio entre estímulo visual e información
6. Usabilidad
· Aspecto fundamental en el diseño web
· Ojeamos. Jerarquía visual
· El menú
· Dónde estamos y a dónde vamos
· Convenciones: logo, enlaces, buscador
· Consistencia: retículas y resto de elementos
· Sin esperas. Velocidad de carga y transiciones
· Sin elementos móviles
· Redacción de textos
7. Más info
· Libros
· Manual de Estilo Web. Principios básicos para la creación de sitios web
· No me hagas pensar
· Blogs
· Smashing Magazine (www.smashingmagazine.com)
· Usalo (www.usalo.es)
· Galerías
· CSS Manía (www.cssmania.com)
· The FWA (www.thefwa.com)