No es ningún secreto que lo simple a menudo es mejor cuando se trata del diseño de sitios web. Es más probable que una interfaz que sea fácil de entender, y tan simple de usar, convierta a los visitantes en usuarios activos que volverán a su sitio más adelante.
Pero, ¿cómo simplificar su sitio web? Incluso si no estás construyendo algo nuevo desde cero, el truco es establecer metas y luego mirar el camino para alcanzarlas para los usuarios. Cualquier cosa que se interponga en el camino debe ser eliminada. Todo lo que permita comprender lo que se supone que debe hacer un usuario debe eliminarse del diseño.
Eso es lo que veremos hoy: algunos trucos que puede utilizar para simplificar el diseño de su sitio web. Y estas ideas funcionan para sitios existentes y nuevas construcciones. (Este artículo presenta ejemplos de diseños estelares simples, visite cada sitio para obtener más inspiración).
1. Centrarse en llamadas a la acción
Su sitio web debe tener un objetivo final para que cada usuario haga algo. Ese objetivo debe ser obvio para cada persona que aterrice en el diseño.
Los llamados a la acción deben ser claros, lo suficientemente grandes para ver y en suficientes ubicaciones para que los usuarios nunca se alejen demasiado de hacer clic con la tecla.
2. Agilice el número de páginas
¿Está su diseño lleno de páginas y páginas de información? ¿Tiene que ser?
Agilice el contenido en partes manejables, pero no abrume a los usuarios con demasiadas páginas para hacer clic. Mantenga todos los contenidos relacionados juntos para facilitar la lectura y el flujo.
Elimine las páginas con información antigua, obsoleta o aquellas que solo contienen un widget o mapa de terceros. (Esos elementos generalmente pueden incorporarse en otros lugares).
3. Stick a una paleta de colores
Si bien una variedad de colores puede ser divertido y atractivo, también es abrumador. Se adhieren a la paleta de colores con solo dos o tres opciones para ayudar a mantener el color bajo control.
Si quieres ir súper simple, considera una paleta de colores monótonos con solo unos pocos tonos y tonos de un solo color. Es sorprendente lo hermoso que puede ser algo tan simple, y también es fácil para los usuarios. Menos colores causan menos sobrecarga mental y ayudan a crear una apariencia más armoniosa y organizada. (Algo que casi cualquier persona con una vida agitada puede apreciar).
4. Optar por la navegación estándar
Si bien los estilos de navegación ocultos o alternativos pueden parecer geniales, estas opciones modernas no son tan fáciles de usar como cabría esperar. ¿Alguna desviación de? Normal? los patrones de usuario pueden ser un tanto discordantes y hacer que los usuarios piensen demasiado acerca de moverse por el sitio. Opte por patrones estándar para que su sitio web sea fácil de usar.
Con eso en mente, el estándar es bastante magro. Los elementos de navegación superiores o emergentes con tres a ocho opciones de menú son la norma. Y olvídate de los menús de navegación de estilo mega que alguna vez fueron populares. A menos que sea un importante minorista de comercio electrónico, no hay razón para que cada página del diseño tenga un lugar en la navegación. (Y muchas de esas mega opciones no funcionan en absoluto en dispositivos móviles).
5. Considera la Regla 80-20
La regla 80-20 es un buen lugar para comenzar cuando se piensa en hacer cambios a un diseño. Hay dos formas de pensar e implementar la regla.
- Tenga en cuenta que el 20 por ciento de los elementos en su sitio web resultará en el 80 por ciento de las acciones deseadas por el usuario, lo que significa que un puñado de llamadas a la acción, botones u otros elementos de la interfaz de usuario generarán una parte significativa de la interacción del usuario. Esto es perfectamente normal.
- Con eso en mente, cuando realice cambios, enfóquese en el 20 por ciento superior del contenido para realizar el 80 por ciento de los cambios cuando esté actualizando o reconsiderando un diseño. Los 20 por ciento de los elementos sobre los que podría pensar incluyen los mismos elementos que generan la mayoría de los clics: CTA, embudos de tráfico e imágenes. El espacio en blanco es otro factor importante.
Si la regla 80-20 parece familiar, también se llama el principio de Pareto o ley de los pocos vitales. Fue desarrollado por el economista Vilfredo Pareto, pero tiene aplicaciones en todas las disciplinas.
6. Utilice los elementos de la interfaz de usuario con propósito
Los iconos, las imágenes y cualquier otro elemento de la interfaz de usuario en el diseño deben estar allí por una razón. (Solo piense en lo molesto que es hacer clic en un ícono de Facebook y no conectarse a la página de la marca).
No abrume a los usuarios con divots geniales solo porque los tiene. Planifique y use elementos solo cuando sirvan para un uso y propósito real en el diseño general.
7. Cuídate con la tipografía
El modelo para usar bien la tipografía es como usar el color: menos es más.
Los tipos de letra que son más fáciles de leer tienen formas estándar, anchos de trazo uniformes y sin abundancia de adornos. Una familia de tipos sólidos viene con opciones para que no tenga que buscar tipos de letra adicionales si necesita agregar énfasis a letras específicas. Las letras deben incluir el peso suficiente para ser legibles y contrastar con su fondo.
Y empieza con sólo dos tipos de letra. Uno para el texto principal en el sitio web y otro para el uso de la pantalla. Eso es. Eso es todo lo que necesitas.
8. Subir el tamaño del texto
Y mientras piensa en tipografía, aumente el tamaño de las letras. Las pantallas siguen creciendo, facilitando que vean su mensaje en lugar de meter más texto en el lienzo.
Si bien esto puede parecer contraintuitivo cuando se trata de dispositivos móviles, lo mismo es cierto. Letras más grandes pueden ser más fáciles de leer. Olvida ese viejo adagio de que todo tiene que estar encima del rollo. Si bien las palabras clave deberían motivar a los usuarios a desplazarse, no todo tiene que estar en esa primera pantalla. Los usuarios entienden que deben seguir y están acostumbrados a desplazarse, especialmente cuando miran sitios web en sus teléfonos.
9. Crear una copia sin esfuerzo
Si bien la tipografía puede hacer una gran diferencia para determinar qué tan simple o complejo se ve su diseño, las palabras reales son igual de importantes.Cada palabra debe transmitir el mismo significado que sus imágenes para que haya una congruencia distinta.
Edita la copia. Luego edítalo de nuevo.
Los sitios web son un medio que se entiende como una forma de comunicación legible. Asegúrese de que la conversación que tenga con los visitantes sea la que espera con una copia clara, concisa y altamente legible. Cree un tono que fluya a través del diseño y use palabras e idiomas que atraigan a los usuarios.
Luego, edite una vez más y elimine todo el texto que no sea necesario.
10. Rompe una regla, pero solo una
Las reglas están destinadas a romperse. Pero solo rompe una regla.
Si quieres hacer algo diferente, no ensucies el diseño con muchos elementos diferentes o inusuales. Al centrarse en una cosa más compleja o inusual, puede crear interés sin abrumar a los usuarios.
Suena bastante simple, ¿verdad? (Simplemente no te dejes atrapar por una de las trampas comunes de hacer demasiado).
Conclusión
Un diseño de sitio web que es demasiado complicado o demasiado diseñado? Puede interponerse en el camino de lo que desea comunicarse con los usuarios. Recuerde sus objetivos de conversión y lo que desea que los usuarios hagan con el diseño. Ya sea para llenar un formulario, descargar una aplicación o comprar un conejito de peluche, cada elemento de diseño debe hacer hincapié en llegar a este destino.
Elimina todos los elementos de diseño que se interponen en el camino de este camino. A los usuarios les gustan los diseños limpios, simples y fáciles de usar. Esto es particularmente cierto en dispositivos más pequeños, como los teléfonos, donde el desorden puede arruinar la experiencia del usuario en cuestión de nanosegundos.
Diseño gráfico minimalista.
El diseño gráfico minimalista es una filosofía de crear algo en el que cada elemento tiene un propósito. Es simple, limpio y hermoso. Es altamente utilizable. Nuestra función explora diferentes enfoques y técnicas para el diseño gráfico minimalista (¡con muchos ejemplos inspiradores!)