13 consejos rápidos para mejorar tus habilidades de diseño web

¿Qué Tal? hoy te hablaré de 13 consejos rápidos para mejorar tus habilidades de diseño web

Diseñar el sitio web de su empresa puede ser una propuesta desafiante. Tiene que hacer malabarismos con las expectativas de muchas partes interesadas y, a menudo, puede encontrar obstáculos que impiden que surjan nuevas ideas.

Fui gerente de diseño del sitio web de una gran empresa durante casi seis años y, durante ese tiempo, perdí la perspectiva de lo que realmente necesitaba nuestro público objetivo. Llámelo «visión de túnel». Cuando trabaja en el mismo sitio web, a menudo ayuda dar un paso atrás y pensar en nuevos enfoques. Ese es el propósito de esta entrada de blog.

Lo que sigue son algunos consejos, trucos, atajos y consejos generales para crear un excelente diseño de sitio web. ¿Puedes probar alguno de estos para llevar tu diseño web al siguiente nivel?

1) Diseñe en tonos de gris, luego agregue color

Si su diseñador web crea wireframes antes de los diseños visuales, entonces sabe el valor de comenzar con tonos de gris. Convierta su estructura alámbrica en un diseño visual en escala de grises, agregue su fotografía y luego, con cuidado, agregue color a los elementos de diseño uno a la vez.

Esto evitará un sitio web «sobrediseñado» y ayudará a dar protagonismo solo a los elementos que lo necesitan.

2) Use Keynote (Mac) para crear prototipos de página rápidos

No necesita Photoshop para crear prototipos rápidos de páginas web, páginas de destino, llamados a la acción u otros elementos de la interfaz web. Hay todo un movimiento clandestino en torno al uso de Keynote (esa es la versión de PowerPoint de Apple) para crear maquetas.

Incluso hay un repositorio en línea que contiene plantillas de diseño de interfaz de usuario para la creación de esquemas, la creación de prototipos y la prueba de aplicaciones móviles y web en Keynote.

3) Agregue fuentes web a su guía de estilo corporativa

Es 2015, y si su guía de estilo corporativo no incluye fuentes web, entonces debe considerar agregarlas para que su sitio web tenga el mismo control que tienen los documentos corporativos y las garantías.

Si aún no ha investigado esto, Fuentes de Google es un gran lugar para comenzar. Encuentre una fuente web adecuada y defina el uso en su guía de estilo corporativo para que la use de manera consistente en línea

4) Entierra esos íconos de las redes sociales

¿Hiciste todo ese trabajo para atraer a la gente a tu sitio web y, sin embargo, los estás invitando a irse? Eso es lo que estás haciendo cuando colocas íconos de redes sociales en un lugar destacado de tu sitio web, como en el encabezado. Entierra los íconos en el pie de página.

Si las personas están en su sitio web, quiere que se queden, aprendan y quizás pregunten sobre sus servicios, no que vean las fotos de picnic de la empresa y las salidas a los bolos en Facebook. Las redes sociales deben enviar personas a su sitio web, no al revés.

5) Deshazte de la presentación de diapositivas/carrusel

Cuando la presentación de diapositivas/carrusel de imágenes de la página de inicio se puso de moda, era una forma de obtener mucha información en la primera página de su sitio web. El problema es que la mayoría de las personas no permanecen en la página el tiempo suficiente para experimentar todos los mosaicos/mensajes.

Además, los mensajes y las imágenes generalmente no son relevantes para la primera visita de su cliente potencial. ¿Qué es lo único que un visitante debe llevarse de su visita al sitio web? Promocione esa única cosa, generalmente lo que hace su empresa en términos sencillos, y deshágase del resto.

6) Simplificar la navegación

Reducir las opciones de sus visitantes puede parecer contradictorio, pero en realidad puede ayudar a guiar a las personas a su contenido más productivo. En lugar de abrumar a los visitantes de su sitio web con enlaces a cada página, simplifique su navegación.

Elimine los menús desplegables y, especialmente, la navegación desplegable de varios niveles que solo el usuario de mouse más hábil puede navegar, y vaya un paso más allá al reducir la cantidad de enlaces en el encabezado o la barra lateral de su sitio web.

7) Elimina las barras laterales

La barra lateral ha sido una tendencia de diseño web especialmente popular durante los últimos diez años, especialmente en los blogs. Muchas empresas están descubriendo que cuando eliminan las barras laterales de sus blogs, fomentan la atención del lector al artículo y la llamada a la acción al final.

La eliminación de la barra lateral en el blog de nuestra empresa aumentó la cantidad de clics en los gráficos de llamada a la acción en más del 35 %.

Intente implementar esta táctica revisando el nuevo Colección de temas de CMS Hub en el mercado de Envato.

8) Inspírate en el color de la naturaleza

¿Tiene dificultades para encontrar la combinación de colores perfecta para su sitio web o un gráfico de llamado a la acción? Obtenga su inspiración de la naturaleza. Puede usar su propia cámara para fotografiar maravillas naturales a su alrededor o buscar fotos de paisajes en la web, luego use un selector de color para seleccionar un color. La paleta de colores de la naturaleza nunca falla.

9) Aléjate de la computadora

Creo que un buen diseño comienza con una gran planificación. Poner sus ideas en papel o en una pizarra puede ayudarlo a iterar a través de un diseño, refinarlo y agregar detalles a medida que avanza. Dibujar en una pizarra también puede hacer que el proceso de diseño sea colaborativo y permitir que otros miembros del equipo den su opinión.

También es fácil borrar lápiz del papel o marcador de una pizarra y hacer cambios rápidos, y una vez que tenga algo concreto con lo que trabajar, tome una foto con su teléfono móvil y comience a trabajar en la pantalla.

10) Usa Pinterest para crear tableros de humor

Cuando está reuniendo inspiración e ideas para un nuevo sitio web, o está rediseñando parte de su sitio web, necesita una forma de recopilar su inspiración en un solo lugar para futuras referencias.

¿Sabía que puede usar Pinterest para crear un tablero de ideas con sus imágenes, colores, diseños, patrones, sitios web de muestra y material conceptual favoritos? Otra gran ventaja de usar Pinterest es que otros diseñadores también crean y comparten paneles de ideas, y ya han seleccionado una tonelada de recursos que puedes usar.

11) Aumenta el tamaño de tu fuente

La tipografía es increíblemente importante en el diseño web. El texto es lo suficientemente difícil de leer en la pantalla de una computadora, por lo que debe hacer que las cosas importantes se destaquen.

Una forma de hacerlo es aumentar el tamaño de las fuentes, especialmente para títulos y bloques de texto importantes. Considere también aumentar el tamaño de su fuente normal.

12) Usa espacios en blanco

Puede ser difícil creer que usar espacios en blanco es un truco, pero evalúo los sitios web todos los días que podrían usar más espacios en blanco. No es necesario rellenar todas las áreas en blanco de la pantalla.

A pesar de que los espacios en blanco y la simplicidad están de moda en este momento, demasiadas empresas intentan meter todo en un espacio pequeño o, peor aún, «sobre el pliegue». Dé a su diseño espacio para respirar, y los visitantes de su sitio web podrán encontrar las cosas más fácilmente.

13) Usa la prueba del estrabismo

¿Quiere una forma rápida de saber qué es lo más destacado en su sitio web? Aléjate de la pantalla de tu computadora y entrecierra los ojos. Casi todo se volverá borroso y solo se notarán las características más grandes, coloridas y prominentes.

Se dice que esta técnica ayuda a un diseñador a comprender lo que un visitante primerizo puede notar cuando escanea su sitio web. ¿Se dará cuenta el visitante de lo que es más importante?

Si bien esta es una gran publicación de blog sobre pequeños trucos de diseño, estoy seguro de que tienes algunos trucos propios en los que no he pensado aquí. ¿Cuál es tu truco de diseño favorito? ¿Por qué no compartirlo en los comentarios a continuación? ¡Veamos cuántos puedes agregar!

Nos leeremos hasta la próxima

sobre el autor

Estuardo Monroy

Te gustaría saber más sobre el autor, te invito que veas la sección de Nosotros en Consultor SEO, donde se extiende hablando sobre su experiencia, conocimientos y un poco de información personal.