Un sitio web no puede tener éxito únicamente a través de un diseño atractivo o contenido que haga reflexionar. Toda página web debe tener un estilo que se incorpore a la experiencia y funcionalidad del visitante de su sitio web, debido a que es fácil de entender a primera vista y genera una fuerte receptibilidad a los intereses del usuario y lo que busca.
Cada individuo tiene cierta estética que difiere de la de otros, pero eso no significa que no haya unas reglas básicas que debes seguir al decidir sobre la apariencia de tu sitio web, con respecto a la percepción del lienzo que corresponde a tu página web, hay una fuerte relación de la experiencia del usuario con respecto a cómo el contenido se estructura en su inspección.
Aquí hay algunos consejos para asegurarse de que sigue instrucciones o ideas correctas para construir un diseño excepcional:
Mantenga un diseño minimalista y ordenado
Raramente leemos cada palabra en un sitio web. En cambio, escaneamos páginas rápidamente, seleccionamos palabras clave y oraciones. Con estos comportamientos conocidos en mente, es mejor apelar a las emociones en lugar de la cantidad de palabras.
Mientras menos tenga que leer alguien en su sitio, haga clic o recuerde, mejor será capaz de procesar y evaluar lo que está sucediendo frente a ellos. Eso hace que sea más probable que ellos hagan lo que querían que hicieran en primer lugar. El texto y las llamadas a la acción son necesarios, por supuesto, pero asegúrese de dividirlos con subtítulos más grandes y párrafos legibles. También sugerimos usar imágenes o íconos como formas alternativas de comunicar su punto.
Diseña tomando en cuenta la jerarquía visual
El trabajo del diseñador también consiste en crear diseños que busquen organizar el contenido de una manera clara y concisa. Solo hay unos pocos segundos claves para captar la atención de la otra persona que aprecia tu contenido y contarle de qué se trata tu sitio. Si establece una jerarquía clara para su información, los lectores no podrán evitar seguir inconscientemente la estructura lógica de tu sitio.
A continuación, aplique el color, el contraste, el tamaño y el espaciado para una mayor acentuación, permanezca consciente de lo que llama la atención en su página y asegúrese de que siempre sea intencional.
Crea contenido que sea fácil de leer
La legibilidad mide que tan fácil es para una persona entender o reconocer las palabras, oraciones y frases. Cuando tu sitio tiene una buena legibilidad, los usuarios podrán entender tu sitio eficientemente y tomar esta información que está escrita con mucho menos esfuerzo.
Aquí te presentamos algunos puntos claves:
El contraste es la clave
Es muy importante tener el suficiente contraste entre el texto y el fondo de manera que el texto sea claro y fácil de leer. Esto no debería de perjudicar la creatividad, intenta jugar con los colores y encuentra un punto estable entre ambos. Una muy buena forma de saber si tu página web tiene un contraste adecuado, es verificando si el mismo cumple con el estándar WCAG 2.0, lee las directrices del mismo para que entiendas más al respecto en el siguiente enlace.
No se puede leer lo que no se puede ver
Los sitios web más antiguos tenían fuentes de texto muy pequeñas, con el tiempo la gente fue entendiendo que las fuentes de 12px de tamaño eran difíciles de leer. Cuando la pantalla está a medio metro del lector, la mayoría de la gente va a tener dificultad para ver estas fuentes pequeñas. Una típica regla que veras en muchas páginas web es la de mantener la fuente del cuerpo en al menos 16px. Esta es una buena referencia por la cual empezar, pero ten en cuenta que dependiendo de la fuente que uses esto puede cambiar.
Tipos de fuentes y sus limites
La familia de fuente que uses en una página web puede jugar un rol crucial en el diseño, las fuentes Serif son aquellas que tienen pequeños puntos o líneas que se proyectan al final de sus letras. Times New Roman, por ejemplo, es de una familia de fuentes Serif. Sans Serif significa literalmente “Sin Serif”. Estas fuentes son típicamente la mejor elección para textos online, como el mismo que estás leyendo en este momento la cual es una fuente llamada Poiret One. Recomendamos no usar este tipo de fuentes que parecen escritas a mano, en la mayoría de los casos no suelen ser lo más óptimo para una buena lectura.
También te recomendamos como regla no utilizar más de tres tipos de fuentes en tu página web, en algunos casos se requiere de un trabajo más elaborado en las fuentes donde se requiere esto, si este es tu caso, te recomendamos mantener una relación entre estas que sea harmónica.
Asegúrate que tu página web sea fácil de navegar
Quizás quieras aventurarte a intentar hacer algo fuera de lo común en tu diseño, pero, la navegación de una página web no es el lugar ideal para aventurarse en ideas alocadas o alternativas. No es ideal enviar a tus visitantes en un viaje de caza para atravesar tu sitio. Una página web con una navegación solida ayuda a los motores de búsqueda a indexar tu contenido con mayor eficacia, mientras que al mismo tiempo ayuda a mejorar la experiencia de sus visitantes.
Crea un enlace a la página de inicio en el logo de tu página: es una práctica muy común a la cual tus visitantes están acostumbrados y te salvara de muchos clics preciados.
Elige una posición adecuada: debe estar en la parte superior (en el encabezado) de su sitio web y estructurado de acuerdo con la importancia de cada sección.
Ofrezca una navegación vertical: si su sitio es de la variedad de desplazamiento largo, intente utilizar un menú ancla. Con un solo clic, los espectadores podrán volver rápidamente a la parte superior, inferior o directamente a cualquier sección del sitio.
Trabaje en su pie de página: su pie de página es probablemente lo último que se ve en su sitio, así que recuerde incluir todos los enlaces importantes allí. Esto puede incluir una versión abreviada de su menú, íconos sociales y enlaces importantes adicionales que sus visitantes puedan necesitar.
Crea sitios amigables para dispositivos móviles
Vivimos en un mundo donde mucho del contenido es leído a través de dispositivos móviles, lo cual significa que debes asegurarte que todo tu diseño pueda ser visualizado en cualquier navegador y dispositivo móvil o incluso en cualquier otra pantalla distinta a la que estas usando actualmente para crearlo, para lograr esto en Fabsoftw nos aseguramos de probar las páginas web que creamos en todos los escenarios posibles para asegurarnos de que la experiencia de cada sitio web en cualquier dispositivo o navegador sea cómoda y agradable.