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
Jerarquía:
-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
