10 consideraciones para lograr sitios web efectivos

Elementos de diseño

Hay numerosos detalles que no debería considerar a la hora de diseñar un sitio web. En realidad, podríamos llegar a detallar una eterna lista -- pero si priorizamos las cosas mas importantes podríamos destacar las siguientes 15 consideraciones.

1. Diseño visual

Primero lo primero, el diseño visual. Al ingresar a un sitio web mal diseñado, inmediatamente dudo de la seriedad de la empresa.

Ésto no quiere decir que absolutamente todo sitio debería estar espectacularmente diseñador, pero si el sitio no es actualizado desde 1994, probablemente cierre la ventana.

Casi siempre bastará con contar con un diseño simple y limpio. Animaciones y efectos atractivos pueden ayudar pero en su justa medida. De lo contrario el sitio dejará de ser usable y terminaremos complicando al visitante.

Al igual que en las relaciones humadas, la primera impresión es fundamental. Aunque un diseño atractivo por si solo no logrará que tus visitantes permanezcan en el sitio o compren sus productos, por lo menos les llamará la atención para buscar mas información.

2. Interfaz y navegación intuitiva

navegación intuitivaUn buen diseño requiere de una interfaz intuitiva, columna vertebral de todo sitio web usable. A la hora de diseñar un sitio, precisamos tener en consideración al usuario promedio. ¿Quién visitara mi sitio? ¿Quienes son mis potenciales clientes? ¿Son experimentados en Internet?

Imaginar al típico visitante ayuda a entender sus necesidades a la hora de definir el diseño de nuestro sitio. Asegurese de ofrecer toda la información que sus clientes precisan antes de contratar o comprar el producto que ofrece.

El menú de navegación debe ser fácil de encontrar y consistente a través de todo su sitio y distinga los enlaces del texto.

3. Navegación visible

La idea de facilitar la navegación a nuestros visitantes requiere de permitirles utilizar el menú de navegación en la parte superior del sitio sin necesidad de desplazarse (scrollear) hacia abajo. Con los últimos monitores con resoluciones cada vez mayores, esta sección suele referirse a los primeros 500 / 600 pixeles de alto del sitio.

Los elementos a incluir en ésta parte usualmente son el logo con un enlace a la página principal y el menú de navegación. Si poseemos numerosas páginas internas o secciones secundarias, podemos optar por convertir al menú en uno desplegable o bien incorporar un menú secundario; siempre procurando mantener un diseño limpio.

La consistencia es clave por lo que debemos mantener el mismo menú a través de nuestro sitio.

4. Navegación en el pie de página

Siempre con la idea de facilitar al visitante su estadía en nuestro sitio, repetir nuestro menú de navegación en el pie de página puede ser una buena idea. Ésto resulta particularmente útil para los menúes en imagenes o en flash.

También podremos incluir otros enlaces con información adicional, como por ejemplo nuestros términos y condiciones. Algo fácil de encontrar pero no necesariamente importante como para ocupar una posición destacada.

Contenidos

5. Contenido significativo

¿Conocen el dicho "El contenido lo es todo" (Content is King)? Ésto es algo que se repite entre los consejos para posicionar nuestro sitio web y que también se aplica a la usabilidad del sitio.

Si logramos atraer la atención con un diseño atractivo pero nuestros contenidos son pobres, las probabilidades de que dejen de visitarnos son altas.

A la hora de redactar los contenidos, es importante brindar información detallada y relacionada con nuestra empresa, servicios, etc. Incorporar articulos de interés en nuestro blog ayudará a construir relaciones con los clientes.

6. Información de contacto

información de contacto

Nada puede desalentar a un cliente más que la imposibilidad de encontrar la forma de contactarse con nosotros. Si logramos atraer la atención en nuestros servicios pero lo logran encontrar como contactarnos, terminaran buscando alternativas en otros sitios.

Idealmente deberíamos ofrecer distintas formas de contacto aunque con un email y un formulario de contacto puede bastar. Éste último es particularmente útil para los que no quieren abrir su cliente de correo o visitar su webmail favorito y copiar la dirección de contacto, permitiendoles escribir un mensaje directamente en el mismo sitio.

Si nos resulta factible, incorporar un número telefónico o la dirección de nuestro establecimiento puede brindarnos mayor seguridad y confianza.

7. Mapa de sitio

Existen dos tipos de mapas de sitios, uno para humanos y otro para los buscadores. El primero puede resultar ideal para que puedan encontrar rápidamente lo que estan buscando.

Crear un listado estructurado de todas las páginas de sitio es particularmente útil sino deseamos incorporar un buscador. Éste listado suele ser incluido desde un enlace en el pie de página.

8. Distinguir el diseño del contenido

La utilización de tablas para la estructura del diseño es una técnica antigüa y reemplaza por la combinación de XMHTL y CSS (hojas de estilo), separando claramente el diseño de nuestro contenido.

Con la utilización de la etiqueta <div> podremos crear contenedores para las distintas áreas de texto e imagenes de nuestro sitio. Sin el correspondiente CSS veeríamos el texto sin ningún tipo de formato, tal cual nos gustaría que lo vean los buscadores.

Enlazando a una hoja de estilos aparte logramos dejar exclusivamente el contenido en el código fuente, permitiendonos editar solamente un archivo para modificar estilos en todo nuestro sitio, sin necesidad de editar manualmente cada una de nuestras páginas.

A su vez, los buscadores podrán leer e interpretar el contenido de nuestro sitio fácilmente sin necesidad de distinguir la estética del contenido.

W3C

9. XHTML / CSS válidos

Desarrollar sitios web con XMHTL / CSS no es suficiente. Debido a que existen numerosas formas de represetar gráficamente un mismo sitio, el código que utilicemos debe ser validado, asegurandonos de estar utilizando la forma estándar. Dos herramientas invaluables para revisar nuestro código fuente son:

Existen numerosas razones para escribir y validar nuestros sitios. En primer lugar las probablidades de que nuestro sitio se vea de exactamente la misma forma a través de los distintos navegadores aumentan. También nos aseguraremos que los buscadores puedan interpretar nuestro código correctamente y podremos distinguirnos de la competencia, demostrando que realmente sabemos lo que hacemos.

Estadisticas web

10. Estadísticas y análisis

Aunque esta consideración funciona de manera invisible para los visitantes, provee al dueño del sitio web de invaluable información.

Existen numerosas utilidades, en su gran mayoría gratuitas, que nos permitiran responder a las siguientes preguntas básicas:

  • ¿Cuántas personas visitan mi sitio web?
  • ¿Cómo llegan a mi sitio web?
  • ¿Qué búsqueda realizan si llegan a través de los buscadores?
  • ¿Cuáles son las páginas mas populares?

Si desean monitorear la efectividad de nuestro sitio o entender como mejorarlo, la utilización de estadisticas web resulta fundamental.