¿Quieres convertirte en diseñador web? Entonces necesitas tener estas 10 habilidades.

Así que quieres convertirte en un diseñador web. ¡Genial!

¿Pero estás listo para trabajar lo necesario para convertirte en uno?

Porque, de hecho, se necesita mucho trabajo. No te voy a endulzar las cosas.

En mi investigación para esta publicación, algo se volvió abrumadoramente claro para mí. Hay mucha desinformación sobre qué habilidades necesitas tener para diseñar sitios web.

La mayor parte de esta información incluía cosas como “¡HTML!”, “¡CSS!” y “¡Javascript!”

Vamos, chicos. No es 2002. No necesitas saber nada de eso para construir grandes sitios web. O incluso para construir tu propio negocio de diseño web.

Y definitivamente no tienes que gastar un montón de dinero en un curso de diseño web fancy.

Sin embargo, hay algunas habilidades realmente importantes que debes conocer. Habilidades cruciales que creo que no se discuten lo suficiente.

Algunas de estas pueden ser incluso sorprendentes de escuchar. Pero, oye, por eso estoy aquí.

Estas son las 10 habilidades más importantes de diseño web que debes desarrollar:

La base sólida de un diseñador web con el que la gente quiere trabajar

Cuando la mayoría de las personas piensan en desarrollar las habilidades adecuadas para convertirse en diseñador web, naturalmente piensan en lo técnico. La experiencia del usuario, SEO, optimización de velocidad, procesos, marketing de contenido, etc...

Pero están mirando las cosas al revés.

Independientemente de si simplemente quieres conseguir un trabajo de diseño web o empezar tu propio negocio de diseño web (te recomiendo encarecidamente lo último), desarrollar las siguientes habilidades te hará más deseable para trabajar contigo y infinitamente más productivo.

Puede que incluso te convierta en una persona más feliz...

1) Perseverancia

“La diferencia entre ganar y perder es, la mayoría de las veces, no rendirse.” – Max Levchin (Co-Fundador de PayPal)

Ya sea que estés buscando trabajo o construyendo un negocio, desarrollar las habilidades necesarias para mejorar como diseñador web es, definitivamente, un juego a largo plazo.

Quizás se deba a esos malditos millennials, o a los circuitos de gratificación instantánea que constantemente recibimos de las redes sociales, pero parece que la gente espera resultados demasiado rápido hoy en día.

Nos hemos acostumbrado tanto a conseguir lo que queremos, cuando lo queremos.

¿Hambriento? Presiona un botón en tu teléfono y recibe comida entregada personalmente a tu puerta en menos de 30 minutos.

¿Aburrido? Mira una temporada entera de TV en una noche.

¿Quieres un nuevo libro para leer esta noche? Pídelo con un clic en Amazon y que llegue para la hora de la cena.

¿Quieres convertirte en diseñador web? Desarrolla lenta y metódicamente las habilidades necesarias a través de un desarrollo personal y profesional constante, y logra resultados satisfactorios en unos pocos años.

Uhhh... tal vez solo regrese a Netflix...

No hay forma de evitarlo. Tiempo + esfuerzo = resultados. ¡Persevera!

2) Gestión del Tiempo

“No hay nada tan inútil como hacer de manera eficiente aquello que no debería hacerse en absoluto.” – Peter Drucker (Autor)

Ya sabes esto.

Estamos en una nueva era. La Economía de la Atención. Todos y todo están constantemente compitiendo por tus ojos. Más ojos = más anuncios/suscriptores = más dinero en sus bolsillos.

Televisión por cable, deportes, Netflix, Amazon Prime, Hulu, HBO, Spotify, Apple Music, YouTube, Playstation, Xbox, Facebook, Twitter, Instagram, Snapchat, radio, vallas publicitarias... podría seguir y seguir...

Y eso es solo en las opciones de entretenimiento. No hablemos de las cosas que realmente importan en la vida: familia, amigos, espiritualidad, educación, dieta, ejercicio, crecimiento personal...

Mirando esas dos listas, podrías decir fácilmente que no queda tiempo para hacer nada más. Pero todo se reduce a este principio:

Tienes que tomar tiempo para hacer tiempo.

Si quieres más tiempo para desarrollar tus habilidades de diseño web, necesitas tomar ese tiempo de otra actividad. (¿podría sugerirte Netflix?)

DESAFÍO: Descarga una de esas aplicaciones de seguimiento del tiempo en tu teléfono y computadora y deja que rastreen tu actividad durante un mes. Estarás absolutamente sorprendido de cuánto tiempo pierdes a diario.

3) Comunicación Empática

Para esto, voy a usar una maravillosa ilustración del libro de Stephen R Covey, Los 7 Hábitos de la Gente Altamente Efectiva.

Supón que has tenido problemas con tus ojos y decides ir a un optometrista para pedir ayuda. Después de escuchar brevemente tu queja, se quita las gafas y te las pasa.
“Póntelas”, dice. “He llevado este par de gafas durante diez años y realmente me han ayudado. Tengo un par extra en casa, puedes usar estas.”
Te las pones, pero solo empeora el problema.
“¡Esto es terrible!” exclamas. “¡No puedo ver nada!”
“Bueno, ¿qué está mal?” pregunta. “Funcionan genial para mí. Intenta más.”
“Lo estoy intentando.” insistes. “Todo es un borrón.”
“Bueno, ¿qué te pasa? Piensa positivamente.”
“OK. Positivamente no puedo ver nada.”
“¡Vaya que eres desagradecido! ¡Y después de todo lo que he hecho para ayudarte!”
¿Cuáles son las probabilidades de que volverías a ver a este tipo?

¿Con qué rapidez intentamos prescribir soluciones sin diagnosticar primero el problema?

Este problema está corriendo desenfrenado en nuestras sociedades hoy en día. Todos están gritando sus soluciones desde los tejados sin intentar primero entender realmente los problemas de aquellos a quienes están gritando.

La empatía es poderosa. Te convierte en un mejor oyente. Te da una dosis saludable de perspectiva. Fomenta una visión del mundo más clara. Y, sí, también te hará un mejor diseñador web.

Los clientes vienen a ti porque no saben cómo construir un sitio web por sí mismos. A menudo, ni siquiera saben lo que quieren. No están seguros de cómo describirlo. Todo lo que pueden ofrecer son ideas vagas e interpretaciones confusas.

¿Vas a diagnosticar el problema? ¿O saltarás a una conclusión apresurada?

4) Inteligencia Emocional

Has oído hablar del CI, pero ¿conoces el IE?

El IE, o inteligencia emocional, se define como “la capacidad de ser consciente, controlar y expresar las propias emociones, y manejar las relaciones interpersonales con juicio y empatía.”

La empatía desempeña un papel importante en la salud de la inteligencia emocional, pero hay más que eso.

La definición verdadera de IE puede ser debatida, pero es ampliamente aceptado que estos son los 5 principios fundamentales que componen una inteligencia emocional saludable:

• Autoconciencia

• Autorregulación

• Motivación

• Empatía

• Habilidades Sociales

Cuanto más manejes cada una de estas áreas, mayor será tu inteligencia emocional. Vamos a desglosar un poco esto:

4a) Autoconciencia

Conoce tus fortalezas y, más importante, tus debilidades. Si tienes autoconciencia, sabes cómo tus emociones y acciones pueden afectar a las personas a tu alrededor.

4b) Autorregulación

Responsabilidad personal. Una cualidad que escasea en nuestro mundo moderno. Las personas que se regulan efectivamente no atacan verbalmente a otros, no toman decisiones apresuradas o emocionales, no culpan a otros por sus faltas, ni comprometen sus valores.

4c) Motivación

Las personas automotivadas trabajan consistentemente hacia sus objetivos, y tienen estándares extremadamente altos para la calidad de su trabajo. Si puedes asegurarte de que tus motivaciones no dependen de factores externos fuera de tu control, estarás bien encaminado hacia un alto IE.

4d) Empatía

Como se mencionó anteriormente, esta es probablemente la cualidad más importante del IE. Una persona que posee verdadera empatía puede ponerse en los zapatos de alguien más para intentar entender de dónde vienen.

4e) Habilidades Sociales

Una persona que se desenvuelve bien socialmente es un gran comunicador. Pueden manejar escuchar malas noticias, trabajar bien en equipo, pueden resolver conflictos pacíficamente, y están dispuestos a colaborar y ayudar cuando pueden.

5) Paciencia

“No es que sea tan inteligente. Es que me quedo con los problemas por más tiempo.” – Albert Einstein

Entre diseñar sitios web, construir un negocio y tratar con clientes, hay muchas cosas que pueden salir mal.

Sobreactuar ante Photoshop que se bloquea por tercera vez hoy o usar un tono pasivo-agresivo con un cliente necesitado es un camino rápido hacia el fracaso.

Y puedo decirte por experiencia personal: a las personas realmente les aprecia cuando muestras paciencia.

A menudo, un prospecto o cliente se da cuenta cuando está siendo un poco demasiado, y este es el punto en el que la mayoría de los otros diseñadores web los dejarían.

Si estás dispuesto a escucharlos, intentar entender su problema y luego trabajar con ellos para resolverlo, fácilmente te destacarás de todos los demás diseñadores perezosos que hay.

El lado técnico de ser un gran diseñador web

Ahora que tienes tus habilidades fundamentales en su lugar, es hora de desarrollar las habilidades “típicas” de un diseñador web. Sabes, las cosas que esperabas ver cuando llegaste aquí.

Pero, ¿adivina qué? En ninguna parte de esta lista verás algo que se asemeje a codificación. ¿HTML? No. ¿CSS?

Nada. ¿Javascript? Ja, por favor.

Y eso es porque no necesitas aprender a codificar para convertirte en un gran diseñador web. (Ya puedo escuchar el estampido de diseñadores web enojados de camino a pelear conmigo)

6) Diseño de Experiencia de Usuario

El diseño de experiencia de usuario es la habilidad técnica número 1 que necesitas aprender como diseñador web. Sin duda.

Ignora todo lo demás hasta que tengas esto resuelto.

Necesitas entender cómo interactúan los visitantes con los sitios web. En particular, es importante aprender los fundamentos de diseñar un sitio web en torno al usuario.

Muchos diseñadores web se obsesionan en crear algo único o artístico. Si bien es ciertamente importante construir algo visualmente atractivo, hacerlo a costa de la UX es un enorme error.

Por ejemplo, supongamos que tu sitio web tiene un video impresionante y personalizado como introducción a todo su sitio web. El video dura aproximadamente 30 segundos y aparece automáticamente sin importar qué página aterriza tu usuario.

Todos con los que hablas coinciden en que el video es increíble. Sin embargo, después de revisar Google Analytics, te das cuenta de que la mayoría de tus visitantes abandonan el video después de solo 6-7 segundos.

Está claro que la mayoría de tus visitantes no están interesados en el video.

¿Qué haces ahora? Bueno, hay varias razones por las que esto podría estar sucediendo:

1. Los visitantes no están obteniendo lo que esperaban cuando hicieron clic en tu enlace y se van inmediatamente como resultado.

2. El video sí satisface las necesidades de la mayoría de tus visitantes, pero se carga demasiado lentamente, por lo que la gente se va antes de que incluso comience a reproducirse.

3. El video se muestra y se carga maravillosamente en escritorio, pero se corta en móviles. Dado que la mayoría de tus visitantes están en dispositivos móviles, se frustran y se van.

Todos estos son problemas de UX. Cuando te encuentres con problemas como este, necesitas determinar cuál es el problema, de dónde viene, y luego resolverlo.

Hay una cosa que definitivamente no puedes hacer. Que es dejar el video tal como está porque tú personalmente lo amas.

Personalmente, he tenido algunas publicaciones de blog de las que estaba muy orgulloso que fracasaron miserablemente. Las necesidades y deseos de mis usuarios eran claramente diferentes de lo que quería hacer.

¿Vas a poner la experiencia de tus usuarios por encima de tu propia expresión artística?

¡ALERTA DE REGALO! Descarga mi Guía Ultima de Evaluación de Sitios Web y obtén 5 listas de verificación para seguir para garantizar que tu sitio web sea amigable para el usuario. ¡Realmente es gratis! ¡No se requiere correo electrónico!

7) Herramienta CMS

Ah, sí. Mi tema favorito de todos. El CMS. (Sistema de Gestión de Contenidos)

Un CMS es simplemente la herramienta que usas para construir tu sitio web. En el pasado, tenías que saber cómo codificar si querías construir sitios web. Eso significaba aprender lenguajes de programación como HTML, CSS y Javascript.

¿Estos días? Ya no es necesario. Hay muchos CMS en línea y sin código para elegir.

Algunos ejemplos de CMS populares basados en línea incluyen WordPress, Shopify, Weebly, Squarespace, y Wix.

Luego tienes CMS más avanzados como Drupal, Joomla y Webflow.

Para elegir la herramienta de diseño web adecuada para ti, necesitas considerar:

1. Tu objetivo. ¿Estás tratando de calificar para un trabajo o construir tu propio negocio?

2. Tus habilidades actuales. ¿Tienes algunos años de experiencia o eres un completo principiante?

3. Tu nivel de paciencia. ¿Qué tan rápido quieres ver resultados? ¿Cuánto tiempo puedes comprometerte a aprender?

Yo era un completo principiante cuando comencé, así que comencé usando Weebly. A medida que mis habilidades mejoraron gradualmente, progresé a WordPress.

No hay elección correcta o incorrecta. Simplemente elige la herramienta que mejor se ajuste a tu situación actual y metas futuras.

CONSEJO PROFESIONAL: Ignora a los que dicen que TIENES que aprender a codificar para ser un “VERDADERO” diseñador web. Simplemente están molestos de que la tecnología los ha superado.

8) Optimización del Rendimiento

¿Sorprendido de que puse optimización del rendimiento por encima de SEO?

La web se mueve hacia un mundo primero en rendimiento. Tus clasificaciones de Google se verán drásticamente afectadas según tu UX y rendimiento del sitio.

Google y tus visitantes están atentos a cosas como:

• Velocidades de carga

• Cero ventanas emergentes de ningún tipo

• Muy pocos anuncios y no intrusivos

• Muchos visuales únicos

• Videos

• Variedad de diferentes estilos y formatos

• Fácilmente visible desde cualquier dispositivo

• Diseño móvil primero

¿Crees que alguien quiere pasar por 1,500 palabras sin nada de esto que lo anime? Piensa de nuevo.

¡Solo mira esta publicación de blog como ejemplo!

9) Optimización para Motores de Búsqueda

Los sitios web sin tráfico son lugares solitarios.

Es como pagar miles de dólares para poner un anuncio en la parte inferior de la Fosa de Mariana.

Con los algoritmos de Google evolucionando constantemente, el SEO es un juego sin fin. Uno que se vuelve más desafiante cada año. Necesitas mantenerte al tanto de ello constantemente.

Me sorprende cuánta gente no entiende cómo funciona Google. Incluso si no planeas entrar en diseño web, Google 101 debería enseñarse en aulas de todo el mundo.

Esta falta de comprensión es una gran razón por la cual nos encontramos en la era de las “noticias falsas”. También es por eso que tantas personas y empresas han podido manipular al público por un rápido beneficio.

Pero, ese es un artículo para otro momento. Para ti, nuestro intrépido diseñador web, simplemente necesitas entender lo básico del SEO para que puedas implementarlo en los sitios de tus clientes.

10) Diseño Gráfico

Puedo escucharte enloquecer ya. “¿Tengo que aprender diseño gráfico además de diseño web??”

No te preocupes, no necesitas ser un diseñador gráfico. Pero deberías aprender al menos los conceptos básicos del diseño gráfico. Mejorará drásticamente tus diseños de sitios web.

Conoce algunas de las increíbles, y a menudo gratuitas, herramientas de diseño gráfico disponibles para ti.

Obtendrás la habilidad de realzar todas las imágenes de tu sitio web, incluyendo fotos de archivo, videos de archivo, iconos vectoriales, imágenes para redes sociales y miniaturas para YouTube.

Eventualmente, incluso puedes diversificarte en diseño de logotipos, algo que casi todos los pequeños negocios necesitan.

Mi favorito personal es Canva. Diseño muchas de mis imágenes e iconos usando su asequible herramienta de diseño gráfico en línea.

Conclusión

Por supuesto, no se supone que veas todas estas habilidades como un viaje lineal, desarrollando lentamente una a la vez. La gente no trabaja así. Puedes desarrollar todas estas simultáneamente.

Pero las habilidades fundamentales, personales y “interpersonales” siempre superarán a la habilidad y capacidad técnica.

Especialmente la comunicación y la inteligencia emocional.

Conozco a tantas personas que están llenas de habilidades técnicas increíbles, pero carecen de la capacidad de comunicarse efectivamente con sus prospectos, entender y resolver sus problemas, y mostrar verdadera paciencia cuando las cosas no salen al 100% según lo planeado.

Así que, sí, siempre continúa afinando tus habilidades en diseño web, SEO, UX y similares.
Pero no olvides esas habilidades fundamentales. Te llevarán mucho, mucho más lejos en la vida.

FAQ’s

Estas son algunas de las preguntas más comunes que recibo de personas que están tratando de convertirse en diseñadoras web.

¿Qué hace un diseñador web?

Mientras que la mayoría de la gente lanzará un montón de palabras de moda confusas y jerga de la industria, esto es lo que realmente hacen los diseñadores web: Los diseñadores web ayudan a las personas y empresas a vender sus productos y servicios en internet. Boom.

¿Cuánto ganan los diseñadores web?

No hay forma de saber con certeza cuál es el ingreso promedio de un diseñador web. Varía ampliamente. Las principales agencias de diseño web ganan decenas de millones de dólares al año, mientras que los diseñadores que trabajan para estas agencias a menudo ganan entre $40,000 y $100,000. Y se vuelve aún más variado cuando se trata de diseñadores web freelance que deciden lo que quieren cobrar por su trabajo.

¿Qué lenguajes de programación necesito aprender para convertirme en diseñador web?

¿Necesitar?? Ninguno. Puedes convertirte en diseñador web sin saber escribir una sola línea de código. Dicho esto, si quieres ser contratado por una agencia de diseño web, en lugar de comenzar tu propio negocio de diseño web, es casi seguro que deberías saber HTML y CSS.

¿Cómo puedo construir mi propia marca personal como diseñador web?

Escribí una guía completa para construir una nueva marca desde cero justo aquí: Cómo Construir una Nueva Marca Atractiva Desde Cero.

¿Es mejor vender mis servicios de diseño web como una agencia/compañía o con mi nombre personal?

Lo más importante es ser auténtico. Si eres un negocio unipersonal, sé sincero al respecto. No pretendas ser más grande de lo que eres. La gente verá a través de la fachada. Conoce tus limitaciones. No aceptes trabajos que sean demasiado complicados para tus habilidades actuales. Generalmente, creo que es mejor usar “yo” en lugar de “nosotros” al comunicarte con los clientes. Es más personal y menos corporativo.

¿Cómo puedo asegurarme de no tener que depender de plataformas de freelancing, como Upwork?

Cuando apenas empiezas, no puedes. Es probable que dependas en gran medida de plataformas de freelancing al principio. Pero eso no necesariamente es algo malo. Muchos diseñadores web han ganado mucho dinero de plataformas como Upwork, y han crecido su negocio de manera constante hasta que ya no necesitaban estas plataformas para atraer nuevos clientes.

¿Debería decirles a mis clientes qué herramientas uso para construir sitios web?

No es necesario. De hecho, la mayoría de los clientes ni siquiera sabrán de qué hablas. A menos que pregunten específicamente, mantente alejado de lo técnico. Concéntrate en cómo tus servicios resolverán sus problemas y les ayudarán a alcanzar sus objetivos.

¿Cuál es mejor? ¿Correo electrónico frío o llamada fría?

¡Ninguno! Deja de hacer cosas frías. Calienta a tus prospectos antes de ofrecerles. Esto requiere construir relaciones genuinas y reflexivas, y es por eso que muchos diseñadores web son demasiado perezosos para molestarse. ¡No seas uno de ellos!

¿Cuál es la diferencia entre un diseñador web y un desarrollador web?

Los diseñadores web se centran en el diseño “front-end”. Si bien el diseño web a menudo incluirá algo de trabajo en el back-end, como SEO y optimización del rendimiento, generalmente se centra en las cosas que puedes ver. Los desarrolladores web se ocupan principalmente de la programación y codificación del “back-end”. Los tipos de cosas que están detrás de las escenas de sitios web y aplicaciones, que tienden a ser más avanzadas.