Visual Beta

Aplicaciones online y offline

Miércoles, 26 de septiembre de 2007

10 errores de usabilidad imperdonables

10 errores de usabilidad imperdonables

Los chicos de Smashing Magazine se han trabajado un buen artículo con 10 errores de usabilidad imperdonables a la hora de diseñar una web o blog, aunque lo mejor es que para cada error nos ponen un ejemplo real de aplicaciones y páginas conocidas.

También queremos hacer mención especial a la web DontClick.it, una web que mencionan al final del artículo y que nos ofrece una forma totalmente innovadora de navegar por una web sin tener que hacer ni un solo click.

Nosotros os vamos a mostrar aquí un pequeño resumen de su artículo con los 10 errores de usabilidad imperdonables pero añadiendo nuestra opinión:

  1. Opción de Login escondida: Si nuestro objetivo es ganar usuarios, el primer paso sería dar un acceso claro y rápido a las opciones de registro de nuevo usuario y de login.
  2. Pop-ups para mostrar contenido: El contenido está mejor todo en su sitio, abrirlo al estilo Lightbox como se hace con las imágenes no aporta nada nuevo a dicho contenido. Puede ser bonito, pero poco más.
  3. Navegación con arrastre: Con las nuevas librerías de [tag]javascript[/tag] es muy fácil aplicar efectos de drag & drop para la navegación, pero el usuario está acostumbrado a su barra de scroll y la rueda del ratón, quizás en un futuro se aplique, pero hoy en día no es muy recomendable.
  4. Enlaces ocultos: Hay gente a la que no le gustan los enlaces subrayados, pero tampoco hay que esconderlos con imágenes o algo similar, por lo menos hemos de destacarlos del resto del texto y contenido.
  5. Sobrecarga visual: Párrafos enteros en negrita o frases completas que son enlaces no contribuyen a la navegación y sobrecargan la página.
  6. Zonas sin salida: Llevar al usuario a una web o menú con poca información o ninguna para volver a la sección anterior puede hacer que abandone de inmediato la web.
  7. Capas que se superponen: Hay que tener cuidado con menús desplegables o capas que se mueven ya que pueden superponer con otras capas de la web y quedar ocultas tras estas o taparlas.
  8. Navegación dinámica: Al igual que la navegación con arrastre, está muy bien en pequeños aspectos para dar un toque moderno, pero la gente está acostumbrada a una navegación clásica.
  9. Menús desplegables: Los usuarios suelen sacar el cursor del menú y este se cierra inmediatamente, lo que genera una situación muy incómoda, por lo que si se ponen por lo menos que no sean pequeños y difíciles de navegar.
  10. Imágenes animadas: Si colocamos un banner o similar y este está animado, puede contribuir a que nos distraiga a la hora de leer el contenido que es lo realmente importante.

Visto en SmashingMagazine.

Comentarios

1
saul
1 de febrero de 2008 - 16:13

Hola, aqui te dejo una traducción que he hecho sobre este artículo, http://www.nerv.es/blog/10-pesadillas-de-la-usabilidad-que-deberias-evitar/ , un saludo!!


Comentar




XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Publicidad

Suscripción

Feeds

  • Feed RSS

Publicidad

Autores

Blogroll

Publicidad

 

red de Zumo de Blogs

Logotipo de Zumo de BlogsZumo de Blogs
Blog Corporativo de Zumo de Blogs
Logotipo de GizmosGizmos
Blog de tecnología y consumo
Logotipo de Visual BetaVisual Beta
Blog de Aplicaciones online y offline
Logotipo de Notas de CineNotas de Cine
Conoce los secretos del mundo del cine
Logotipo de Modo JuegosModo Juegos
Un blog sobre videojuegos y consolas
Logotipo de A Fin de MesA fin de mes
Un blog sobre ahorro para finalizar el mes
Logotipo de TrotamillasTrotamillas
Un blog sobre los viajes
Logotipo de Centro MujerCentro Mujer
Un espacio diferente para compartir todo lo que nos interesa como mujer
Logotipo de Catálogo MotorCatálogo Motor
Toda la información del motor en un solo sitio

Blogs para Empresas

Logotipo de PequeliaPequelia
Un mundo para padres e hijos.

Páginas

Categorías

Archivos

últimos comentarios

Créditos

 

Una idea de Blogestudio Estándar W3C sobre CSS Estándar W3C sobre XHTML 1.0