35 Consejos para Mejorar la Usabilidad de sus Páginas Web 

© 2007 Mario Sanchez

• Escoja un dominio memorable, de preferencia utilizando no más de dos palabras. Una de ellas puede ser el nombre propio de su empresa y la otra el giro del negocio. Por ejemplo, si usted tiene una empresa de consultoría llamada Alfa, un buen dominio podría ser: alfaconsultores.com.

• Incluya el logotipo de su compañía en cada página, y ubíquelo en la esquina superior izquierda.

• Cree un “favicon” para su web. Un “favicon” es el icono pequeño que aparece en la barra de direcciones del navegador. Este icono puede ser una versión pequeña del logotipo de su empresa. Como este icono aparecerá también junto a la descripción de su página en los fólderes de Favoritos, hará que el usuario ubique e identifique más fácilmente su página.

• En los títulos de sus páginas, utilice los términos genéricos más usados para describir el contenido de las mismas. Esto es necesario ya que los motores de búsqueda utilizarán el título de sus páginas en la lista de resultados. Al utilizar términos comunes facilitará que el usuario escoja sus páginas.

• Utilice un diagramado y un esquema de colores consistentes en todas sus páginas. El usuario deberá deducir fácilmente que se encuentra en el mismo sitio web al visitar sus distintas páginas. El esquema gráfico de su página debe también ser consistente con el utilizado en cualquier otro material gráfico desarrollado por su compañía, y mantener así su identidad corporativa.

• Cree una sección llamada “Sobre Nosotros” o “Quienes Somos”, donde incluya toda la información relevante sobre su empresa. De esta manera sus usuarios no tendrán que navegar por todo su sitio web para buscar información.

• Diseñe sus páginas de tal manera que carguen rápidamente. Generalmente, si una página tarda más de cinco segundos en cargar, la mayoría de usuarios no esperará y navegará hacia otro sitio. Piense en los usuarios que aun puedan no estar utilizando una conexión rápida.

• No utilice pantallas “splash”. Una pantalla splash es una página web servida automáticamente, generalmente animada, utilizada como preámbulo a la página principal. Las pantallas splash no brindan beneficio alguno al el usuario, sino que por el contrario, evitan que éste pueda acceder a la información de manera rápida y eficiente.

• Si su sitio web es extenso (más de 50 páginas) incorpore una función de búsqueda. Muchos usuarios preferirán utilizarla en lugar de navegar insistentemente por todas las opciones del menú buscando información. Ubique el formulario de búsqueda en la esquina superior derecha de sus páginas, ya ésta es la ubicación más utilizada.

• En su menú de navegación, presente las diferentes opciones agrupadas en sub-menús de opciones relacionadas. Un sub-menú puede agrupar los diferentes Productos de su empresa, otro puede agrupar Información Corporativa donde pueden presentarse enlaces a la historia de su empresa, a la sección “quienes somos”, a un mapa de la empresa, etc.

• Cree un mapa del sitio y active un hipervínculo hacia él desde su página principal. Esto no solamente beneficiará a sus usuarios sino que hará que los motores de búsqueda, al acceder al mapa del sitio, ubiquen sus páginas más rápidamente y las incluyan en su base de datos.

• Cree una página de archivo, donde el usuario pueda encontrar fácilmente y en un solo lugar todos sus artículos, comunicados de prensa o noticias relacionadas con su empresa.

• No utilice marcos (frames), ya que éstos presentan muchos problemas de navegación e impresión. Por ejemplo, los marcos impiden que un usuario pueda grabar una página en su fólder de Favoritos.

• Minimice el uso de la tecnología Flash. Por lo general las páginas hechas con Flash tardan mucho en cargar y no son registradas por los motores de búsqueda. Si decide utilizar Flash para su sitio web, sugerimos crear también una versión en HTML.

• No incluya archivos de audio que se abran automáticamente, ya que podría resultar perturbador en ambientes como oficinas y centros de trabajo. Cuando utilice archivos de audio, hágalo por medio de un enlace o hipervínculo que el usuario pueda activar si lo desea.

• Pruebe sus páginas web en diferentes navegadores (por ejemplo Internet Explorer y Mozilla Firefox) y en diferentes resoluciones (800x600 y 1024x768) para asegurarse de que todos los usuarios puedan ver sus páginas correctamente.

• Evite a toda costa que el usuario tenga que navegar horizontalmente. Esto ocurrirá cuando sus páginas son demasiado anchas y exceden la resolución de la pantalla. La navegación horizontal es uno de los problemas de usabilidad más graves.

• Ubique el contenido más importante en la parte superior de sus páginas, para que el usuario pueda tener acceso a él sin necesidad de navegar hacia abajo.

• Utilice un buen contraste entre el fondo de sus páginas y el texto. El mejor contraste se logra utilizando fondo blanco y texto negro. Evite utilizar fondos de página con texturas, ya que dificultan la lectura

• No utilice más de tres tipos de fuente en sus páginas. Puede utilizar uno para el texto principal, otro para los encabezados y otro para las opciones de navegación.

• Utilice fuentes diseñadas especialmente para la web y que sean fáciles de leer, como Verdana o Georgia. Ambas son aceptadas por todos los navegadores.

• Utilice un tamaño de fuente igual o mayor a 10pt para el texto principal.

• Utilice un estilo de redacción que facilite la lectura, como por ejemplo párrafos pequeños, encabezados frecuentes para dividir el contenido en porciones relevantes, palabras importantes resaltadas en “negrita” (bold), y puntos destacados (bullets).

• Evite utilizar elementos gráficos que no añaden valor y crean una apariencia confusa o poco profesional, como los contadores de visitas, GIFs animados, excesivo uso de mayúsculas, imágenes de publicidad, etc.

• Escriba en términos claros y concisos. Evite las palabras rebuscadas o muy técnicas (excepto cuando su audiencia así lo determine).

• Presente sus argumentos utilizando el menor número de palabras posible. Leer texto en una pantalla de computador es difícil, por lo que mientras más conciso sea el contenido, mejor. Además, sus lectores tienen muchas opciones a sólo un clic. Si su texto les aburre o no presenta el contenido relevante rápidamente, podrían optar por dejar sus páginas.

• No utilice ventanas que se abran automáticamente (pop-ups), no solamente por una cuestión de etiqueta sino también porque los navegadores actuales cuentan con opciones de bloqueo que evitan que el usuario acceda a ellas.

• Utilice texto descriptivo para sus hipervínculos. Por ejemplo, si usted crea un hipervínculo a un diagrama de motor, cree el enlace de la siguiente manera: Vea el siguiente diagrama de motor, en lugar de decir: para ver el diagrama de motor haga clic aquí.

• Utilice un color diferente para los hipervínculos ya visitados. Generalmente se utiliza una variante más clara del utilizado para los hipervínculos no visitados. Por ejemplo, si los hipervínculos no visitados son azules, los hipervínculos visitados podrían ser azul celeste.

• No utilice el color empleado para los hipervínculos en otros elementos como encabezados o palabras destacadas en negrita, ya que el usuario podría confundirse y pensar que se trata de hipervínculos.

• Cuando cree un hipervínculo hacia un archivo en un formato distinto a HTML (como Word, Excel, PowerPoint o Adobe Acrobat) indíquelo claramente, ya sea colocando el formato entre paréntesis junto al hipervínculo, o utilizando un pequeño icono que identifique el programa necesario para abrirlo.

• No cambie la dirección URL de sus páginas, ya que los usuarios podrían haber colocado la dirección antigua en su fólder de Favoritos y obtener una página de error al tratar de visitarlas. Si debe mudar sus páginas a otra dirección, consulte con su compañía de alojamiento de páginas sobre como redirigirlas automáticamente.

• Optimice el tamaño de sus imágenes. Las imágenes muy pesadas requieren demasiado ancho de banda y hacen que la página cargue muy lentamente. Normalmente el formato de imágenes JPG permite comprimir sus imágenes hasta en un 60% o 70% sin sufrir deterioro de la calidad. Utilizar un optimizador de imágenes es sumamente sencillo.

• No incluya imágenes que residan en otros servidores, ya que utilizar el ancho de banda de otras personas es una práctica desleal. Además, si el servidor se encuentra fuera de servicio las imágenes no aparecerán en sus páginas. Siempre cargue las imágenes que va a utilizar a su propio servidor.

• Utilice el atributo ALT para colocar una descripción relevante a sus imágenes. Esta descripción será visible cuando coloque el cursor sobre la imagen.

Por último, aconsejamos que pruebe la usabilidad de su sitio web usted mismo, utilizando todas sus funciones y visitando todas sus páginas, para detectar áreas donde se puedan realizar mejoras. En general, la navegación debe resultar intuitiva y la información relevante debe ser fácil de encontrar. Regularmente, haga que también otras personas evalúen sus páginas y le comuniquen si han tenido alguna dificultad y si tienen alguna sugerencia. Recuerde que la función de un sitio web es servir al usuario. De nada sirven los diseños creativos y los gráficos impactantes si no contribuyen a que el usuario logre su objetivo de manera fácil y rápida.
 

Busque más información sobre el tema en Google:

Subscribe to our newsletter:

Your Email address:

Privacy Policy: Your e-mail address will never be sold, rented or given away to anybody. You can unsubscribe at any time.