Diseño interfaces web

El diseño se encarga de trabajar con elementos gráficos y textuales para buscar el interés y el equilibrio de las formas y la efectividad de la comunicación. El desafío es aplicar este conocimiento práctico utilizando las herramientas, técnicas y lenguajes propios de la web.

Presentación
Guión del taller
Vasava
Enlaces

Estructura de una red de enlaces entre sitios web.

Presentación

En este taller impartido por Vasava se estudiarán las técnicas de composición de páginas web optimizando el diseño al entorno Internet. La actividad se organizará en torno a dos dos sesiones. En la primera se hablará del diseño de páginas web, herramientas, uso de tipografías y ejemplos de diseños. La segunda sesión girará en torno al desarrollo de páginas web y se repasarán las características del lenguaje de programación HTML.

Guión del taller

Primera sesión

1.- Generalidades sobre el diseño web

2.- ¿Cómo piensan los usuarios?

3.- Los 10 principios del diseño web

3.1.- No hacer que los usuarios piensen

3.2.- No desperdiciar el tiempo de los usuarios

3.3.- Focalizar la atención del usuario

3.4.- Mostrar las propiedades del sitio

3.5.- Usar textos clarificadores

3.6.- Esforzarse por la simplicidad

3.7.- No temer el espacio en blanco

3.8.- Comunicar efectivamente con un “lenguaje visible”

3.9.- Usar convencionalismos

3.10.- Prueba temprano, prueba a menudo (TETO)

Segunda sesión

1.- HTML

1.1.- Fundamentos (lenguaje interpretado con etiquetas)

1.2.- Separación entre diseño y contenido

1.2.1.- Un ejemplo, diferencia entre tablas y CSS

2.- Mejoras sobre las webs estáticas con HTML

2.1- Limitaciones del HTML

2.1.1.- Lenguaje sin estado

2.1.2.- Animaciones y contenidos ricos en multimedia

2.2.-Soluciones accesibles

2.2.1.- Progressive Enhancement

2.2.2.- sifr

2.2.3.- Faust

3.- Problemas de acceso a paginas HTML

3.1.- Problemas visuales

3.2.- Problemas con el color

3.3.- Lectores de pantalla

4.- Efectos colaterales positivos

4.1.- Motores de búsqueda

4.1.1.- ¿Qué son?

4.1.2.- ¿Cómo mejorar su impacto en nuestra web?

Mapa de un sitio web.

Diagrama de proceso.

Vasava

Vasava es un estudio de comunicación nacido en Barcelona en el año 1997. Actualmente, está integrado por 18 personas provenientes de diferentes campos y disciplinas que desarrollan proyectos para multiples soportes (Identidad Corporativa, Editorial, Print, Motion Graphics, Web etc)

En Vasava se aplica una particular forma de abordar el proceso creativo, desde la experimentación y el compromiso; siendo la búsqueda de nuevos valores comunicacionales, tendencias e ideas lo que más nos interesa y motiva.

Trabajamos en diferentes direcciones desde un mismo objetivo, haciendo que las ideas funcionen en todas sus posibilidades y formatos.

Nuestra prioridad es aportar actitudes nuevas ante la forma de entender los procesos de trabajo. La participación en proyectos non-profit y la plena implicación en los proyectos comerciales de nuestros clientes son rasgos diferenciales con respecto a otros estudios y colectivos. Los objetivos económicos se han fijado para conseguir una mejora progresiva de la estructura pero nunca como el fin último, ya que trabajamos en lo que más nos gusta.