Tecnologias Web

14/09/2012

Tecnologías Web
Diseño Web

Historia del Diseño Web
• El primer sitio web apareció en 1991, utilizaba HTML muy básico y contenía encabezado y texto que ocasionalmente incluía alguna liga para navegar entre páginas. • Con el paso del tiempo se enriquecieron las páginas mediante el uso de CSS, XML, JavaScript, contenidos multimedia con lo que se pretende cautivar y retener alvisitante.

1

14/09/2012

Diseño Web
• Es el diseño que se emplea en las páginas web, incluye diseño y gráficos que complementan el contenido escrito en la página. • Es una actividad multidisciplinaria que se alimenta del diseño gráfico, las artes visuales, la programación, el diseño de interfaces, la animación entre otras.

Diseño Web
• Se aplica a cualquier sitio web ya sea con finespersonales o de negocios. • El objetivo es capturar la atención del visitante a la página web, que éste se mantenga en ella una vez que ha obtenido la información puntual por la que llegó a la página.

2

14/09/2012

Diseño Web
• Al realizar el diseño de una web siempre se tiene en cuenta lo siguiente:
▫ Debe ser consistente con el contenido de la página web. ▫ Debe ser atractivo a losvisitantes. ▫ Debe ser impactante para retener al visitante. ▫ Debe ser de fácil navegación. ▫ Debe ayudar a las actividades de comercialización / promoción inherentes a la página.

Páginas Web

• Las páginas Web son documentos básicos del World Wide Web basados en el formato hipertexto y pueden ser visualizadas con navegadores de internet.

3

14/09/2012

Páginas Web
• Las páginas webgeneralmente se categorizan en dos tipos:
▫ Páginas Estáticas. Su contenido solo puede cambiar cuando el administrador cambia la página. ▫ Páginas Dinámicas. Su contenido puede cambiar de acuerdo a la información que el usuario envíe a la misma; la cual por medio de scripts se transforma en respuesta a lo enviado.

Estándares Web
• ¿Quién dicta un estándar?
▫ El W3C (World Wide Wide Consortium)es un organismo neutro que desarrolla estándares para la Web, su misión es "Guiar la Web hacia su máximo potencial”.

4

14/09/2012

Estándares Web
• ¿Qué son los estándares Web?
▫ Son recomendaciones dadas por el W3C y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en el Web.

Estándares Web
• ¿Cuál es el objetivo de los estándares?
▫ Crearun Web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet.

5

14/09/2012

Estándares Web
• Los estándares definidos hablan de tres elementos esenciales en el funcionamiento de una página Web; estos son:
▫ Presentación. ▫ Estructuras. ▫ Comportamiento.

Interfaz
• Es el conjunto de elementos de la pantallaque permiten al usuario realizar acciones sobre el Sitio Web que está visitando. • Considerando lo anterior, se considera parte de la interfaz a sus elementos de identificación, de navegación, de contenidos y de acción.

6

14/09/2012

Interfaz - Elementos
• Debe dar cuenta de normas de carácter general, que se refieren a sus características como sistema de información y comunicación,gracias al cumplimiento de éstas, el usuario logrará acceder a las informaciones que se le ofrecen.

Interfaz – Portada del Sitio
• Nielsen señala que los elementos más importantes de la portada de todo sitio web se pueden resumir en cuatro postulados generales:
▫ Dejar claro el propósito del sitio. ▫ Ayudar a los usuarios a encontrar lo que necesitan. ▫ Demostrar el contenido del sitio. ▫ Usardiseño visual para mejorar y no para definir la interacción del Sitio Web.

7

14/09/2012

Interfaz
• Los aspectos más relevantes consideración son los siguientes:
▫ ▫ ▫ ▫ ▫ Uso de logotipos. Sistema de navegación. Áreas de contenidos. Áreas de interacción. Experiencia de usuario.

a

tener

en

Interfaz - Ejemplo

8

14/09/2012

Evaluación Heurística
1. Visibilidad del...