Principios y normas de diseño del sitio web

Diseñar un sitio web distinguido y eficaz que requiere mucho esfuerzo, además del conocimiento necesario de los fundamentos del diseño que ayudan a transmitir el mensaje o la idea del sitio de forma rápida y directa al visitante. 

En este mismo contexto, sentar unas bases firmes que se puedan remontar al proceso de diseño es una de las cosas más difíciles y quizás incluso imposibles, y esto se debe a que el proceso de diseño depende principalmente de la evaluación y el gusto personal, por lo que lo que a uno le gusta no es necesariamente lo que le gusta a otro.

Esta diferencia de puntos de vista no impide, por supuesto, la existencia de líneas generales en las que apoyarse como bases o criterios para diseñar un sitio web capaz de alcanzar el objetivo que se persigue con su realización.

En este artículo se explican los criterios más importantes y algunas herramientas que se pueden utilizar en el diseño de cualquier sitio web, y empezaremos por las propuestas más importantes a nivel de forma, seguidas de las propuestas más importantes en cuanto a rendimiento o funcionalidad, teniendo en cuenta que siempre hay que seguir estas tecnologías y estar al día de las novedades en ellas para diseñar nuestro sitio web en La mejor cara.

Organizar los elementos de la página

Uno de los principales problemas a los que se enfrentan los principiantes en el proceso de diseño es el error de no ordenar los componentes de la página y publicarlos de forma desordenada que distrae la atención del visitante.

Es importante prestar atención a la mejora de la experiencia del usuario en el trato con el sitio, y aquí entra en juego la parte superior de la página, que es el primer componente sobre el que recae la mirada del visitante, por lo que es importante utilizar esta parte de la página para llamar la atención del visitante.

Algunas de las estadísticas que se llevaron a cabo sobre la forma en que algunos usuarios navegan por los sitios web demostraron que los visitantes del sitio pasan el 57% del tiempo de su visita al sitio explorando la primera parte o la primera pantalla que aparece de la página, mientras que la segunda pantalla que aparece cuando la pantalla se mueve o se tira hacia abajo representa alrededor del 17% del tiempo que un visitante pasa en el sitio, el tiempo comienza a disminuir a medida que el visitante se acerca a la parte inferior de la página.

Estos datos confirman la importancia de optimizar el uso de la primera pantalla de la página o de la parte superior de la misma colocando enlaces importantes o llamando a una acción específica como registrarse en la lista de correo, cargar un documento, ver vídeos u otros medios, etc. en esta parte para obtener mejores resultados. .

Mantener la jerarquía de los componentes visualmente

Tener en cuenta la secuencia visual a la hora de diseñar una página web es un intento de expresar visualmente la historia del sitio, que es básicamente un término que describe el orden en que el ojo recibe los diferentes componentes de una escena.

El éxito de la distribución de los elementos de los componentes de la página está sujeto a un conjunto de fundamentos denominados fundamentos de la jerarquía visual, que son, en definitiva, un conjunto de reglas que se pueden seguir para organizar los elementos importantes de la página según modelos, leyes o datos que han demostrado tener éxito para atraer la atención del visitante a la página.

El tema puede necesitar otro artículo para hablar de los detalles, pero en resumen, la familiaridad con los fundamentos de la distribución de los elementos según este concepto durante el diseño da como resultado una buena distribución de los componentes de la página, por ejemplo:

• Atención a los diferentes modelos de barrido óptico (el ojo se desplaza de izquierda a derecha en forma de letra F o de letra Z en los contenidos no árabes, y puede ocurrir lo contrario en los contenidos árabes).
• Adopción del principio de contraste de colores.
• Aprovechar la diferencia de tamaños, como en las fuentes, por ejemplo, para que se adopte el principio de gradación de tamaños entre los títulos grandes y los textos regulares.
• Adopción de los principios de repetición, convergencia y ley de los tercios (dividir la página en 3 columnas).

Todos estos principios y otros pueden utilizarse para colocar y distribuir los elementos de forma lógica y atractiva, lo que sin duda ayudará a atraer la atención del ojo humano y a transmitir mejor el mensaje.

Aprovecha el espacio blanco o negativo

Los espacios blancos, espacios vacíos, o espacios negativos, son los espacios que rodean a los diferentes elementos que componen la página web, y no son necesariamente blancos como su nombre indica, sino que pueden llevar un color o una forma específica como fondo, de modo que cuando se utilizan adecuadamente, contribuyen a llamar la atención sobre elementos específicos de la página, y quizás Los beneficios más importantes de mantener estos espacios son los siguientes:

Cree pausas entre los diferentes componentes de la página.

• Hacer que los diferentes elementos, por ejemplo el texto, sean más claros y legibles, dejando espacios en blanco alrededor de los elementos ayuda a llamar la atención y a centrarse mejor en su contenido.
• Preservar la secuencia visual de los elementos de la página y ayudar a moverse entre los elementos con mayor fluidez.
• De acuerdo con el concepto de la Ley de Proximidad, los elementos que describen uno al lado del otro o cercanos aparecen visualmente como un grupo de similitudes.
• Aquí entra el papel de los espacios vacíos para romper esta similitud (si se desea), y hacer que estos elementos se alejen unos de otros para que cada uno de ellos tenga su propia forma y su propio mensaje, o aprovechar este concepto en la fila de elementos de naturaleza similar uno al lado del otro para aprovechar la homogeneidad que crea esta convergencia.

Lo que importa en los espacios vacíos no es lo que representan en términos de tamaño, ya sea pequeño o grande, sino que lo que importa es el buen uso de estos espacios, ya que algunos diseños tienen éxito con el uso de espacios simples entre sus elementos, y por el contrario, el uso de grandes espacios vacíos en los diseños. Otros conducen a una mejor distribución de los elementos de la página y resaltan más su estética.

Cómo aprovechar los espacios blancos o en blanco de la página para ayudar a centrar la atención en el elemento que se quiere destacar.

Elige bien los colores

Nos guste o no, cada uno de los colores tiene una historia específica que crea una determinada impresión e impacto en el alma, por lo que hay que tener cuidado de utilizar colores que reflejen el mensaje del sitio.

El método utilizado consiste en dividir los componentes de la página o del sitio en su conjunto en términos de colores en componentes primarios, componentes secundarios y neutro, que suele utilizarse como fondo, de modo que cada uno de estos componentes toma un color específico para formar estos colores en conjunto, lo que se conoce como paleta de colores.

A través de la teoría del color, y observando la rueda del color en su forma simplificada, es posible identificar los colores que pueden obtenerse mezclando colores de una determinada manera para producir nuevos grados de colores que pueden utilizarse en el diseño.