Hace una década, muchos usuarios de Internet consultaban con impaciencia Smashing Magazine para leer los últimos artículos sobre diseño web. Muchos diseñadores web actuales encontraron su pasión por la creación de sitios web a través de estas publicaciones. Era una época en la que los principios del diseño web determinaron un debate productivo entre los diseñadores, tanto principiantes como expertos.
Hoy en día, hay muchas menos discusiones sobre los principios de diseño. ¿Ha muerto la pasión por el buen diseño? Creo que los diseñadores, blogueros y desarrolladores no tienen más tiempo para estas discusiones.
Tenemos acceso a muchísimos creadores de sitios web, plantillas de sitios, sistemas de gestión de contenido (CMS) y otras herramientas para crear sitios web. En esta abundancia de alternativas, creamos cada vez más sitios, pero ignoramos su diseño.
Creo que todo el mundo necesita un repaso de los fundamentos del diseño web de vez en cuando. ¡Mira estas ideas!
Simplicidad en el diseño
¿Estás cansado de innumerables publicaciones de blogs que destacan lo sexy de la simplicidad? Es totalmente comprensible. Pero la dura realidad es que el 99% de los sitios están más o menos cargados de elementos inútiles.
Los propietarios de sitios web quieren ayudar a los usuarios proporcionando la mayor cantidad de datos posible en el menor espacio posible. Sin embargo, necesitan encontrar el punto óptimo, porque demasiados datos molestan a los espectadores. ¡El diseño web es en parte ciencia y en parte arte!
A diferencia de hace diez años, cuando solo un pequeño porcentaje de la población utilizaba teléfonos inteligentes, ahora hay más usuarios de dispositivos móviles que de computadoras de escritorio. En este contexto, la simplicidad es aún más importante. Un diseño simple se carga más rápido y no molesta a los usuarios.
La simplicidad va de la mano de la velocidad de carga. Hoy en día, un sitio de carga rápida es obligatorio. No olvide la teoría de Steve Jobs: el diseño no es cómo se ve sino cómo funciona.
Verifique cada elemento en su sitio. ¿Es innecesario? Si es así, bórralo. ¿Es algo necesario? Si es así, bórralo. ¿Es necesario? Si es así, ¡bórralo! ¿Es extremadamente necesario? Si es así, ¡quédatelo!
No hagas pensar a los usuarios
Steve Krug escribió un libro con este título en el año 2000 y los diseñadores lo apreciaron mucho. Las ideas de Krug son válidas incluso ahora, casi dos décadas después. Un buen diseñador web no hace pensar a los usuarios. Y esta idea no resulta ofensiva para los usuarios.
¡La gente tiene una capacidad de atención más corta que la de un pez dorado ! La capacidad de atención humana promedio era de 12 segundos en 2002 y de solo ocho segundos en 2012. Hoy en día, probablemente tenga menos de ocho segundos para convencer a los usuarios sobre la utilidad de su sitio.
Lo más probable es que un diseño simple no haga pensar a los usuarios, pero hay muchos otros aspectos a tener en cuenta. Comience con una capa que se pueda escanear: los usuarios escanean, no leen. Asegúrese de que su eslogan y eslogan sean fáciles de notar. Las personas deben saber dónde han llegado y el propósito de la página web desde el primer segundo.
La arquitectura del sitio debería permitir a los usuarios navegar desde la página de inicio a cualquier otra página con menos de tres clics. Cualquier clic adicional generará preguntas. Cuantas más preguntas tenga un usuario, menor será la calidad del sitio web.
Jerarquía visual
No todo lo que hay en una página web es igual de importante. Hazle saber a la gente cuál es tu mensaje más fuerte aprovechando la jerarquía visual. Es por eso que el botón de llamado a la acción debe ser grande, llamativo y colocado en un lugar que llame la atención de inmediato.
La jerarquía visual se logra con la ubicación, el tamaño y el color. Diseñe el diseño teniendo en cuenta que las personas normalmente escanean una página web en un patrón "F" o "Z" .
Además, los elementos más grandes de la página web están asociados con funciones más importantes. Tiene sentido tener un eslogan grande, ¿no?
Finalmente, los colores también dan forma a la jerarquía visual, por lo que un buen botón de llamada a la acción contrasta poderosamente con el fondo.
Leyes de diseño Gestalt
La psicología Gestalt tiene como objetivo determinar las leyes de la percepción humana en un mundo aparentemente caótico. Existen algunas leyes que ayudan a los diseñadores a crear diseños más fáciles de usar.
Ley de proximidad
Según esta ley, los objetos que están muy juntos se perciben como un grupo unificado. Aplica esta ley al diseño de un buen menú de navegación, por ejemplo.
Los usuarios no percibirán el menú como un todo si sus elementos no están agrupados en consecuencia, y eso perjudicará considerablemente la experiencia del usuario. Agrupe todos los elementos del menú y busque la simetría y la similitud para crear un elemento estético.
Ley de similitud
Esta ley establece que los objetos similares tienden a percibirse como un grupo unificado. Al igual que la ley anterior, recomiendo diseñar elementos de menú similares.
Ley de simetría
Los objetos simétricos entre sí se perciben como un grupo unificado. La gente prefiere la simetría a la asimetría, así que busque la simetría en su diseño.
Ley de continuidad
Según esta ley, el cerebro humano tiende a unificar los objetos que están cerca unos de otros en un recorrido lineal. Consulta este artículo para conocer cómo funciona la ley de continuidad en el arte. Tenga en cuenta esta ley al diseñar diseños que contengan formas irregulares y líneas curvas.
Hay algunas leyes Gestalt más que tienen una influencia menor en el trabajo de diseño. No ignore la psicología humana al diseñar sitios web.
Los colores hablan
Jugar con los colores es bonito, ¡pero es un juego arriesgado! Los creadores de sitios web como Wix, el editor Gutenberg y otros creadores de páginas de WordPress permiten a los usuarios cambiar toda la combinación de colores de un sitio en un instante.
Sin duda, es una gran característica, pero al mismo tiempo, podría afectar negativamente el diseño del sitio web.
Un sitio exitoso está centrado en el usuario, por lo que la combinación de colores debe ser cómoda para los usuarios y no la opción favorita del administrador del sitio web.
Elegir la combinación de colores adecuada no es sencillo. Como regla general, más de cuatro colores son demasiados, pero depende del propósito y la complejidad del sitio. Los colores deben complementar las imágenes y ayudar a transmitir un mensaje unitario.
Por último, no te olvides nunca de los diversos significados de los colores en todo el mundo . Por suerte para nosotros, existen toneladas de aplicaciones web destinadas a ayudarte a inspirarte y elegir las combinaciones de colores adecuadas.
Legibilidad
En promedio, uno de cada dos lectores de esta publicación la lee en un dispositivo portátil. Los tamaños de pantalla y los sistemas operativos son diferentes, pero el contenido es el mismo. El tipo y tamaño de fuente debe adaptarse a cada dispositivo para proporcionar el mejor entorno de lectura.
No hace falta decir que la gente abandonará su sitio si su contenido no es legible y una mala elección de fuente podría arruinar un buen sitio web. Pruebe cada elección de fuente antes de implementarla en su sitio.
Prueba, prueba, prueba
No sólo ha cambiado la tecnología desde la última década, sino también la forma de crear y mantener un sitio. Un sitio web era sólo una presencia en línea hace diez años. Hoy es parte de un negocio o del negocio mismo.
La gente juzga sus servicios según su sitio. En consecuencia, un sitio ya no es una instancia estática: es una entidad viva. Los propietarios de sitios se asocian con diseñadores y trabajan constantemente para mejorar sus sitios.
Las pruebas no son un principio de diseño web, sino una parte del proceso de creación y mejora de un sitio web.
Concluyendo
WordPress, Bootstrap y Wix brindan a los usuarios un poder ilimitado para crear un sitio web sin codificación. Son maravillosos, pero los usuarios inexpertos podrían verse tentados a crear sitios web de acuerdo con sus preferencias y no basándose en buenos principios de diseño web.
Los consejos anteriores sólo tocan la superficie, pero son un resumen útil de ideas básicas. ¿Me perdí un consejo importante? Por favor deje un comentario con sus ideas. Estamos esperando ansiosamente su contribución.
Deja un comentario