Desarrollo de sitios web

Presentación del tema: "Desarrollo de sitios web"— Transcripción de la presentación:

1 Desarrollo de sitios web
Referencia: Garrett, J. J.: “The elements of User Experience” AIGA, NY. 2003

2 Utilización del web Desarrollo de sitios web
Puede ser utilizado como una interfaz de aplicación. En este caso el sitio web está orientado a tareas. Ejm. mantenimiento de inventarios, consulta de saldos en bancos, transacciones de comercio electrónico, catálogos, entre otros. Puede ser utilizado como un sistema hipertexto. En este caso se dice que el sitio web está orientado a la información. Ejm. Publicaciones electrónicas (revistas y periódicos), información de productos, mercadeo, publicidad, etc.

3 Cómo desarrollar un sitio web
Desarrollo de sitios web Cómo desarrollar un sitio web Planificación y definición del sitio Arquitectura de la información Diseño del sitio Construcción del sitio Mercadeo del sitio Seguimiento, evaluación y mantenimiento

4 Competencias del equipo de trabajo
Desarrollo de sitios web Competencias del equipo de trabajo

5 Investigación sobre usuarios
Gerencia del proyecto Implementación tecnológica Diseño concreto Producción de contenidos abstracto Estrategia del sitio Estrategia del contenido Aspectos tácticos Aspectos estratégicos Investigación sobre usuarios

6 ¿ Qué se debe considerar ?
Desarrollo de sitios web ¿ Qué se debe considerar ?

7 Planos a considerar Desarrollo de sitios web Interfaz de aplicación
Sistema hipertexto Culminación tiempo Concreto Abstracto Concepción

8 Necesidades del usuario
Planos a considerar Interfaz de aplicación Sistema hipertexto Plano estratégico Necesidades del usuario Objetivos del sitio

9 Interfaz de aplicación Sistema hipertexto Plano de alcance
Planos a considerar Interfaz de aplicación Sistema hipertexto Especificaciones funcionales: Conjunto de características Descripción detallada de la funcionalidad Plano de alcance Especificaciones funcionales Requerimiento de los contenidos

10 Interfaz de aplicación Sistema hipertexto Plano de alcance
Planos a considerar Interfaz de aplicación Sistema hipertexto Requerimientos de contenido: Definición de los elementos de contenido para alcanzar los objetivos Plano de alcance Especificaciones funcionales Requerimiento de los contenidos

11 Interfaz de aplicación Sistema hipertexto Plano de estructura
Planos a considerar Interfaz de aplicación Sistema hipertexto Diseño de interacción: Diseño del flujo de la aplicación para facilitar las tareas del usuario. Diseñar cómo el usuario interactuará con la funcionalidad del sitio. Plano de estructura Diseño de interacción Arquitectura de la información

12 Interfaz de aplicación Sistema hipertexto Plano de estructura
Planos a considerar Interfaz de aplicación Sistema hipertexto Arquitectura de la información: Diseño estructural del espacio de Información para facilitar el acceso intuitivo a los contenidos Plano de estructura Diseño de interacción Arquitectura de la información

13 Interfaz de aplicación Sistema hipertexto Plano del esqueleto
Planos a considerar Interfaz de aplicación Sistema hipertexto Plano del esqueleto Diseño de interfaz Diseño de navegación Diseño de la información Diseño de la información: Diseño de la presentación de la información para facilitar la comprensión

14 Interfaz de aplicación Sistema hipertexto Plano del esqueleto
Planos a considerar Interfaz de aplicación Sistema hipertexto Plano del esqueleto Diseño de interfaz Diseño de navegación Diseño de la información Diseño de la interfaz: Diseño de la interfaz para facilitar la interacción con la funcionalidad

15 Interfaz de aplicación Sistema hipertexto Plano del esqueleto
Planos a considerar Interfaz de aplicación Sistema hipertexto Plano del esqueleto Diseño de interfaz Diseño de navegación Diseño de la información Diseño de navegación: Diseño de elementos de interfaz para facilitar la orientación a través de la arquitectura de la información.

16 Interfaz de aplicación Sistema hipertexto Plano de la superficie
Planos a considerar Interfaz de aplicación Sistema hipertexto Plano de la superficie Diseño visual Diseño visual: Tratamiento gráfico de los elementos de la interfaz. El look en el “look and feel”.

17 Interfaz de aplicación Sistema hipertexto Plano de la superficie
Planos a considerar Interfaz de aplicación Sistema hipertexto Plano de la superficie Diseño visual Diseño visual: Tratamiento visual de los textos, gráficos, elementos y componentes de navegación.