sesión 25 extraclase

4:31 p. m.

PLANO ESQUELETO

1 Diseño de navegación

* Mapa de sitio: este mapa nos indica las paginas interiores de nuestro sitio , así de cómo están organizadas entres.
* Navegación Global: esta opción nos permite estar dentro de la pagina y poder entra a cualquier pagina que tenga un enlace dentro del sito, esto es muy eficaz y agradable para los usuarios. Es bastante eficaz.
* Navegación local: esta opción nos permite estar dentro de la pagina y poder entra a cualquier pagina que tenga un enlace dentro del sito siempre y cuándo estén dentro de alguna sección en especial o una misma categoría.
* Navegación Suplementaria: es un atajo dentro del sitio asi podemos navegar de forma directa sin importar donde estemos o la pagina anterior.
* Navegación contextual: dentro de la margina encontramos link que tienen el nombre del sitio al cual podemos llegar sin tener que estar bajando de secciones.
* Navegación de cortesía: Se refiere a la ayuda o búsqueda extra.

2 Diseño de interfaz

Patrones de usuario

* Safe exploration

Se refiere a que nuestros usuarios puedan navegar de forma segura y confiable sin tener algún problema


* Instant gratification

Los usuarios van a tener la ventaja de encontrar de manera eficaz y eficiente lo que necesiten.


* Satisfacing

Los usuarios van a poder satisfacerse de rápidamente encontrado la información que requieran en el menor tiempo posible.


* Changes in midstream

Nuestra pagina va a permitirle a nuestros usuarios regresar a la opción donde estaban anteriormente si estos cambian de opinión y de esta manera no tendrán algún problema.


* Deferred choices

El usuario va a poder contestar o completar opciones dentro de la navegación.


* Incremental construction

En este caso no vamos a obligar a nuestros usuarios a una secuencia de pasos como en otros lugares, ya que va permitirle al usuario poder navegar de forma flexible y segura.


* Habituation

Nuestra pagina va a estar diseñada de la manera en que el usuario pueda seguir utilizando las acciones a las cuales esta acostumbrado.


* Spatial memory

El usuario recuerda más el lugar de donde están las cosas que el nombre o símbolo de la función, por eso es que pondremos opciones y lugares que siempre recuerde.


* Prospective memory

Al usuario le gusta que le estén recordando donde se encuentran las cosas y las secciones.


* Streamlined repetition

Nuestra página va a contar con una opción únicamente para recordar al usuario tareas, datos, información,etc que ya se le han proporcionado.


* Keyboard Only

Nuestro sitio va a dar alternativas de shortcuts.


* Other people advice

Nuestra página va a tener enlaces a redes sociales y blogs para que pueda conocer la opinión y comentario de otros usuarios sobre el sitio.

Patrones de contenido

- Taxonomía
* Lista de acciones de esta manera el usuario va a poder decidir en que quiere hacer dentro de la pagina.

- Estructura
* One window paging para que de esta manera sea mas cómoda la navegación dentro del sitio y pueda estar navegando el usuario dentro de la misma ventana sin que se le abran nuevas.
* Pop up windows cuando quiera el usuario ver una imagen o alguna otra como información cosa se abrirá en grande en una ventana pop up.

- Físico
* One window drill down la pagina ira bajando y tendrás que mover la barra lateral para ver lo que esta abajo

- Conceptuales
* Wizard por si llegara el caso en que tenga que llenar una serie de pasos para algo
* Intriguing branches tendremos hipervinculos para enlazar al usuario con otras paginas relacionadas con el tema
* Multilevel help abra una sección especial y únicamente diseñada para AYUDA en caso de que el usuario la requiera


Patrones de navegación

- Trama

* Clearentry points nuestra pagina tendrá como ya hemos mencionado anteriormente puntos de entrada

* Global navegation también tendrá botones globales


- Señales

* Color coded section nuestra pagina se dividirá por secciones y cada sección tendrá un color diferente para que lo puedan identificar.


Page layout

PRINCIPIOS

- Jerarquía visual

* Esquina superior izquierda

* Espacio en blanco para dar orden y se entienda mejor el mensaje

* Fuentes congruentes será una fuente formal ya que nuestra segmentación es de 45-55 años

* Colores y contrastes son muy importantes ya que así pueden identificar mejor las secciones

* Subordinación tener ordenados los títulos y subtítulos de las secciones

* Formas y grupos utilizaremos algunas formas geométricas ya que estas ayudan a agrupar


- Flujo

Nuestra pagina tendrá un gran flujo visual para que pueda trabajar bien los usuarios


PATRONES

- Jerarquía

* Center stage el escenario va a estar centrado y blanco a las orillas


- Agrupación

* Closable panels los paneles del menú se van a abrir y cerrar

* Tittle sections las secciones van a contar con un titulo y por consiguiente por un subtitulo


- Flujo

* Left/right alignment todo va a estar justificado a la izquierda


- Dinámicos

* Responsive disclosure se va a abrir una ventana nueva de acuerdo a lo que se requiera

* Liquid layout

0 Responses on "sesión 25 extraclase"

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)