Diseño de Navegación:
Mapa de sitio
Navegación Global: Permite al usuario llegar a cualquier parte del sitio de forma jerárquica y también sirve para identificar las secciones.
Navegación contextual: Permite al usuario llegar a otros lugares del sitio en forma directa, el contenido nos muestra el contenido de nuestro sitio por medio de botones y enlaces.
Navegación de cortesía: La opción de ayuda o ‘help’ y la de buscador, vienen integradas en nuestra página por si el usuario llega a tener una duda o busca algo en específico, lo encuentre de manera rápida.
Diseño de Interfaz:
PATRONES DE USUARIO
1. Safe exploration
Los usuarios de nuestra página pueden navegar sin que les cobren ni les pidan datos innecesarios.
2. Instant gratification
Encuentran lo que buscan rápidamente sin perder el tiempo con un intro.
3. Satisfacing
Brinda al usuario información en el momento en que éste la solicita.
4. Changes in midstream
Permite al usuario regresar si éste cambia de opinión, sin generar cambios graves a la información o a su navegación.
5. Deferred choices
Nuestra página permite al usuario dejar comentarios (si éste lo desea) al finalizar su navegación por la página, o puede no hacerlo si no es lo que busca en ese momento.
6. Incremental construction
Permite al usuario navegar de forma flexible, sin tener que seguir una rígida serie de pasos. En nuestra página, el usuario puede revisar la información poco a poco salteándose lo que no necesita ver en ese momento.
7. Habituation
El menú de nuestra página se encuentra ubicado al centro, y el enlace de ‘ayuda’ se encuentra en la representación de una persona detrás de mostrador con una nube a su lado con la palabra ‘ayuda’; elementos que el usuario identifica como comunes y encuentra en ellos su habituación.
8. Spatial memory
El usuario recuerda donde están las opciones que tiene para su ‘bebida’ dentro del menú principal, más que los nombres precisos de cada sección.
Esto le ayuda a recordar donde se encuentra la información que solicita.
9. Prospective memory
Le dice al usuario dónde se encuentra, ubicando el nombre de la sección en la parte superior de la página.
10. Streamlined repetition
Nuestra página, tiene la opción de recordar al usuario datos que ya se le han proporcionado.
11. Keyboard Only
Nuestra página cuenta con los ‘shortcuts’ básicos, ctrl+c y ctrl+v.
12. Other people advice
Nuestra página cuenta con este patrón, ya que es un sitio abierto a la opinión de los usuarios, permitiéndoles dejar comentarios para así conocer sus necesidades.
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.)
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
No hay comentarios:
Publicar un comentario