extraclase

para realizar el análisis de cualquier interfaz se debe razonar como fue construida, la página de www.wikinomics.com/blog / está hecha sobre un CMS porque es más facil de usar y es un blog.

Este sitio es de colaboración, lo utilizan varias empresas para hablar de economía y provoca que otras empresas a reflexionen acerca de la tecnología que está surgiendo y da  explicaciones,  como es un blog la gente puede hacer comentarios.

mapa de sitio

taxonomía:

lista de temas divide los temas en tres home, about y archives

estructura:

one-window paging porque todo lo abre en una sola pagina.

fisicas

One-window drill down: Es una forma de clasificar las cosas haciendo scroll. Este patrón le resuelve al usuario escoger un tema de manera sencilla sin estar abriendo carpetas.

conceptuales

Extras on Demand: No le muestra al usuario toda la información desde un principio hasta que este se lo pide. Enseña el contenido más importante y esconde el resto. si das click en las palabras subrayadas te muestra más información.

navegación de trama

Global Navigation: Utilizando una pequeña sección de cada página, muestra un conjunto coherente de enlaces o botones que llevará al usuario a las secciones clave del sitio web o aplicación. 

en las señales utilza el de Color-coded section pero es el mismo azul en las palabras solo que subraya cuando te encuentras en la sección.

page layout

PRINCIPIOS: que se divide en: Jerarquía, Flujo y Agrupación

Jerarquía:

-Esquina superior izquierda: La esquina con mayor peso visual dentro de la página.

-Espacio en blanco: utilizarlo como mensaje, da la sensación de orden.
-Fuentes Congruentes: Características de acuerdo a la jerarquía e importancia. Las diferencias son parte del mensaje.
-Colores y Contrastes: Utilizarlos por legibilidad. Dar orden lo cual es parte del mensaje.
-Subordinación: Los indentados y la posición congruente con jerarquía.
-Formas y grupo: Formas que ayudan a ageupar (como los cuadrados, círculos, grupos, etc.)

Flujo: Como fluye la información de acuerdo a las necesidades que demanda el usuario.
Agrupación: Se divide en:
-Proximidad: lo que está junto se relaciona.
-Similaridad: Lo que se parece está relacionado (formas iguales = funciones iguales).
-Continuidad: La visión de formas continuas con relación es natural. 
-Cierre: La vista tiende a cerrar espacios para agruparlo relacionado.


PATRONES DE JERARQUÍA:
1.- Visual Framework: que todas las páginas de un sitio tengan la misma estructura para el contenido.
si cumple todo està igual.

 

PATRONES DE AGRUPACIÓN:
Titled Sections: Cada sección lleva su título y sus respectivos subtemas.
utiliza una letra màs grande en los titulos