Por Azadeh Ensha

En un post previo, delineé algunas maneras de encontrar el servicio de hospedaje web adecuado. Asumiendo que ya se tiene uno, el paso siguiente es crear físicamente su sitio. Una parte crítica de este proceso implica decidir de como quiere que se vea su sitio web. Ya que yo trabajo con palabras, y no con representaciones visuales, pedí mi colega Sean Brown ofrecernos un poco de lo que se debe y no se debe hacer en el diseño de sitios. El Sr. Brown es director de diseño de interacción en Condé Nast Digital y supervisa el diseño de los sitios de men.style.com y style.com.

1) PONGA EL EJEMPLO
Nunca asuma que el usuario entiende su modelo, o la meta que hay detrás de su sitio web. Esto significa que usted debe saber el propósito detrás de su sitio de modo que usted pueda retransmitirlo con eficacia al lector. Un sitio comercial puede tener diversas necesidades - un carro de compras en línea, por ejemplo - personales.

Si continúa leyendo este post, recuerde también que los espacios de atención son cortos, todo está tan “en línea” que salir de un sitio "está a un clic de ratón". Esto significa nunca hacer que el lector trabaje en entender su sitio. Cerciórese de que su barra de navegación sea visible y esté etiquetada claramente. Cualquier enlace debe también ser claramente distinguible del texto normal, al igual que cualesquiera de los enlaces visitados o no visitados. No utilice fuentes difíciles de leer o muy pequeñas - Arial y Helvetica son generalmente las mejores. Los archivos animados GIF deben usarse lo mínimo posible. También cerciórese de incluir una caja de búsqueda inteligente.

2) HAGA QUE EL MOTOR DE BUSQUEDAS SEA AMISTOSO
Ya sea que su sitio sea de aplicación personal o profesional, debe diseñarlo teniendo la optimización del motor de búsquedas (SEO) en mente. Es mejor utilizar fuentes web seguras, por ejemplo, que pesados textos gráficos.

3) INVESTIGUE
Mire otros sitios web que le gusten. Casi todos tienen un diseño central. Encuentre una plantilla que le guste y utilícela como trampolín.

4) PRUEBE SU SITIO
Pruebe su sitio antes de su lanzamiento y regularmente después de este, aun si planea actualizarlo frecuentemente. Cerciórese de que su sitio se ve sobre diversos navegadores - especialmente Internet Explorer y Firefox - así como con diversas fuentes y resoluciones de pantalla. Los enlaces rotos no sólo evitan que un visitante consiga el acceso a la información deseada, también presentan una luz de alerta en línea.

5) NO ABUSE DEL FLASH
O de color o gráficos. Al elegir su gama de colores, una aproximación minimalista es lo mejor. Esto no quiere decir que usted deba evitar los efectos de diseño como sombras, solo que debe utilizarlas idealmente para comunicar su meta y no sólo porque puede hacerlo.

6) NO ELIMINE TODO EL ESPACIO BLANCO
Algunos sitios web tienen la política de “no espacio blanco”, conocido como el espacio en blanco que hay entre el texto y los gráficos. Aquí está porqué no debe. Si lo está utilizado bien, el espacio en blanco puede ayudar a dirigir el ojo de un lector a la información específica que usted desea destacar. El espacio en blanco puede tambien cortar lo cargado de una pantalla y crear límites invisibles a través de los textos. Una política de “no espacio en blanco”, puede resultar en una experiencia de lectura desorientadora.

7) NO HAGA ESPERAR AL USUARIO
Su sitio web debe cargar rápidamente. No haga que el usuario siga la carga de una caja de carga. Si insiste en tener música en su sitio, dé al usuario la opción de apagarla. En la página principal (Home) y cualquier otra página, minimize pop-ups, banners y cualquier otro tipo de anuncios, de ser posible. Si usted es un usuario de Firefox, usted puede ser que intente agregar Yslow (https://addons.mozilla.org/en-US/firefox/addon/5369), que analiza la velocidad de su página. Otro agregado útil es Firebug (https://addons.mozilla.org/en-US/firefox/addon/1843).

8) NO VAYA DE UN LADO A OTRO
Es decir mantenga el look consistentemente en todo su sitio. Si su logotipo está en el lado superior izquierdo de su sitio por ejemplo, consérvelo ahí a través de todas las páginas. También cerciórese de tener una lengüeta en cada página que permita a los usuarios regresar de nuevo al Home. Si el lector tiene que confiar en el botón de retroceso (Back) del navegador, usted no hizo bien su trabajo. Como prueba, pregúntese a sí mismo si podría navegar su sitio en otra lengua. Facebook por ejemplo guarda su disposición independientemente del lenguaje seleccionado, de modo que aun cuando no hable africano, puede moverse alrededor del sitio de Facebook en africano.

9) NO RECARGUE SU PÁGINA DE INICIO (HOME)
Asegúrese de que su Home es limpio y no está lleno de enlaces. La meta es proveer al lector información suficiente para entrar en su sitio, no para asustarlo.

10) NO SE OLVIDE DE LOS CONTENIDOS
El contenido manda. El buen diseño web destaca el contenido y le agrega valor sin distraer de la meta del sitio. No obstante, un buen diseño solamente, no lo logra. El texto importa, así que mantenga sus párrafos informativos pero cortos. Puesto simplemente, busque la paja y quítela.

¿Cuáles son sus reglas de diseño hablando de sitios web? ¿Qué sitios piensa que son buenos (o malos ejemplos) de buen diseño web? Por favor agregue sus dos centavos de comentarios abajo.

Fuente: NYT - Gadgetwise

Traducción: SIP

Ver nota original en inglés