Desarrollo de sitios web Referencia: Garrett, J. J.: “The elements of User Experience” AIGA, NY. 2003 http://www.jjg.net/elements/resources
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.
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
Competencias del equipo de trabajo Desarrollo de sitios web Competencias del equipo de trabajo
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
¿ Qué se debe considerar ? Desarrollo de sitios web ¿ Qué se debe considerar ?
Planos a considerar Desarrollo de sitios web Interfaz de aplicación Sistema hipertexto Culminación tiempo Concreto Abstracto Concepción
Necesidades del usuario Planos a considerar Interfaz de aplicación Sistema hipertexto Plano estratégico Necesidades del usuario Objetivos del sitio
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
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
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
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
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
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
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.
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”.
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.