Desde que surgió la web en 1989, se han consolidado convenciones sobre el funcionamiento de los sitios web. Los visitantes esperan encontrarlas, aunque no piensen en ellas conscientemente.
Estas son cuatro convenciones de la interfaz que, a mi juicio, merecen más atención:
Son opiniones que he formado durante años creando sitios web.
Menús
El menú principal es el punto de partida para quien intenta orientarse en tu sitio web. Mantenlo igual en todas las páginas para que los visitantes no tengan que volver a aprender a usarlo.
El menú principal debería mostrarse en horizontal, en la barra de la cabecera. Yo pondría «Inicio» primero y «Contacto» al final.
A los visitantes les costará encontrar «Contacto» si está escondido en un pequeño menú secundario. Y aunque hoy todo el mundo sabe que el logotipo enlaza con la página de inicio, «Inicio» debería seguir apareciendo en el menú.
Incluye las secciones más importantes en el menú principal. Sugiero limitarlo a cinco opciones, además de «Inicio» y «Contacto». Las páginas relacionadas pueden ir en submenús desplegables.
Si tienes más secciones realmente importantes, revisa la estructura del sitio. Por motivos de SEO, el menú debe reflejar esa estructura, tanto en sus opciones principales como en los submenús.
Las secciones menos importantes pueden ir en el menú del pie de página. No esperes que nadie lo use, aunque quizá aporte algo de valor para el SEO.
Ni siquiera Amazon incluye enlaces a «Inicio» y «Contacto» en su menú principal.
Botones
Cuando miras una página web desde cierta distancia, el botón debería ser lo primero que te llame la atención.
Los botones guían a los visitantes por tu sitio web y deben mantener un aspecto uniforme en todas sus páginas.
Un botón debe destacar por su tamaño, su forma y, sobre todo, su color. Un color que contraste con el resto del diseño facilita encontrarlo.
Cuando compras una plantilla estándar, los botones suelen tener el color principal de la plantilla. Es lo que ocurre con la que estoy usando.
¡Mierda! Yo también lo estoy haciendo mal .
Textos
Los textos deben ser fáciles de leer. Las letras grandes funcionan mejor que las pequeñas, aunque «no queden bien». En un sitio web, la facilidad de uso importa más que la estética.
Usa un tamaño de letra de al menos 16 píxeles.
El texto negro sobre un fondo claro es lo que mejor se lee en una pantalla.
Usa las tipografías de forma coherente en todo el sitio para no confundir a los visitantes. Los encabezados de un mismo nivel deben tener siempre el mismo tamaño para que se reconozcan como tales.
No cambies de tamaño ni de tipografía entre los párrafos de distintas páginas. Un texto más pequeño puede parecer menos importante y pasar desapercibido.
Decide, además, cómo vas a dirigirte al visitante. Puedes usar un trato informal o formal, siempre que seas constante (esto no se aplica al inglés), y hablarle en singular o en plural.
Oye, Zuck, tu texto es demasiado pequeño.
Hipervínculos
En un sitio web, una palabra subrayada da a entender que se puede pulsar. Así que no subrayes palabras que no sean enlaces.
Da a los enlaces un color distintivo, por ejemplo el color principal del sitio, y subráyalos. Si quieres hacerlo a la perfección, diferencia también el estilo de los enlaces al pasar el cursor, de los visitados y de los activos.
Google lo hace mal. Casi todas las palabras de esta página son enlaces, pero no están subrayadas.