Crear un gran diseño de sitio web puede ser difícil.

Es fácil sentirse atascado y frustrado cuando no tiene la fuente creativa que necesita a pedido.

Si así es como te sientes ahora (o algunas veces), este artículo puede ayudarte.

A continuación, le brindamos formas prácticas de superar los obstáculos del diseñador cuando las ideas simplemente no fluyen.

¿prepararse? Empecemos…

9 consejos de diseño web para cuando te sientas estancado

Para ayudarlo a tener grandes ideas, comenzamos con consejos de diseño web que puede usar de inmediato para mejorar su trabajo.

1. Usa un tablero de humor de Pinterest

Pinterest es una gran herramienta para crear tableros de humor. Puede recopilar imágenes que crea que serán útiles o que proporcionarán orientación para su proyecto. Estos pueden ser imágenes, combinaciones de colores, diseños, sitios web existentes, etc.

Tableros de humor de Pinterest

Los tableros de humor servirán como un centro central para la inspiración de su diseño. También puedes compartirlo con clientes o colaboradores para que puedan contribuir con su propio material.

2. Crea un plan paso a paso

haciendo planesYa sabes lo que dicen: no planificar es planificar para fracasar. Lo mismo es cierto en el diseño web. Si la idea del diseño del sitio web no se materializa, puede ser porque no se ha ocupado de los conceptos básicos. Solo cuando los conceptos básicos están en su lugar, puede poner su creatividad en primer lugar. Así es como se ve el plan:

  1. Definir los objetivos del sitio web. — Necesita saber qué se supone que debe lograr el sitio web. Si no lo hace, ¿para qué está diseñando exactamente? Los buenos objetivos son INTELIGENTES: pequeñaespecífico, arrozFácil, Unarealizable, Rrelacionado, y Toneladaoportuno.
  2. Esquema del viaje del comprador — Además de sus objetivos generales, debe averiguar qué camino desea que tomen sus visitantes. Desde su visita a su sitio web hasta cualquier objetivo que se le ocurra. De esta manera, puedes crear una estructura para guiarlos a lo largo del camino. Hubspot tiene un gran artículo.
  3. Crear una guía de estilo — Crear una guía de estilo te ayudará a ser consistente en tus diseños. Define fuentes, colores y otros elementos de diseño. Usar uno promueve la consistencia, 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 para comprender cómo estructurar la información para los visitantes y los motores de búsqueda.

3. Enfócate primero en la estructura

Al igual que hacer un plan, centrarse primero en la estructura de su sitio web puede ayudarlo a salir del proceso y obtener una vista más panorámica.

Puede ayudar usar un medio diferente a una computadora. Por ejemplo, al dibujar en papel con un bolígrafo, puede olvidarse temporalmente de los colores y otros detalles. Incluso puede hacer que todo sea colaborativo si usa un rotafolio o una pizarra.

Un buen ejercicio también sería dibujar sitios web en notas post-it. Esto te obligará a ceñirte al punto. Una variación es crear su diseño en tonos de gris primero y luego agregar color. De esa forma, se ve obligado a construir una jerarquía visual sin depender del color.

Empezar con escala de grisesLaura Elizabeth/Revista Smash

Si le preocupa diseñar con una computadora, puede usar la Prueba de estrabismo. Eso significa mantenerse alejado de la pantalla y entrecerrar los ojos. Las imágenes borrosas le mostrarán lo que es más visible en su sitio y lo que es más probable que los visitantes primerizos noten primero.

4. Cumple con los estándares web

Está en la naturaleza del diseñador querer ser creativo. Esto suele ser algo bueno. Recuerde, es necesario establecer algunos límites creativos.

Por ejemplo, en diseño web, hay muchos estándares establecidos. Los visitantes están acostumbrados a ciertas metáforas de diseño y elementos del sitio web. Cuando viola demasiado estas reglas, puede confundirlos y apagarlos.

Estos estándares establecidos incluyen:

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

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

5. Concéntrate en el minimalismo y los botones CTA

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

Una vez más, hay investigaciones para respaldar esto. En el mismo estudio mencionado anteriormente, Google descubrió que la complejidad visual estaba inversamente relacionada con el atractivo del sitio web. En resumen, ¡la gente no quiere sentirse abrumada! Simplificar su diseño beneficia otras características, como la velocidad del sitio.

Puede eliminar con seguridad los siguientes puntos:

  • Opción del menú — Por supuesto, desea que otros exploren más su sitio. Sin embargo, un menú sobrecargado puede estar muy desordenado y tener un impacto negativo. Nuevamente, ¡manténgase en lo esencial!
  • barra lateral — Cada vez más sitios están eliminando las barras laterales. ¿Qué hay en tu barra lateral? ¿Realmente importa?
  • jerga fangosa — Lo mismo que las fotos de archivo se aplica al lenguaje. Las frases usadas en exceso, los clichés y las palabras vacías pueden cansar a las personas. Deje de usarlos, inyecte algo de personalidad en su escritura, aprenda algunas palabras poderosas y aprenda a redactar textos publicitarios.

6. Comienza con tu teléfono

Los dispositivos móviles han conquistado el mundo. En este momento, más personas se conectan a Internet a través de teléfonos móviles y tabletas que de computadoras de escritorio.

Además, Google anunció que está implementando un nuevo índice móvil primero. Esto significa que, cuando esté plenamente vigente, los motores de búsqueda juzgarán primero la presencia móvil de cada sitio web. Si no funciona, obtendrá un éxito en las clasificaciones de búsqueda.

Por lo tanto, al diseñar un sitio web, es mejor comenzar con una presencia móvil. A partir de ahora, los usuarios móviles serán tus principales clientes. Así que mejor asegúrate de que estén satisfechos.

Al mismo tiempo, también es una buena práctica generar ideas de diseño de sitios web. Asimismo, comenzar con un dispositivo móvil te obliga a concentrarte en lo esencial y pensar en el propósito del diseño. A medida que aumenta el tamaño de la pantalla, puede ampliar aún más y agregar elementos.

7. Presta atención al formato del contenido

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

Desafortunadamente, ahora que las personas están saturadas, muy pocas personas leerán 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.

Esto significa que debe adaptar su contenido a sus hábitos de consumo para que sea más impactante.

Aquí está cómo hacerlo:

  • Incluir título — Los encabezados son una excelente manera de desglosar el contenido. Muchos lectores también los usan como anclas para escanear y leer solo las secciones bajo los encabezados que encuentran interesantes. Así que asegúrese de usar el título y que sea descriptivo.
  • Usar párrafos y listas — Nadie quiere leer mucho texto. Los párrafos dividen el contenido en pequeños fragmentos. Cada vez que abra un nuevo punto, abra un nuevo punto. Las listas tienen una funcionalidad similar y hacen que la información sea más accesible. úsalos también.
  • No escatime en medios e imágenes — La información visual es más fácil de entender para el cerebro humano que el texto. Por esta razón, es una buena idea usar imágenes y otros medios para enfatizar los puntos clave de su copia. También es una excelente manera de dividir un texto más largo.
  • Optimiza tus fuentes — Su uso de fuentes también puede afectar en gran medida la legibilidad. Las herramientas más importantes que tiene aquí son el tamaño y la altura de la fila. Al menos 16px y asegúrese de agregar más altura de línea cuanto más pequeña sea la fuente que use.

Si estudias este artículo, puedes ver todos los efectos anteriores.

8. Pruebe con un diseño de una página

En el pasado, el diseño de sitios web consistía en plegarse. Todas las cosas importantes deben exceder el límite donde el usuario comienza a desplazarse. Todavía hay algo que decir al respecto, ya que es donde los usuarios pasan la mayor parte de su tiempo.

Tiempo de visualización del visitante: contraído

Esto no quiere decir que el pliegue sea todo y nada de tu página. La gente se desplaza. De hecho, si les das una razón, se desplazarán hacia abajo por toda la página.

Crazy Egg probó esto cuando reemplazó la página de ventas original con una que era 20 veces más larga.

Diseño de una página

resultado: ¡La tasa de conversión aumentó un 30%! Si el viaje de su comprador actual abarca varias páginas, considere consolidarlas todas en un solo lugar. Esta podría ser una de esas diferentes ideas de diseño de sitios web.

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

9. Usa pruebas A/B

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

Las pruebas A/B pueden ser una excelente manera de aprender qué hace que su sitio web sea mejor. Esto significa ofrecer aleatoriamente a los visitantes diferentes versiones del diseño y luego verificar sus respuestas. Puedes tomar decisiones en base a los resultados.

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

Estas herramientas y complementos lo ayudarán con sus pruebas.

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

Si en este punto todavía te sientes estancado, en esta última entrega revisaremos algunos sitios llenos de inspiración para el diseño web.

1. wwwards.com

Awwwards

El sitio 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 detallan el diseño y una sección donde puedes votar en la web de los nominados del mes. ¡Todo es de alta calidad y verdaderamente inspirador!

2. WebDesign-Inspiración.com

Inspiración para el diseño de sitios web

Esta es una galería de proyectos de diseño web completados. Puede filtrarlo de diferentes maneras para encontrar lo que está buscando, como por industria, tipo, paleta o estilo. Su archivo es tan grande que a menudo es la única página que necesita para tener su propia idea de diseño de sitio web.

3. SiteInspire.com

inspiración del sitio web

El sitio muestra el diseño web y de interacción. Al igual que con el ejemplo anterior, puede filtrar las entradas de diferentes maneras, incluido el estilo, el tipo, el tema e incluso la plataforma. Si crea una cuenta, también puede configurar una colección de sus diseños favoritos.

4. OnePageLove.com

una pagina de amor

Este ejemplo es un sitio de inspiración de diseño web creado específicamente para diseños de una sola página. Mencionamos esta idea anteriormente en el artículo. Puede navegar por la galería o buscar específicamente lo que está buscando. Es importante prestar atención al crear su propio sitio web de una página.

5. Dribbble.com

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

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

6. Behance.net

conducta

Este sitio es muy similar a Dribbble. También es donde los diseñadores se conectan y muestran sus carteras. Tiene toneladas de ejemplos de diseño web y puede usar la función de búsqueda para encontrarlos.

envolver

Las ideas de diseño web no crecen en los árboles. A veces se necesita un poco de ayuda para llegar a algo bueno. ¡Afortunadamente, hay publicaciones como esta para ayudarlo a volver a la normalidad!

Con suerte, los consejos, las herramientas y los recursos de diseño web mencionados en las publicaciones anteriores lo han empujado de regreso al ámbito creativo. Obviamente, hay muchas más cosas útiles por ahí, ¡por eso nos gustaría saber de usted!

¿Conoces otros consejos, herramientas o inspiración para generar ideas de diseño web? Si es así, ¡comparte en la sección de comentarios a continuación!

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.