10 maneras de simplificar su diseño

No es ningún secreto que lo simple es a menudo mejor cuando se trata de diseño de sitios web. Es más probable que una interfaz que sea fácil de entender, e igual de simple de usar, convierta a los visitantes en usuarios activos que regresarán a su sitio más tarde.

Pero, ¿cómo simplificas tu sitio web? Incluso si no está construyendo algo nuevo desde cero, el truco es establecer objetivos y luego mirar el camino para alcanzarlos para los usuarios. Cualquier cosa que se interponga en el camino de ese camino debe ser eliminada. Cualquier cosa que haga comprender lo que se supone que debe hacer un usuario debe eliminarse del diseño.

Eso es lo que vamos a ver hoy: algunos trucos que puede usar 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 simples estelares, visite cada sitio para obtener aún más inspiración).

1. Centrarse en los llamados a la acción

Su sitio web debe tener un objetivo final para que cada usuario haga algo. Ese objetivo debería ser obvio para cada persona que aterriza en el diseño.

Los llamados a la acción deben ser claros, lo suficientemente grandes para ver y en ubicaciones suficientes para que los usuarios nunca se alejen demasiado de hacer clic en la tecla.

2. Agilice el número de páginas

¿Su diseño está lleno de páginas y páginas de información? ¿Tiene que ser?

Agilice el contenido en fragmentos manejables, pero no abrume a los usuarios con demasiadas páginas para hacer clic. Mantenga todo el contenido relacionado junto para facilitar la lectura y el flujo.

Elimine las páginas con información antigua y desactualizada o aquellas que solo contienen un widget o mapa de terceros. (Esos elementos generalmente se pueden incorporar en otro lugar).

3. Se adhieren a una paleta de colores

Si bien una variedad de colores puede ser divertida y atractiva, también es abrumadora. Apéguese a una paleta de colores con solo dos o tres opciones para ayudar a mantener el color bajo control.

Si desea ir súper simple, considere una paleta de colores monótonos con solo unos pocos matices 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. Opta por la navegación estándar

Si bien los estilos de navegación ocultos o alternativos pueden verse geniales, estas opciones modernas no son tan fáciles de usar como cabría esperar. Cualquier desviación de los patrones de usuario "normales" puede ser algo discordante y hacer que los usuarios piensen demasiado en 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 delgado. Los elementos de navegación superiores o emergentes con tres a ocho opciones de menú son la norma. Y olvida esos menús de navegación de mega estilo 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 en el diseño tenga un lugar en la navegación. (Y muchas de esas mega opciones no funcionan en absoluto en dispositivos móviles).

5. Considere la regla 80-20

La regla 80-20 es un buen lugar para comenzar cuando se piensa en hacer cambios en 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 dará como resultado el 80 por ciento de las acciones de usuario deseadas, 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, al hacer cambios, enfóquese en el 20 por ciento superior del contenido para realizar el 80 por ciento de los cambios cuando esté actualizando o replanteando un diseño. Los elementos del 20 por ciento en los que es posible que desee pensar incluyen los mismos elementos que generan la mayor cantidad de 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 principio de Pareto o ley de unos pocos vitales. Fue desarrollado por el economista Vilfredo Pareto, pero tiene aplicaciones en todas las disciplinas.

6. Use 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 deberían estar allí por una razón. (Solo piense en lo molesto que es hacer clic en un icono de Facebook y no vincularse a la página de la marca).

No abrumes a los usuarios con divots geniales solo porque los tienes. Planifique y use elementos solo cuando tengan un uso y propósito reales en el diseño general.

7. Tenga cuidado 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 no abundan los 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 suficiente peso para ser legible y contrastar con su fondo.

Y comience con solo 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. Aumente el tamaño del texto

Y mientras piensa en la tipografía, aumente el tamaño de las letras. Las pantallas se hacen cada vez más grandes, hacen que sea más fácil para ellos ver su mensaje en lugar de meter más texto en el lienzo.

Si bien esto puede parecer contrario a la intuición cuando se trata de dispositivos móviles, lo mismo es cierto. Las letras más grandes pueden ser más fáciles de leer. Olvida ese viejo adagio de que todo tiene que estar sobre el pergamino. Si bien las palabras clave deberían atraer a los usuarios a desplazarse, no todo debe 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 copia sin esfuerzo

Si bien la tipografía puede marcar una gran diferencia para determinar cuán 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ítelo nuevamente.

Los sitios web son un medio que se entiende como una forma legible de comunicación. Asegúrese de que la conversación que tenga con los visitantes sea la que espera con una copia limpia, concisa y altamente legible. Cree un tono que fluya a través del diseño y use palabras y lenguaje que atraigan a los usuarios.

Luego edite una vez más y saque todo el texto que sea innecesario.

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 enturbies el diseño con muchos elementos diferentes o inusuales. Al enfocarse en una cosa más compleja o inusual, puede crear interés sin abrumar a los usuarios.

Suena bastante simple, ¿verdad? (Simplemente no te quedes atrapado en una de las trampas comunes de hacer demasiado).

Conclusión

Un diseño de sitio web demasiado complicado o “demasiado diseñado” puede interferir con lo que desea comunicar con los usuarios. Recuerde sus objetivos de conversión y lo que desea que hagan los usuarios con el diseño. Ya sea para completar un formulario, descargar una aplicación o comprar un conejito de peluche, cada elemento de diseño debe enfatizar llegar a este destino.

Elimine 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 teléfonos, donde el desorden puede arruinar la experiencia del usuario en cuestión de nanosegundos.

© Copyright 2024 | computer06.com