1. -Ing. IvánF. Aguilar Rojas
Lima , Diciembre del 2011

2. • La clave del éxito de un Sitio Web está dada
por la forma en que se presenta la
Objetivos información a los visitantes.
• Métodos y herramientas que permiten
estructurar los contenidos, para ser
encontrados y utilizados por los usuarios, de
Definición manera simple y directa.

3. Para estructurar la información, la arquitectura
de la información sigue estas metodologías:
• Definición de objetivos del sitio.
• Definición de audiencia.
• Definición de contenidos del sitio.
• Definición de estructura del sitio.
• Definición de sistemas de navegación.
• Definición del diseño visual.

4. Definición de objetivos del sitio
• Reconocer los objetivos y establecer la forma de cumplirlos.
• Reconocer un objetivo central y luego varios objetivos
secundarios.
• Estos objetivos se definen al inicio del desarrollo, las metas
claras.
• Es recomendable usar frases que se inicien con verbos
• Tomar como base la misión y visión de la empresa.
• La lista de objetivos no deberías ser más de cinco
proposiciones.
• De los objetivos se desglosaran tareas concretas .

5. Definición de Audiencia
• La audiencia de un sitio web es altamente variable.
• Para reconocer la audiencia hay que conocer la Empresa.
• Ayuda en la definición entrevistas con usuarios y conocer
sus requerimientos de información.
• Se debe poder atender a todas las audiencias:
• Por su capacidad física
• Por su capacidad técnica
• Por su conocimiento de la empresa.
• Por su necesidad de información.
• Por su ubicación geográfica

6. Definición de Contenidos del Sitio.
• Determina los contenidos, la información de las etapas
anteriores, ya que al definir objetivos y audiencias
sabremos las necesidades de los usuarios en el sitio.
• Generalmente un sitio siempre debería tener:
• Información sobre la empresa.
• Productos o servicios ofrecidos.
• Novedades de la empresa.
• Se debe identificar los requerimientos funcionales.
• Análisis de sitios similares.

7. Definición de la Estructura del Sitio
1.- Creación de la estructura.
2.- Mapas permanentes del sitio.
2.1 .-Árbol Organizacional.
2.2.- Árbol Funcional.

8. 1.- Creación de la estructura
• Se refiere a la forma que tendrá el Sitio
Web con sus secciones, funcionalidades
y sistemas de navegación.
• No considera ni incluye elementos
gráficos. Se define la oferta de
elementos de información e interacción
que tendrá el usuario .

9. Plantillas
funcionales

10. 2 .-Mapas permanentes del sitio
• Se refiere al proceso de crear un árbol
de contenido en el que se muestre de
manera práctica cuantas secciones
tendrá el sitio en desarrollo y cuantos
niveles habrá dentro de cada uno.
• Se puede trabajar con dos tipos de
arboles.

11. 2.1.- Árbol Organizacional
•Agrupa los contenidos de la
manera en como se organiza
la empresa, pero no está
basado en su estructura de
funcionamiento.

12. Árbol
organizacional

13. 2.1.- Árbol Funcional
• Agrupa el contenido de acuerdo a las tareas
que se pueden realizar dentro del sitio web.
• Secciones: deben ser entre 5 o 7 .
• Niveles no debería tener más de 3 niveles
de acceso.
• Contenidos relacionados, este tipo de
elementos quedan fuera del árbol y deberían
“flotar” sobre este.

14. Árbol
Funcional

15. Definición de los Sistemas de Navegación
•navegación textual( menús,
guías, botones, etc.)
•Navegación contextual (la
presentación de la información,
la grafica, la redacción, etc.)

16. Características de los
sistemas de navegación
Consistente: debe ser similar en todo el sitio
Uniforme: el sistema debe usar términos
similares, su uso llevará siempre a los mismos
lugares dentro del sitio
Visible: el sistema debe distinguirse
claramente dentro del sitio.

17. Elementos de los sistemas de navegación
Menú general. Pie de pagina. Barra corporativa.
Fecha de
Ruta de acceso. Botón de home.
publicación.
Botón mapa del
Botón Contacto. Buscador.
sitio.
Botón de compartir
Botón de ayuda. Botón de imprimir.
en redes sociales.

18. Definición del Diseño Visual
Diseño de las Estructuras de Páginas: se considera la generación de
dibujos lineales que describen los componentes de cada pantalla del sitio.
Bocetos de Diseño: son dibujos digitales acabados de la forma que
tendrán las paginas genéricas principales del Sitio.
Borradores de Página; Una vez aprobados los bocetos se los toma y se
convierte en un prototipo .
Maqueta Web: En esta etapa final consiste en generar todo el sitio web o sus
plantillas usando tecnología HTML y hojas de estilo CSS.

19. • La ambición de un Sitio Web es transformarse en un
autoservicio de información e interacción, que requiera de
la menor explicación posible para que los usuarios que lo
visitan, puedan encontrar la información y completar las
Introducción tareas que se les proponen desde el sitio web.
• Es la medida de la calidad de la experiencia que tiene un
usuario cuando interactúa con un sistema o producto.
Definición

20. 1 Facilidad de
aprendizaje.
2 Facilidad y
5 Satisfacción
Eficiencia de
subjetiva
uso.
Características
de la usabilidad
4 Frecuencia y 3 Facilidad de
gravedad de recordar cómo
errores. funciona.

21. Diseñar un sitio es siempre un acto de balance.
Siempre se deben optimizar muchas variables al mismo
tiempo.
No hay reglas universales .
se debe diseñar pensando que los usuarios no leen los textos
sino que van saltando por el contenido.

22. Medición de la usabilidad.
aplicar métodos que permitan obtener
datos objetivos.
Visibilidad del estado del sistema. Reconocimiento antes que recuerdo.
Relación entre el sistema y el mundo
Flexibilidad y eficiencia de uso.
real.
Control y libertad del usuario Estética y diseño minimalista.
Ayudar a los usuarios a reconocer,
Consistencia y estándares.
diagnosticar y recuperarse de errores.
Prevención de errores. Ayuda y documentación.

23. Test Heurístico
Propone que un grupo de Consiste en que un
expertos revise el sitio experto observa la forma
web, ya sea en la etapa de en que un usuario emplea
pre-producción o en la un sistema y a partir de
etapa de construcción y eso, logra establecer los
contrastar su principales problemas que
Test de Usuario
funcionamiento contra el tiene su interfaz.
grupo de principios
enunciados.