Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Disenio WWW
Disenio WWW
WWW
Proceso de Diseño
Análisis
Objetivos, alcances, y características del sitio
Análisis Competitivo
Métricas a utilizar
Audiencias, contenido y funcionalidad
Diseño
Metáforas
Arquitectura de alto nivel
Bosquejos del diseño
Prototipos
Producción
Asociación de contenidos
Principios de diseño y guías de estilo
Post-Producción
Seguimiento de los usuarios
Análisis
Determinar alcance y características del proyecto
Análisis competitivo
Definir objetivos
Identificar audiencias
Identificar contenidos y funcionalidad
Agrupar contenidos
Alcance y características del
proyecto
Desarrollar reuniones entre todos los involucrados en
el proyecto
Propietarios de la idea
Arquitectos de la Información
Técnicos
Sponsors
Determinar:
Idea general del sitio
Alcance del proyecto
Misión y Visión actual / futura del sitio
Posible plan de acción
Prioridades
Factibilidades técnicas
Alcance y características del
proyecto
Proyecto “SitioEducativo.com”
Arquitectura de la información
Diseño
Satisfacción subjetiva
Sitios analizados:
Contenidos.com
Educar.com
Elsabio.com
Aspectos hallados:
“Contenidos.com” y “Educar.com” poseen relativamente pocos contenidos educativos.
El diseño gráfico no es atrayente. En el caso de contenidos el diseño es muy malo, ya
que no puede apreciarse claramente el rol del sitio
“Elsabio.com” es el mejor de los sitios analizados. Su diseño gráfico y contenidos son
excelentes. Muy fácil de navegar.
Oportunidades:
Los sitios analizados se basan en contenidos educativos pre-construidos (libros,
cursos, etc.). La posibilidad de construir contenidos educativos dinámicamente, por la
misma comunidad, aparece aún inexplorada.
Definir Objetivos
Determinar:
Misión del sitio
Misión de la organización (para sitios organizacionales)
Rol del sitio en la misión de la organización
Objetivos a corto plazo del sitio
Objetivos a largo plazo
Visión del sitio en uno o dos años.
Definir objetivos
Aspectos mensurables:
Reducciones de costos
Desarrollo de transacciones
Servicios ofrecidos
Determinar:
Forma de organización del contenido:
Audiencia
Tópico
Función
Metáfora
Forma en que los usuarios navegarán la información
Metodología:
Reuniones con diseñadores del sitio, y representantes de las
audiencias.
Construir tarjetas con principales contenidos, y solicitar a los
integrantes de la reunión que las agrupen por similitud entre ellos
Agrupar los contenidos
Alternativas para la de organización del sitio:
Audiencia
Adecuados para sitios con más de una audiencia
claramente definida.
Permite guardar la dirección (´bookmark´) del sub-sitio
particular de cada visitante
Permite adecuar este sub-sitio para cada audiencia
particular
Pueden ser “abiertos” o “cerrados”, de acuerdo a si una
audiencia puede observar los contenidos de otra audiencia
Tópico
Útil para localizar las páginas de un tema dado.
No es muy utilizado como organización principal del sitio,
Debe brindar una cobertura muy amplia del sitio.
Se sugiere una organización principal por audiencia (en los primeros niveles), y luego
introducir gradualmente organizaciones por tópicos (materias)
Agrupamientos posibles:
· A) Alumnos (Preescolar, EGB, Polimodal, Terciario / Universitario)
· Docentes (Preescolar, EGB, Polimodal, Terciario / Universitario)
· Directivos
· Profesionales
Tipos de metáforas:
Organizativas:
Aprovecha la organización existente de un sistema, para
ambiente tradicional.
Ej. Operaciones que se pueden realizar en una biblioteca:
recorrer, buscar, pedir asistencia, etc.
Visuales:
Utilizan elementos gráficos conocidos para crear una
Metodología:
Crear un “actor” para cada posible escenario
Describir una sesión simple de estos actores con el sitio
Debiera identificar:
Puntos de entrada al sitio
Contenidos a mostrar en primera página
Posible organización de “sub-sitios”
Elementos comunes en páginas web
“Search & Browse”, “Feedback”, “News”, ...
Agrupamiento de páginas relacionadas
Introd. Preescolar
(Descripc.) EGB
Polimodal
Contenidos
Terciarios
Página Ppal. Directivos
Profesional Nav. p/tema
Buscar o Buscador Nav. p/curso
Navegar
Nav. juegos
Discusiones o
Comentarios Comentarios Chats Foros
Noticias
Descripciones de páginas
Elaborar descripciones textuales de los contenidos de
cada página
Mostrar información y links
Alumnos
Tests Vocacionales
Cursos
Librería
Docentes
Cursos
Librerías
Búsquedas
Búsquedas avanzadas
Recorrido del sitio
Por tema
Por curso
Juegos
Salas de reunión
Comentarios
Chats
Foros
“Bosquejos” del diseño
Prototipos en papel del diseño de las páginas
Describe principales líneas de estilo
Tests Tema
Vocac. Clase Materias
Materias
Materias
Ejerc.
Cursos
Alumnos Recreo Juegos
Librería
Torneos
Docentes Tema
Cursos Clase Materias
Materias
Buscar o Materias Ejerc.
EGB Navegar
Recreo Juegos
Discusiones o Elab.
Comentarios Guias
Prácticas
Tareas admi-
nistrativas
Asociación del contenido
División o agrupamiento del contenido en
componentes lógicas
Cada componente lógico requiere un tratamiento
individual
Los componentes lógicos deben ser asociados a la
arquitectura de la información
No necesariamente implica una relación 1-1 entre páginas
y componentes lógicos
Construir una tabla de asociaciones
Asociación del contenido
Asociación del contenido
Tabla de Asociaciones
Componente lógico Destino (Página)
P36-1 2.2.3
P36-2 2.3.3
P36-3 2.2.2
P36-4 2.2.1
P36-5 2.2.5.1
P36-6 2.2.5.2
P36-7 2.2.5.3
P36-8 2.2.5.1
P36-9 2.2.5.2
P36-10 2.2.5.3