lunes, mayo 21, 2007

63 Recomendaciones que Debes Tener en Cuenta



Hace algunos días leí un interesante post en Daily Blogs Tips titulado 43 Errores en Diseño Web que Debes Evitar. Esta vez no traduciré el artículo completo. Sólo listaré las recomendaciones ya que son muy claras, y aún cuando se supone que son para blogs, aplican perfectamente para cualquier tipo de sitio Web. Todas ellas apuntan a que el usuario tenga una excelente experiencia de usuario y a que tu sitio sea realmente amigable, accesible, encontrable, etc.

Lo interesante es que ya no son 43, sino 63 las recomendaciones a tener en cuenta, gracias a los lectores de ese blog. Y aunque taché las que no considero adecuadas, las dejo por si opinas lo contrario.
  1. El usuario debe saber de que se trata el sitio en segundos.
  2. Haz el contenido fácilmente consultable ("escaneable").
  3. No uses tipologías decorativas que sean ilegibles.
  4. No uses tipologías diminutas.
  5. No abras ventanas nuevas del navegador.
  6. No cambies el tamaño del navegador.
  7. No exijas a tu visitante registrarte a menos de que sea absolutamente necesario.
  8. Nunca suscribas a tu visitante a algo sin su consentimiento.
  9. No uses en exceso películas en Flash.
  10. No pongas música de fondo.
  11. Si debes poner un archivo de audio deja que el usuario sea quien lo inicie.
  12. No desordenes tu sitio con insignias, emblemas o escudos de otras comunidades.
  13. No uses una página inicial que sólo lance el sitio real.
  14. Asegúrate de incluir los detalles de contacto.
  15. No dañes la funcionalidad del botón “Back” (Atrás).
  16. No uses texto parpadeante.
  17. Evita URLs complejos y enredados.
  18. Usa CSS en lugar de tablas en HTML.
  19. Asegúrate de que los usuarios puedan hacer búsquedas en todo el sitio.
  20. Evita los menús con “drop down”.
  21. Para tu navegación usa texto.
  22. Si vinculas archivos PDF infórmale al usuario.
  23. No confundas a tu visitante con varias versiones de tu mismo sitio (que HTML, Flash, 56Kbps, 128Kbps…).
  24. No mezcles la publicidad con tu contenido.
  25. Usa una estructura de navegación sencilla.
  26. Evita las “intros”.
  27. No uses Microsoft FrontPage para crear tu sitio.
  28. Asegúrate que el sitio sea compatible con varios navegadores.
  29. Asegúrate que los vínculos incluyan un texto claro. Evita el “Clic aquí” Asegúrate que los vínculos incluyan un texto claro y descriptivo. Si utilizas la frase “Clic aquí” para mejorar tu tasa de clics no la incluyas en el vínculo.
  30. No ocultes tus vínculos.
  31. Haz tus vínculos visibles. El usuario debe diferenciar claramente qué es un vínculo y qué no.
  32. No subrayes o colorees el texto normal.
  33. Haz que los vínculos visitados cambien de color.
  34. No uses GIFs animados.
  35. Asegúrate de usar los atributos ALT y TITLE en tus imágenes.
  36. No uses colores fuertes.
  37. No uses pop ups.
  38. Evita los vínculos en Javascript.
  39. Incluye vínculos funcionales en tus pies de página.
  40. Evita las páginas demasiado extensas.
  41. No generes “scroll” horizontal.
  42. No permitas errores de ortografía o gramática.
  43. Si usas CAPTCHAs asegúrate de que sean realmente legibles.
  44. No uses texto escondido.
  45. No vincules sitios prohibidos o penalizados por los buscadores.
  46. Coloca tu publicidad arriba.
  47. Adiciónate a dmoz y yahoo.com. El mismo Google lo recomienda.
  48. Ingresa a adwords.
  49. Usa las herramientas de seomoz.org.
  50. Usa un diseño o tema específico para tu sitio y se coherente con él.
  51. Publica un blog.
  52. Revisa tu ortografía y gramática. (Ya está en el punto 42.)
  53. Evita los plugings para Wordpress innecesarios.
  54. Diferencia entre tus comentarios y los de tus lectores.
  55. En tu CSS haz lo posible por usar como medida los “em” en lugar de “px” o “%”.
  56. Usa los estándares para la estructura del mapa del sitio.
  57. Usa los estándares para la accesibilidad Web.
  58. Usa técnicas de diseño centrado en el usuario.
  59. Publica un glosario.
  60. Usa palabras claves a través de todo el sitio.
  61. No uses una página tradicional para tus FAQ.
  62. Diseña teniendo en cuenta el acceso móvil.
  63. Usa las tablas en HTML para tabular datos.

4 comentarios:

Caso Patologico dijo...

64.- No uses el estorboso Snap.

Buena lista, saludos
Mario

Gabriel Porras dijo...

Oopss.. Al que le caiga el guante que se lo Gabriel.
:P

Dondanilo dijo...

Estas cosa son las que realmente ayudan. Muy buena lista. Aunque es interesante que se tenga en cuenta la majestuosidad de la ortografia. Es algo que no debemos dejar perder.

www.cotidianabogota.blogspot.com

Saluditos

Audihakan dijo...

Como todos tus artículos muy utiles auqnue dificil de llevar a efecto todos los consejos y en mi caso sobre todo por razones técnicas.
Muchos de ellos les relaciona Google cuando habla de optimización en adsense.

multidivisa
coches usados