Malos ejemplos de diseño y usabilidad
Relacionado: Buenos ejemplos de diseño y usabilidad | Buenas prácticas HTML/CSS | Diseñar Web sites atractivos
-
Excelente |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
Bueno |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
Mejorable |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
Deficiente |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
-
Excelente |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
Bueno |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
Mejorable |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
Deficiente |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
-
Excelente |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios.
- ...
|
Bueno |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
Mejorable |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
Deficiente |
- Optimización del uso de imagenes en sitios Web.
- Técnicas de reducción de la carga por elementos gráficos.
- Banners rotatorios
- ...
|
-
Excelente |
- Presentación.
- Diseño gráfico.
- Áreas de distribución de contenidos.
- Usabilidad
- ...
|
Bueno |
- Legibilidad
- Empatizante, agradable.
|
Mejorable |
- Sería muy útil un mapa de contenidos.
- En este tipo de sitios es muy útil "Envíaselo a un amigo" (no disponible).
- Sería recomendable "Consultas y sugerencias" (no disponible).
- Es muy útil para su difusión internacional "Diccionario de sinónimos" (no disponible).
|
Deficiente |
- Rendimientro del servidor.
|
Demencial |
- ¡Nada menos que 314 imágenes, todas juntas en la Home Page!
- La carga de la Home Page es un proceso que te da tiempo para llamar por teléfono.
- Utilizar 90 pequeñas imágenes para la barra gráfica superior: una única imágen debidamente optimizada aportaría una carga de página mucho más rápida. Y esto es aplicable a cada montaje gráfico de las áreas de recetas.
- Prototipo de sitio en el que la concepción a corrido a cargo del diseñador gráfico, le han maquitado las imágenes y ... a tirar: siempre debe haber una evaluación técnica.
|
-
Prácticamente el repertorio completo de lo que no se debe hacerl al diseñar una página Web.
Excelente |
|
Bueno |
- Arquitectura de contenidos
|
Mejorable |
|
Deficiente |
|
Demencial |
- Diseño HTML
- Uso de Imágernes
- Tipografía
- Prototipo de sitio en el que la concepción a corrido a cargo del diseñador gráfico, le han maquitado las imágenes y ... a tirar: siempre debe haber una evaluación técnica.
|
-
Sin llegar al nivel de cutrez de alguno de los anteriores, tiene errores de usabilidad básicos, especialmente chocantes tratándose de un grupo con orígen en la Escuela de Ingenieros Superiores de Telecomunicación de Madrid.
Excelente |
|
Bueno |
- Destaque del anuncio principal: es claro y en área prioritaria
|
Mejorable |
- Mala distribución de Contenidos / Anuncios / Menú de Navegación
|
Deficiente |
- Uso de un Menú de Navegación ubicado en el áre derecha que parece un Frame, pero que no lo es, que requiere scroll, y que no es ni creativo ni profesional en absoluto.
|
Demencial |
- Contraste de Texto / Lienzo del Área de Descarga de Documentos
- Uso de un Ticker con "scroll" en el área izquierda (dónde normalmente se ubiacn los menús de navegación) al que se destina una pequeña altura, (de manera que se hace estresante su lectura), disponiendo de mucho espacio inutilizado debajlo.
|
Relacionado: Buenos ejemplos de diseño y usabilidad | Buenas prácticas HTML/CSS | Diseñar Web sites atractivos