43 errores que no deberías cometer cuando diseñes un sitio
http://www.digilicious.cl/2007/05/24/43-errores-que-no-deberias-cometer-cuando-disenes-un-sitio/


 
Vuelvo con otro de los post tipo “10 mandamientos” (aunque esta vez son un poco mas de diez) la verdad es que me gustan bastante ya que me permiten ordenar las ideas y tenerlas constantemente frescas. En este post podrán encontrar un listado creado a partir de un artículo publicado en dailyblogtips, me tomé la libertad de usar los títulos y comentarlos personalmente, espero les sirva y guste.
 
  1. El usuario debe saber de qué es el sitio en pocos segundos
    • No tienes mas de 10 segundos para “impresionar a tu visitante” úsalos siendo lo más claro posible, con un poco de suerte, se quedará.

  2. Hacer el contenido “scaneable”
    • “Los usuarios no leen los sitios, los scanean” (Jakob Nielsen)

  3. No uses tipografías difíciles de leer en textos que quieres que se lean
    • No sacrificar “estética” con funcionalidad

  4. No uses tipografías enanas
    • Recuerda que no todos tienen una vista privilegiada como la tuya

  5. No abras páginas nuevas
    • Debo admitir que aún me resisto a esta, claro, Nielsen dice: “Si los usuarios quieren abrir el link en una página nueva, ocuparán las opciones que les da su browser” mmm, no estoy tan convencido.

  6. No redimensiones la ventana del navegador
    • Ni menos hagas sitios FullScreen, acaso crees que lo único que quiere ver el usuario es tu sitio? recuerda que cuando trabajas en browsers con pestañas, se redimensionan todas las pestañas (incluso las que no tienen nada que ver con tu sitio)

  7. No solicites regitrarse al usuario a no ser que sea necesario
    • Regístrese aquí!! para qué? porque si? no obtengo nada a cambio? un screensaver? JA, NICA me registro

  8. Nunca suscribas al usuario a menos que él lo acepte
    • Y que cuando acepte lo haga con pleno conocimiento de lo que acepta, no sacas nada con tratar de engañarlo

  9. No uses Flash sin una razón de peso (ojo que hay pocas)
    • Personalmente creo que Flash es muy útil para darle movimiento a las páginas, sólo preocúpate que sea en sectores delimitados y que no contengan los “keywords” de búsqueda de tu sitio, sino estos se perderán y Google no los leerá facilmente.

  10. No toques música en el sitio
    • Acaso crees que el usuario le interesa escuchar tu loop? acaso crees que no tiene en su computador música que preferiría escuchar antes que la tuya? no seas egocéntrico

  11. Si debes reproducir audio, deja que el usuario lo inicie
    • OK, no se trata tampoco de hacer una web muda, si eres músico y quieres colocar audio en tu sitio, puedes hacerlo, sólo asegurate que se pueda iniciar y detener por el usuario.

  12. No llenes tu sitio con “badges”
    • Los Badges son esas estrellas con muchas puntas que aparecieron con el look web 2.0, están bastante trilladas ya no?

  13. No uses una página “Splash” que lance el sitio real
    • Tu ubicuidad y usabilidad se irán al cuerno si colocas una de estas malditas páginas.

  14. Asegúrate de colocar una forma de contacto
    • Ohh me encantó esto, ahora cómo puedo comunicarme con ustedes, que?? no hay un formulario de contacto, y teléfono? no? dirección? puff, chao, me voy a otro sitio

  15. No inhabilites el botón volver del Browser
    • La gente usa el botón volver del browser, Ajax y Flash hacen que este se inhabilite (aunque es solucionable) SOLUCIONALO!

  16. No usues texto parpadeante
    • Parpadeante y texto son palabras que no deberían estar juntas nunca, aparte que cuesta leerlo, se ve rasca no?

  17. Evita Estructuras de URL complejas
    • Piensa en que alguien pueda pasarle la URL de una de tus páginas a otra persona por teléfono, evita las URL inintendibles, mejorará incluso tu SEO.

  18. Prefiere el CSS por sobre las Tablas
    • Las tablas son para información de tablas no para diagramar.

  19. Asegúrate que tus usuarios puedan buscar en todo el sitio
    • Yo justifico los búscadores sólo en sitios lo sufucientemente grandes como para tener uno

  20. Evita los menús deplegables
    • Al menos no los hagas la forma principal de navegación del sitio, ya que no permiten que tu usuario entienda claramente y de una pasada la estructura de contenidos de tu web.

  21. Usa navegación de texto
    • Será más facil de actualizar, ubicable por los buscadores y accesible para discapacitados. Ojo, esto no significa que deba ser fea, hay menús hermosos hechos con links de texto

  22. Si estás vinculando hacia un PDF… Házlo saber
    • El PDF abre el Acrobat en el Browser lo cual consume una cantidad importante de recursos que podrían incluso pegar un equipo viejito, deja que usuario decida si quiere ver el PDF o no.

  23. No confundas al visitante con varias versiones del sitio
    • Haz una sóla, eso de versión flash y HTML son cosas del pasado

  24. No mezcles la publicidad con el contenido
    • No te dará mas hits, te dará usuarios apestados

  25. Usa estructuras de navegación simples
    • Haz que tus menús sean tan claros como para que el usuario pueda intuir fácilmente que hay dentro

  26. Evita por todos lo medios una Intro
    • INTRO? come on! ya estamos grandes para eso no?

  27. No uses FrontPage
    • FrontPage? JA

  28. Asegúrate que tu sitio sea compatible en varios Browsers
    • Parte probándolo en FireFox y luego asegúrate que se vea bien en IExplorer

  29. Asegurate de usar Anclas en tu contenido de texto
    • Si el texto es largo mejorará su lectura y además te ayudará con los buscadores

  30. No metaforices los links
    • “El baúl de disfraces” no es un nombre para una sección, sé directo y claro

  31. Haz que los links se noten
    • Si tus links parecen contenido o parte del diseño, nadie sabrá que puede clickearlos

  32. No subrayes texto a menos que sea un Link
    • Está estandarizado que los textos subrayados son links, NUNCA subrayes un texto si no es link, confundirás al usuario

  33. Haz que los links visitados queden marcados
    • Personalmente aplico esta decisión sólo en listados de links o en páginas con muchos links, considero innecesario hacerlo en sitios pequeños en donde no hay mas de 5 secciones, simplemente puede terminar confundiendo más que ayudando

  34. No uses Gifs Animados
    • Agregaría..” a menos que sea tu última alternativa, y haz que no parezca gif animado”

  35. Asegúrate de colocar los atributos ALT y TITLE en las imágenes
    • Mejorará tu accesibilidad y ubicuidad

  36. No uses colores molestos
    • Una cosa es querer ser llamativo, o llamar la atención, otra completamente distinta es hacer de tu sitio el festival del color en donde no se puede leer nada porque la selección cromática perturba

  37. No uses Pop-Ups
    • Aunque tu cliente y tu flojera te lo exijan!!

  38. Evita los Links por JavaScript
    • Los típicos “on click” que luego son reemplazados por gatos (#) no son reconocidos por los spiders de los buscadores por lo tanto no son correctamente indexados en Google

  39. Incluye links funcionales en tu Footer
    • Si tus usuarios no encuentran la información en el principio de la página, irán a buscarla al fondo, preocúpate que tu footer tenga info relevante como teléfonos direcciones o accesos a info destacada

  40. Evita las páginas largas
    • Google adora las páginas largas, mientras más contenido mejor (con limite eso si) pero a la gente no les gusta tanto, hoy están mas acostumbradas a hacer scroll a lo que lo estaban hace un par de años, sin embargo, recuerda siempre que debes mantener tu contenido lo mas conciso posible, la gente no lee textos enormes (como este, JA)

  41. No uses el Scroll horizontal
    • Mucha gente ni siquiera notará que tu sitio tiene un scroll horizontal, por lo que posiblemente pierdan contenido importante, ahora si tienen monitor de 800×600… que se jodan, acostúmbrense al scroll horizontal!

  42. Cuidado con los errores de ortografía
    • “Loz herrores de hortografia le kitan credivilidad a lo que escrives”

  43. Si usarás CAPTCHA en los formularios, asegúrate que los textos sean legibles.
    • (captcha es el sistema que obliga al usuario a escribir un texto distorsionado que aparece en una imagen para continuar el proceso, es utilizado para lograr que el que llene el formulario sea una persona y no un robot).