Si estás leyendo este artículo es porque quieres tener un diseño web profesional, ¿verdad? Déjame decirte que no eres un bicho raro, todo lo contrario. Hoy en día, todos los negocios, empresas, blogs o tiendas en línea quieren tener un diseño web profesional y que su página esté al día en cuanto a tendencias creativas.
Todos queremos una página web espectacular, creativa, diferente y rápida. De hecho, a menudo me llama la atención cuando un cliente me pide un presupuesto para diseñar su web y me dice lo siguiente: quiero que la web sea bonita, que funcione bien y que refleje mi personalidad.
Y yo sigo pensando: claro, ¿como el resto? ¡El mundo está lleno de fotocopias! ¿No te parece? Todos hemos asumido que para estar en internet necesitamos una imagen trabajada, un diseño profesional que además represente los valores de nuestro negocio o marca.
Entonces, ¿por qué sigo escuchando / leyendo frases como "la web me la va a hacer mi sobrino" o "compro una plantilla y monto yo mismo la web"? Eso es, estos son solo un par de ejemplos de los comentarios que recibimos los diseñadores web cuando presentamos un presupuesto.
(Si hay diseñadores en la sala, podéis confirmarlo en los comentarios.) Querido inepto, ¿de verdad crees que tú o tu sobrino, por muy listo que seas, vais a conseguir el mismo resultado que un diseñador web freelance con años de experiencia?
¿Pones en duda al fontanero que viene a tu casa a arreglarte la caldera? ¿No, verdad?
Entonces, ¿por qué menosprecias el trabajo de un diseñador web profesional? (y esto lo extiendo al diseñador gráfico, community manager, fotógrafo y creativo en general).
Cómo diferenciar un diseño web profesional de uno amateur o chapucero
Sí, he usado la palabra "chapucero". Te sorprendería la auténtica chapuza que me encuentro a diario en algunas páginas web de WordPress.
Por esa razón quería crear este post, para enseñarte a reconocer una página chapucera de un diseño web profesional.
Porque no te equivoques, una página puede tener un diseño más o menos acertado, pero detrás de una web hay muchos más elementos.
Algunos de ellos son:
#1 Diseño
Como no podía ser de otra manera, el primer indicador para detectar una web amateur en vez de un diseño web profesional es el diseño.
Y con diseño no me refiero solo a cómo es el contenido, sino también a la disposición de cada uno de los elementos de la página: imágenes, textos, alineaciones, márgenes, etc.
Otros aspectos para detectar un mal diseño web son:
Plantilla. Si el "autor" del diseño ha dejado la plantilla que viene por defecto al instalar WordPress o usar una plantilla gratuita, es un mal diseño. ¡OJO! No tengo nada en contra de los temas gratuitos (para nada), pero hay plantillas y plantillas.Colores. La paleta de colores es otro indicador, para mí uno de los fundamentales en materia de diseño. Si los colores de la web se eligen sin ningún criterio y los distintos tonos de la paleta no guardan relación entre sí, no estamos ante un diseño web profesional. En mi opinión, elegir bien los colores es muy importante (y al mismo tiempo difícil) para que la web tenga la personalidad que merece.Imágenes. Las imágenes son otro indicador muy sencillo para diferenciar un mal diseño web de uno profesional. Si las imágenes no tienen calidad, están mal ajustadas en cuanto a tamaños o ya las has visto antes en otras 50 páginas, estás ante un mal diseño.
Y lo mismo ocurre con el resto del material gráfico (ilustraciones, iconos o vectores).
#2 Organización
El segundo aspecto que me indica si una página tiene un diseño web profesional es su estructura y la organización de su contenido.
Los aspectos relacionados con la organización de una página web que debes observar son:
El menú. La organización de las distintas pestañas del menú es uno de los primeros indicadores en los que me fijo. Por ejemplo, el número de elementos (que no tenga demasiados), los desplegables (cuando un menú tiene muchos submenús no está teniendo en cuenta la usabilidad para el usuario), la ubicación del menú, si hay varios menús en la página (uno principal y otro secundario).El contenido. La organización del contenido también es importante y se refiere a elementos como categorías, subcategorías, pestañas o etiquetas.Otras variables / filtros. En el caso de un ecommerce, por ejemplo, que los artículos se filtren por colores, tallas, promociones, etc.
#3 Optimización
Otro punto fundamental para diferenciar un diseño web profesional de uno amateur es su nivel de optimización.
Y aquí no hay dudas. O tienes experiencia en diseño web o dudo que puedas optimizar WordPress como un profesional.
¿Qué elementos son clave cuando hablo de optimización de la web? La velocidad de carga. Este es un tema del que ya he hablado en varias ocasiones. Tener una página que cargue rápido es fundamental hoy en día, es algo que nos exigen mucho los diseñadores web.
Imágenes. Tener imágenes optimizadas es uno de los factores que afectan a la velocidad de carga. Cuando hablo de optimización de imágenes, me refiero a su peso y tamaño.Cache. Otro factor que más afecta a la velocidad de carga de una web es la carga bajo caché.Limpiar la base de datos. Por último, no quiero olvidarme de la base de datos de WordPress, que debe estar limpia y optimizada para el correcto funcionamiento de la web.
#4 SEO
Con el SEO pasa lo mismo que con la optimización, o lo controlas o no lo controlas.
Y hoy, con el nivel de competencia que existe en Internet para todos los sectores, necesitas tener al menos algunas nociones.
No tienes que convertirte en Dean Romero o Luis Villanueva, pero para que tu página tenga un diseño web profesional, necesitas al menos que te resulten familiares estos conceptos:
Título SEO. Títulos para SEO, así como la estructura de títulos (h1, h2, h3 …).
Meta descripción. Son etiquetas SEO que permiten establecer una descripción del contenido para los motores de búsqueda.Keyword research. Debes manejar una o varias herramientas que te muestren las palabras clave relacionadas con tu actividad o negocio y que te interese posicionar en Google, así como su nivel de competencia y grado de dificultad.Copywriting para SEO. Una vez que tengas claras las palabras clave que quieres posicionar, necesitas redactar textos adaptados al SEO, siguiendo una estructura de títulos y una densidad correcta de la palabra clave, por ejemplo.
#5 Servicios complementarios
Y por último, otro punto que me permite reconocer un diseño web profesional está relacionado con los servicios complementarios y extras.
Por supuesto, una página tiene extras que no puedes olvidar y es en este tipo de detalle donde ves si se trata de un diseño web profesional o si lo ha hecho un sobrino / primo / cuñado.
Algunos de esos extras son:
Twitter Cards. Son los tweets enriquecidos que muestran la información multimedia de los artículos y páginas de una web. Te cuento todo sobre Twitter Cards aquí.Open Graph metadata on Facebook. Igual que Twitter, Facebook también muestra información multimedia cuando compartes un enlace de tu web.Google Analytics. Crear una cuenta en Analytics y vincularla a tu web es esencial para llevar un control de tus estadísticas.
Search Console. Es la herramienta de Google que permite verificar la propiedad de tu web para el buscador, así como notificarle que la indexe.
En resumen, hoy cualquiera puede crear una web. Las herramientas (plantillas, bancos de imágenes, diseñadores de maquetación visual para WordPress, etc.) están ahí, al alcance de todos.
La diferencia entre un diseño web profesional y uno amateur está en el uso de esas herramientas, la creatividad para ordenar la estructura de la página y mostrar la información, así como la capacidad para idear soluciones creativas.
