5 consejos para simplificar tu diseño web
Reglas de simplicidad! Hace que los sitios web se vean elegantes, reduzca la confusión de nagivación y ayuda a lograr los objetivos y resultados deseados (es decir, más suscripciones, suscriptores y ventas). Pero con demasiada frecuencia parece difícil simplificar el diseño de su sitio web. No importa cuánto lo intentes, no puedes hacer que tu trabajo se vea como el de Apple.. Entonces, ¿qué necesita hacer un diseñador de sitios web?? No te preocupes, porque hay 5 puntos de partida para simplificar el diseño de tu sitio web..
Un simple diseño de sitio web no debería ser una tarea abrumadora de todo o nada: puede simplificar su diseño dando pequeños pasos. Tareas simples como concentrarse solo en los elementos esenciales de su sitio web, deshacerse de lo innecesario, reducir la cantidad de páginas que tiene su sitio, obtener más contenido por encima del pliegue y limitar la cantidad de colores que utiliza. Siempre puede ajustar y mejorar su diseño simple, pero lo importante aquí es comenzar.
¿Listo para comenzar a simplificar el diseño de su sitio web? Increíble. Sin más preámbulos, aquí están 5 puntos de partida para simplificar el diseño de tu sitio web..
1. Centrarse sólo en elementos esenciales
Este primer paso probablemente parece obvio: de cursoDebería centrarme en los elementos esenciales de mi sitio, ¿qué soy yo, un idiota?? Sin embargo, una sorprendente cantidad de sitios web no lo logran y el resultado es un gran lío de elementos importantes y sin importancia que aparecen en una página. Soy tan culpable de hacer esto en el pasado como cualquiera. Es difícil ser objetivo y priorizar lo que es importante o no, porque todo Parece esencial. Si desea que el diseño de su sitio web sea más sencillo, identifique qué necesita estar enfocado, Al igual que con cualquier buen diseño visual o pieza de arte. Y eso significa poner el foco solo en los elementos esenciales..
Usa la regla 80-20.
¿Qué 20% de lo que hay en una página le da el 80% del valor y el contenido que la gente busca? Podría ser la copia, alguna prueba social (repasar fragmentos, testimonios, credenciales de medios) y un formulario de registro o un botón de llamada a la acción, por ejemplo. Ese es el 20% justo ahí. En su sitio web, así como en cada página individual., Concéntrese en mostrar solo el 20% de los elementos del sitio que ofrecen el 80% de esa utilidad..
Este no es un paso técnico, sino un principio que puede utilizar como guía para simplificar constantemente el diseño de su sitio web. La regla 80-20 ayudará a simplificar el diseño de su sitio web al presionarlo para que reduzca los elementos de su sitio a lo esencial. Lo realmente interesante es que la regla 80-20 también puede ayudar a aumentar los resultados deseados que espera lograr en su sitio web. Por ejemplo, un aumento en la tasa de conversión de visitantes que se suscriben, se registran o compran. Cómo? Lo estás haciendo para que haya menos distracciones. Y cosas para que los visitantes hagan clic para salir de la página..
Como todos sabemos, siempre estamos buscando una excusa para no comprar algo en el paso final, y cualquier razón para alejarse es una buena. Reduzca esas razones y las opciones de hacer clic con la regla 80-20.
Chris Pearson, creador del popular marco temático Thesis WordPress, dice que esto es exactamente lo que ayudó a aumentar las ventas en su sitio web..
2. Deshazte de todos los elementos innecesarios
Continuamos con la regla 80-20 aquí..
Ahora que ha identificado el 20% de los elementos del sitio web que le darán el 80% de los resultados deseados, es hora de Deshazte de todos los elementos innecesarios.. En otras palabras, el 80% de los elementos del sitio web que obtendrán solo el 20% de los resultados. Pueden ser widgets para compartir en redes sociales, elementos de la barra lateral, meta datos del blog (fecha, hora, autor, cantidad de comentarios, etc.) o enlaces en el pie de página (esto es especialmente un gran culpable muchas veces, especialmente cuando el visitante está buscando la excusa antes mencionada para navegar fuera de la página).
3. Reducir el número de páginas
Una gran parte de la simplificación del diseño de su sitio web es simplemente tener menos lugares para explorar y hacer clic. Puedes hacerlo por recortar el recuento de páginas. Deshazte de las páginas innecesarias que en el fondo sabes que no son necesarias, o por lo menos, fusiona varias páginas en una. Quiero decir, tu no De Verdad Necesito separar las páginas "sobre el sitio" y "sobre mí".
En primer lugar, ingrese a la mentalidad del visitante, si llegara a su sitio web, ¿Cuáles son las cosas clave que querrías hacer?? Por ejemplo descubre de qué se tratan tus cosas? O contactarte? Siguiente, Asegúrate de que tus páginas faciliten lo necesario y nada más.. No mantenga páginas innecesarias en su sitio web porque crea que las necesita, o porque otros sitios web las tienen. Cuando reduce la cantidad de páginas en su sitio web, no solo es más fácil para sus visitantes centrarse en su contenido porque hay menos lugares para hacer clic, sino que su menú de navegación también es más sencillo.
Todos hemos estado en sitios web con demasiados elementos del menú de navegación. No sabemos por dónde empezar a navegar porque nos abruman las opciones. Y cuando nos vemos abrumados por tener demasiadas opciones, no elegimos nada. Al tener la menor cantidad posible de elementos del menú de navegación, no solo hace que su sitio web sea más simple sino también más atractivo y más amigable para los visitantes..
4. Obtener más contenido por encima del pliegue
Los estudios han demostrado que la mayoría de las personas pasan la mayor parte del tiempo en páginas web (lo que aparece en la pantalla sin desplazarse hacia abajo). Entonces, si desea aumentar la efectividad de su sitio web, tenga el contenido principal y los elementos de llamada a la acción en la parte superior. Puede hacer algo tan simple como acortar la altura del encabezado si tiene un logotipo y un menú de navegación en la parte superior de su sitio web.
Esto no implica nada más que cambiar el valor de "altura" del encabezado en su hoja de estilo (normalmente style.css
o stylesheet.css
). Además, vea si un formulario o botón de registro está debajo del pliegue. Mueva ese elemento más arriba en la página para que sea lo primero que vea un visitante. Después de todo eso es Su llamada a la acción deseada del visitante., así que disminuya el trabajo necesario para llegar a él (es decir, desplazamiento).
5. Limita tu esquema de color
Es fácil dejarse llevar por los colores. ¿Por qué elegir 2 o 3 colores cuando puedes tener 12 o 13? Pero para simplificar visualmente el diseño de su sitio web, necesita limitar su combinación de colores.. En caso de duda, usa menos colores.. Variará según su diseño, por supuesto, pero intente pegarse con no más de 2 o 3 colores para comenzar. Si necesita más sutileza y textura para su diseño visual, use tonos del mismo color: azul claro para el fondo y azul oscuro para los elementos de encabezado y menú.
Soy tan culpable como cualquiera con volverse loco de colores en el pasado. Agregaré este color, luego otro y otro, y antes de darme cuenta, parece una diarrea de arco iris en todo mi sitio web. Puede hacer que su sitio web se simplifique constructivamente, pero si los colores distraen la vista cuando lo mira en lugar de complementar el contenido, entonces todo ese esfuerzo fue en vano. Así que usa menos colores con el diseño de tu sitio web..
Tener problemas para elegir un color para empezar? Antes después La revista tiene un útil libro electrónico gratuito sobre cómo encontrar el color perfecto aquí.. ¿Necesitas ayuda para elegir un esquema de color?? Prueba este práctico generador de colores.
Por último, si bien no menos importante
Esperemos que ahora esté preparado y listo para comenzar a simplificar el diseño de su sitio web. Estarás más orgulloso de mostrar tu sitio web porque se verá muy sexy y, por último, tus visitantes tendrán una experiencia mucho más agradable al navegar en tu sitio web..
Para resumir, aquí están los 5 puntos de partida para simplificar el diseño de su sitio web:
- Pon el foco solo en los elementos esenciales.
- Deshazte de todos los elementos innecesarios.
- Reducir el número de páginas.
- Obtenga más contenido por encima del pliegue
- Limita tu paleta de colores
Artículos relacionados
- 11 errores comunes de diseño web. Cosas como evitar formularios complicados, contenido no organizado, mala lectura y una barra de búsqueda que no es fácil de ubicar, todo le ayudará a simplificar el diseño de su sitio web y lo convertirá en un placer para los visitantes y un mayor índice de conversión para usted..
- Diseños web limpios, sencillos y minimalistas.. Todos esos ejemplos de sitios web demuestran que un diseño simple no solo se ve dulce e impresiona a los miembros del sexo opuesto, sino que también ayuda enormemente con la experiencia del usuario.
A usted: ¿cuáles son sus consejos de simplificación de diseño de sitio web favoritos? ¿Ha visto un aumento en los resultados deseados al simplificar su diseño??
Nota del editor:Este post esta escrito por Oleg Mokhov Para Hongkiat.com. Oleg Mokhov es el músico electrónico más móvil del mundo, un entusiasta del diseño web y visual, y cofundador de la tienda de música premium sin royalties Soundtrackster.