Buenos ejemplos de diseño y usabilidad
Temas relacionados: Malos ejemplos de diseño y usabilidad | Buenas prácticas en HTML/CSS | Diseño de Web sites atractivos
-
Sitio francés especializado en música de percusión, especialmente africana e latinoamericana:
Excelente |
- Distribución de contenidos y áreas: todo se encuentra fácil con una inspección ocular rápida y poco scroll.
- Esquema de colores: con apenas 2 gamas (además del blanco y negro) consiguen a la vez sobriedad pero equilibrada y alegre.
- Banners de sección: uno para cada sección lo que contribuye a ubicar al usuario en cada tema. Además son en blanco y negro y ligeros con lo que las páginas se cargan rápido.
- ...
|
Bueno |
- Estructura de página: sigue un estándar a lo largo del site resultando un interfaz familiar para el usuario a los 3 clicks.
- Archivo de noticias publicadas: muy intuitivo y fácil de seguir.
- Los foros: evidentes y con un diseño en consonancia con el sitio.
- ...
|
Mejorable |
|
Deficiente |
|
-
Mega-magazine / Directorio de servicios:
Excelente |
- Áreas temáticas bien diferenciadas utilizando elementos gráficos, bordes y lienzos específicos.
- Excelente velocidad de carga teniendo en cuenta la cantidad de contenidos / referencias.
- Gestión de las imágenes: peso muy escaso y tamaño adecuado. Suficientes para aportar información, colorido y separar contenidos.
|
Bueno |
- Paradigma de arquitectura de presentación de casi un único nivel, presentando prácticamente toda su oferta en la Home Page.
- Estructuración de áreas / contenidos / servicios de forma muy ordenada que permite orientarse fácil al usuario en el mare-magnum de alternativas de navegación.
- Buena elección de esquemas de colores: no distraen ni molestan y resaltan lo suficiente.
- Rompen el paradigma de la usabilidad / arquitectura de contenidos basados en "páginas sencillas que enlazan con páginas sencillas" sustituyendole por el paradigma de "todo a 1 click": ¡máxima facilidad de navegación!
|
Mejorable |
- Toda la navegación en primer plano: se hace exahustiva y se podrían establecer páginas-índice de segundo nivel que mostraran todos los enlaces por tipos.
|
Deficiente |
|
Temas relacionados: Malos ejemplos de diseño y usabilidad | Buenas prácticas en HTML/CSS | Diseño de Web sites atractivos