sesion 24 extraclase

proyecto de la nación

PATRONES DE CONTENIDO

Taxonomía

Utilizaremos el de lista de objetos y temas

Lista de objetos

Porque así será más fácil para el usuario identificar lo que quiere hacer dentro de la página y localizar el objeto que busca.

Lista de acciones

Este ayuda a identificar en lo que el usuario va a trabajar y lo que quiere hacer dentro de la página.

Estructura

Utilizaremos multiple-windows, one-window-paging y pop-up Windows.

Multiple Windows: Por si en la página existen enlaces a otras páginas, abrirá una página externa.

One-window-paging: Para que la ventana vaya cambiando y muestre la información que el usuario solicita en la misma ventana.

Pop-up Windows: Para que algún enlace de nuestra página abra esa información en una ventana pop-up mostrándola al usuario.

Físico

Two-pannel selector: Para facilitar la navegación del usuario.

Conceptuales

Extras on demmand: También utilizaremos extras on demmand en caso de que el usuario quiera obtener información adicional.

Wizard: En la parte donde los usuarios proponen y hacen comentarios, la página los guiará paso a paso para facilitar su navegación sin que se pierdan.

PATRONES DE NAVEGACIÓN:

Trama

Global navigation: La página mostrará enlaces o botones para llevar al usuario a la información que busca.

Pyramid: El usuario podrá regresar de ‘municipio’ a ‘país’ de una manera rápida con el uso de los botones.

Señales

Breadcrumbs: Este servirá para que el usuario se localice dentro de la página y sepa por dónde ha pasado y a dónde quiere ir.

Color coded section: Las secciones estarán divididas por colores para facilitar la navegación del usuario.

PAGE LAYOUT

Principios

Jerarquía: Utilizaremos este principio para que los espacios y temas se encuentren ordenados dependiendo de los aspectos más importantes a los de menor importancia, y conforme el usuario desee navegar:

Esquina superior izquierda: Se encuentra el logo para que tenga mayor peso visual y le de importancia a la empresa.

Espacios en blanco: Dan sensación de orden dentro de la página.

Fuentes congruentes: Utilizaremos una fuente semi-formal dirigida a un público de 20 a 25 años de edad.

Colores y contrastes: Dependiendo de cuál sea la sección, será indicada con un color diferente.

Subordinación: Las fuentes mostrarán cuáles son los títulos y subtítulos diferenciándolos con negritas y el tamaño de la letra.

Formas y grupo: Habrá formas geométricas (cuadrados, rectángulos) que ayuden a agrupar la información.

Flujo:

Nuestra página no contará con ‘scroll’, lo cual permitirá que ésta tenga un buen y adecuado flujo visual.

PATRONES DE AGRUPACIÓN:

Titled Sections: Cada sección lleva su título y sus respectivos subtemas.

Closable Panels : El menú se despliega conforme el usuario lo indique

Movable Panels: El usuario tiene la opción de acomodar los paneles como más se acomode.

Dinámicos:

Responsive enabling: La información aparece hasta que el usuario da click, esto lo utilizaremos en el menú principal.

-Un boceto de la página (diseño, que botones vamos a emplear, etc.)

Estamos trabajando en eso...

Diseño de la Información:

-Pantallas tipo layout:

1. País/Estado/Municipio-Obtener-Información

País/Estado/Municipio-Obtener-Información

País/Estado/Municipio-Obtener-Información

País/Estado/Municipio-Obtener-Información

País/Estado/Municipio-Obtener-Información

País/Estado/Municipio-Obtener-Información

País/Estado/Municipio-Obtener-Apoyo

3.-País/Estado/Municipio-Proponer-Servicios

País/Estado/Municipio-Proponer-Acciones

País/Estado/Municipio-Proponer-Acciones

4.-País/Estado/Municipio-Aportar-Comentarios

País/Estado/Municipio-Aportar-Información

País/Estado/Municipio-Aportar-Información

País/Estado/Municipio-Aportar-Información

País/Estado/Municipio-Aportar-Información

País/Estado/Municipio-Aportar-Información

País/Estado/Municipio-Aportar-Información