Pirámide de diseño Web - creado desde un Mapa Mental

Diseño de la interfaz de la WebApp Facil de usar Fácil de aprender Fácil de navegar intuitiva consistente, eficiente libre de errores y funcional Mecanismos de control de la interfaz Flujo de trabajo en el diseño de la interfaz objetivos establecer una ventanaconsistente con el contenido y la funcionalidad que proporciona guiar al usuario através de una serie de interacciones con la WebApp organizar las opciones denavegación y el contenido disponible para el usuario se crean y analizan sus escenarios (casos de uso) tareas Revisar la información contenida en el modelo de análisis y refinarla conforme se requiera. Desarrollar un bosquejo aproximado de la plantilla de la interfaz WebApp. Correlacionar los objetivos el usuario con acciones específicas de lainterfaz. Definir un conjunto de tareas de usuario que estén asociadas con cadaacción. Elaborar bosquejos con imágenes de la pantalla para cada acción de lainterfaz. Refinar la plantilla de la interfaz y los bosquejos con el uso de entradas desde el diseño estético.

Diseño estético diseño grafico esfuerzo artístico que complementa los aspectos técnicos de la ingeniería web considera cada aspecto de la presentación y percepción de una WebApp plantilla esquemas de color tipos de fuentes tamaños y estilos medios audiovisuales

Diseño del contenido representación de diseño para los objetos de contenido representación de la información dentro de un objeto de contenido específico

Diseño arquitectónico estructuras Estructuras lineales. Estructuras en retícula. Estructuras jerárquicas. Estructuras en red o “Web pura”

Diseño de navegación definir las rutas de navegación identificar la semántica de navegación para diferentes usuarios delsitio definir la mecánica que logra la navegación

Diseño a nivel de componentes Patrones de diseño hipermedia Patrones arquitectónicos Patrones de construcción y componentes Patrones de navegación Patrones de presentación Patrones de interacción comportamiento/usuario.

Principios y directrices del diseño de interfazson visualmente aparentes e indulgentes, e implantan en sus usuarios una sensación de control

Pirámide de diseño Web