9 ideas de diseño de sitios web + sitios de inspiración

Ideas de diseño de sitios webCrear un excelente diseño de sitio web puede ser difícil.


Cuando no puede hacer que los jugos creativos fluyan bajo demanda, es fácil sentirse atascado y frustrarse.

Si así es como te sientes ahora (o a veces), esta publicación está aquí para ayudarte.

A continuación, le proporcionamos formas accionables para superar el diseño del diseñador. bloquear cuando las ideas simplemente no fluyen.

Listo? Empecemos…

9 consejos de diseño web para cuando te sientes atascado

Para ayudarlo a encontrar buenas ideas, comenzamos con consejos de diseño web que puede usar de inmediato para mejorar en lo que está trabajando.

1. Usa Pinterest Mood Boards

Pinterest es una gran herramienta para crear placas del estado de ánimo. Puede recopilar material visual que cree que sería útil en su proyecto o proporcionará una dirección. Pueden ser imágenes, esquemas de color, diseños, sitios web existentes y más..

Pinterest tableros de humor

La tabla de estado de ánimo actuará como un centro central para su inspiración de diseño. También puede compartirlo con clientes o colaboradores para que puedan contribuir a su propio material..

2. Crear un plan paso a paso

Haciendo un planYa sabes lo que dicen: no planificar es planear fallar. Esto también es cierto en el diseño web. Si las ideas de diseño del sitio web no se presentan, tal vez sea porque aún no se ha ocupado de los fundamentos. Solo cuando lo básico esté en su lugar, podrá poner toques creativos en la parte superior. Así es como puede verse la planificación:

  1. Definir el objetivo del sitio web – Necesita saber qué se supone que debe lograr el sitio. Si no lo haces, ¿hacia qué diablos estás diseñando? Los buenos objetivos son SMART: Sespecífico, METROfácil, UNAsostenible, Relevante, y Timely Más sobre eso aquí.
  2. Esboza el viaje del comprador – Además del objetivo general, también debe averiguar qué camino desea que tomen los visitantes. Desde que llegan a su sitio hasta el objetivo que tenga en mente. De esa manera, puede crear una estructura para guiarlos en el camino. Hubspot tiene un Excelente artículo en ese.
  3. Crea una guía de estilo – Crear una guía de estilo lo ayudará a mantenerse consistente en su diseño. Define fuentes, colores y otros elementos de diseño. Usar uno promueve la uniformidad, especialmente cuando se trabaja con otros.. Google es un buen ejemplo.
  4. Planifica tu SEO – La planificación también es importante para el SEO. Cree un mapa del sitio web para comprender cómo estructurar su información tanto para los visitantes como para los motores de búsqueda..

3. Enfóquese primero en la estructura

Al igual que al hacer un plan, concentrarse en la estructura de su sitio web primero lo ayuda a alejarse del proceso y obtener una mejor vista panorámica.

Puede ayudar trabajar con un medio diferente al de su computadora. Por ejemplo, al hacer bocetos en papel con un solo bolígrafo, puede olvidarse de los colores y otros detalles por el momento. Si está utilizando rotafolios o una pizarra, incluso puede hacer que todo sea colaborativo.

Un gran ejercicio también puede ser dibujar el sitio web en una nota post-it. Esto te obligará a apegarte a lo esencial. Una variación de esto es crear su diseño en tonos de gris primero y solo agregar color después. De esta manera, se ve obligado a establecer una jerarquía visual sin depender del color..

Comience con escala de grises
Laura Elizabeth / Revista Smashing

Si está empeñado en usar su computadora para diseñar, puede usar la “prueba de estrabismo”. Eso significa alejarse de la pantalla y entrecerrar los ojos. La imagen borrosa le mostrará lo que es más obvio en su sitio y lo que los visitantes por primera vez probablemente noten primero..

4. Seguir con los estándares web

Está en la naturaleza de los diseñadores querer ser creativos. Eso generalmente es algo bueno. Tenga en cuenta que es necesario establecer algunos límites dentro de los cuales ser creativo.

Por ejemplo, en diseño web, hay una serie de estándares establecidos. Los visitantes están acostumbrados a ciertos tropos de diseño y elementos del sitio web. Cuando infringe demasiado esas reglas, puede confundirlas y desactivarlas..

Entre esos estándares establecidos están:

  • Consistencia en la marca y el diseño en todas las páginas.
  • Logotipo del sitio web en la esquina superior izquierda
  • Información de contacto en la parte superior derecha o centro
  • Navegación principal en la parte superior de la pantalla
  • Titular principal / propuesta de valor y llamado a la acción arriba en la página de inicio
  • La función de búsqueda en el encabezado
  • Iconos de redes sociales en el pie de página del sitio web

Estamos seguros de que, como usuario ávido de Internet, ya conoce los estándares que cumplen los sitios web. Si no, puedes encontrar más de ellos. aquí.

5. Centrarse en el minimalismo y los botones de CTA

Cuando conoce el objetivo de su sitio y páginas, esto también le permite deshacerse de todo lo que no sirve para ese propósito. Esto optimiza su diseño y lo hace más agradable de ver..

Nuevamente, hay investigaciones para respaldar esto. En el mismo estudio mencionado anteriormente, Google descubrió que la complejidad visual se correlaciona negativamente con el atractivo del sitio web. En resumen, ¡la gente no quiere sentirse abrumada! Simplificar su diseño es bueno para otras características, por ejemplo, la velocidad del sitio web.

Aquí hay algunas cosas que puede eliminar con seguridad:

  • Elementos de menú – Por supuesto, quieres que otros exploren más tu sitio. Sin embargo, un menú sobrecargado puede ser súper confuso y tener efectos negativos. De nuevo, quédate con lo esencial!
  • Barras laterales – Cada vez más sitios web están eliminando gradualmente la barra lateral. ¿Qué tienes en tu barra lateral? ¿Es eso realmente importante??
  • Jerga fangosa – Lo mismo que se aplica a las fotos de archivo se aplica al idioma. Las frases, clichés y palabras huecas que se usan en exceso hacen que las personas se desconecten. Deja de usarlos, inyecta algo de personalidad en tu escritura, aprende algo palabras de poder y aprender a copiar.

6. Comience con el móvil

Los dispositivos móviles han conquistado el mundo. En este momento, más personas navegan por la web a través de teléfonos y tabletas que en computadoras de escritorio.

Adicionalmente, Google anunció que están lanzando su nuevo índice móvil primero. Eso significa que, cuando esté totalmente vigente, el motor de búsqueda juzgará primero cada sitio web en su presencia móvil. Si no está haciendo su trabajo correctamente, recibirá un golpe en las clasificaciones de búsqueda.

Por esa razón, al diseñar un sitio web, sería una buena idea comenzar primero con la presencia móvil. De ahora en adelante, los usuarios móviles serán sus principales clientes. Por lo tanto, es mejor asegurarse de que se sientan atendidos.

Al mismo tiempo, es una buena práctica crear ideas de diseño de sitios web. Nuevamente, comenzar con dispositivos móviles te obliga a concentrarte en lo esencial y pensar en el propósito de tu diseño. Luego puede desplegar más y agregar elementos a medida que el tamaño de la pantalla crece.

7. Presta atención al formato del contenido

El formato de contenido es una herramienta subestimada para diseñadores web. El contenido es el elemento más importante de su sitio, ya sea en forma de publicaciones de blog o una copia de ventas. Al final, eso es lo que quieres que consuman los visitantes. El propósito de su diseño es presentarlo de una manera que lo hagan.

Desafortunadamente, a estas alturas la gente está tan saturada que pocos de ellos leen todo en su página. En cambio, la mayoría de los visitantes escanean. Además, tienden a hacerlo en un patrón en forma de F.

Significa que debe hacer que su contenido se ajuste a sus hábitos de consumo para que sea más impactante.

Aquí se explica cómo hacerlo:

  • Incluir encabezados – Los encabezados son una excelente manera de dividir el contenido. Muchos lectores también los usan como puntos de anclaje para escanear y leer solo aquellas partes bajo encabezados que les parecen interesantes. Por lo tanto, asegúrese de usar encabezados y hacerlos descriptivos.
  • Usa párrafos y listas – Nadie quiere leer una gran cantidad de texto. Los párrafos dividen el contenido en pequeños trozos. Abra uno nuevo cada vez que abra un nuevo punto. Las listas tienen una función similar y hacen que la información sea más accesible. Úselos también.
  • No escatime en medios y visuales – La información visual es mucho más accesible para el cerebro humano que el texto. Por esa razón, es una buena idea usar imágenes y otros medios para subrayar los puntos hechos en su copia. También es, de nuevo, una excelente manera de dividir fragmentos de texto más largos..
  • Optimiza tus fuentes – El uso de fuentes también influye mucho en la legibilidad. Las herramientas más importantes que tiene aquí son el tamaño y la altura de la línea. Ir por al menos 16px y asegúrese de agregar más altura de línea cuanto menor sea la fuente que está utilizando.

Si investiga este artículo, puede ver todo lo anterior vigente.

8. Pruebe el diseño de una página

En el pasado, el diseño del sitio web se trataba de el pliegue. Todo lo importante tenía que estar por encima del límite desde el cual los usuarios comenzarían a desplazarse. Todavía hay algo que decir al respecto, ya que todavía es donde los usuarios pasan la mayor parte de su tiempo.

Tiempo de visualización de visitantes: el doblez

Eso no significa que el pliegue sea el todo y el final de su página. La gente ciertamente se desplazará. De hecho, se desplazarán hacia abajo en toda su página si les da una razón para.

Crazy Egg probó esto cuando reemplazó su página de ventas original con uno 20 veces más largo.

Diseño de una página

El resultado: ¡la tasa de conversión aumentó en un 30 por ciento! Si el viaje de su comprador actual atraviesa varias páginas, considere consolidarlas todas en un solo lugar. Esta podría ser una de esas ideas de diseño de sitios web que marcan la diferencia.

No entierre contenido en presentaciones de diapositivas / carruseles o pestañas / acordeones, no funcionan!

9. Emplear pruebas A / B

A veces, al evaluar diferentes ideas de diseño de sitios web, puede ser difícil decidir cuál es el camino correcto. Piensa de un lado a otro, hace ajustes, pero no está seguro de su decisión. En algún momento, pensar ya no lo cortará. Tendrá que dejar que los usuarios decidan.

Las pruebas A / B pueden ser una excelente manera de ver qué hace que su sitio web sea mejor. Significa servir diferentes versiones de su diseño a los visitantes al azar, luego verifique cómo están reaccionando. Puedes tomar decisiones basadas en los resultados.

Puedes probar casi cualquier cosa. Desde diseños de página completos hasta cambios de color, llamadas a la acción, imágenes, títulos de artículos y fuentes. Todo esto puede marcar una gran diferencia en el rendimiento de una página. Sin embargo, si no lo prueba, nunca sabrá!

Estas herramientas y complementos te ayudará a hacer las pruebas.

6 sitios web inspiradores para generar nuevas ideas de diseño de sitios web

Si en este punto todavía se siente atrapado, en esta parte final revisaremos varios sitios web llenos de inspiración para el diseño web.

1. Awwwards.com

Awwwards

Este sitio web otorga premios a diseñadores web, desarrolladores y agencias de todo el mundo. Tienen un archivo enorme y de búsqueda de ejemplos de diseño web. Además, hay un Blog donde introducen diseños en detalle y una sección donde puedes votar en el sitio de los nominados del mes. Todo es de alta calidad y realmente inspirador.!

2. WebDesign-Inspiration.com

Inspiración de diseño de sitios web

Es una galería de proyectos de diseño web terminados. Puede filtrarlo de muchas maneras diferentes para encontrar lo que está buscando, por ejemplo, por industria, tipo, paletas de colores o estilos. Su archivo es tan grande que a menudo es la única página que necesita para crear sus propias ideas de diseño de sitios web..

3. SiteInspire.com

siteInspire

Este sitio web muestra diseño web e interactivo. Al igual que en el ejemplo anterior, puede filtrar las entradas de diferentes maneras, incluido el estilo, el tipo, el asunto e incluso la plataforma. Si crea una cuenta, también puede configurar colecciones de sus diseños favoritos.

4. OnePageLove.com

One Page Love

Este ejemplo es un sitio de inspiración de diseño web creado específicamente para diseños de una página. Mencionamos la idea anteriormente en el artículo. Puede navegar por la galería o buscar específicamente las cosas que está buscando. Asegúrese de pasar cuando construya su propio sitio de una página.

5. Dribbble.com

dribbble para ideas de diseño de sitios web inspiración

En Dribbble, los diseñadores muestran su trabajo. Esto puede ser cualquier cosa, desde aplicaciones hasta iconos, ilustraciones y otros ejemplos. Puede usarlo para inspiración general o usar el etiquetas para encontrar lo que más le interesa, como diseño web.

6. Behance.net

Behance

Este sitio web es muy similar a Dribbble. También es un lugar para que los diseñadores se conecten y muestren su cartera. Tiene muchos ejemplos de diseño web y puede usar la función de búsqueda para buscarlos..

Terminando

Las ideas de diseño web no crecen en los árboles. A veces necesitas un poco de ayuda para llegar a algo bueno. Afortunadamente, hay publicaciones como estas para ayudarte a retomar el camino!

Con suerte, los consejos de diseño web, las herramientas y los recursos mencionados en la publicación anterior lo han empujado nuevamente a la tierra de la creatividad. Obviamente, hay muchas cosas más útiles, por eso queremos saber de usted.!

¿Conoces consejos, herramientas o inspiración adicionales para generar ideas de diseño web? Si es así, compártelo en la sección de comentarios a continuación.!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map