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

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

¿Pero estás listo para poner el trabajo que se necesita para convertirte en uno?

Porque sí, de hecho, se necesita mucho trabajo. No voy a endulzar las cosas para ti.

En mi investigación para esta publicación, algo se volvió muy 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. Esto no es 2002. No necesitas conocer nada de eso para construir grandes sitios web. O incluso para crear tu propio negocio de diseño web.

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

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

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

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

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

Cuando la mayoría de la gente piensa en desarrollar las habilidades adecuadas para convertirse en diseñador web, naturalmente piensan en las cosas tecnológicas. 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 solo quieres conseguir un trabajo de diseño web o comenzar tu propio negocio de diseño web (recomiendo encarecidamente lo último), desarrollar las siguientes habilidades te hará más deseable para trabajar y infinitamente más productivo.

Incluso podría hacerte una persona más feliz...

1) Perseverancia

“La diferencia entre ganar y perder es, la mayor parte 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 mejorarte como diseñador web es definitivamente un juego a largo plazo.

Quizá son esos malditos millennials, o 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 obtén comida entregada personalmente en tu puerta en menos de 30 minutos.

¿Aburrido? Mira una temporada completa de televisión en una sola 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 un 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 vuelva a Netflix...

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

2) Gestión del tiempo

“No hay nada tan inútil como hacer eficientemente 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 tu atención. Más miradas = 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, Carteles... podría seguir y seguir...

Y eso es solo las opciones de entretenimiento. Sin mencionar 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 dedicar tiempo para crear tiempo.

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

DESAFÍO: Descarga una de esas aplicaciones de seguimiento de tiempo en tu teléfono y computadora y déjalas rastrear tu actividad durante un mes. Te quedarás absolutamente sorprendido de cuánto tiempo desperdicias diariamente.

3) Comunicación empática

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

Supón que has tenido problemas con tus ojos y decides ir a un optometrista para obtener ayuda. Después de escuchar brevemente tu queja, se quita las gafas y te las entrega.
"Póntelas" dice. "He usado este par de gafas durante diez años y realmente me han ayudado. Tengo un par extra en casa, puedes usar estas."
Así que te las pones, pero solo empeora el problema.
"¡Esto es terrible!" exclamás. "¡No puedo ver nada!"
"Bueno, ¿qué está mal?" pregunta. "Funcionan genial para mí. Esfuérzate más."
"Estoy intentándolo," insistes. "Todo es un borrón."
"Bueno, ¿qué te pasa? Piensa en positivo."
"Está bien. Positivamente no puedo ver nada."
"¡Qué malagradecido eres! ¡Y después de todo lo que he hecho para ayudarte!"
¿Cuáles son las probabilidades de que vuelvas a ver a este tipo?

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

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

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 de CI, ¿pero sabes sobre IE?

La IE, o inteligencia emocional, se define como “la capacidad de ser consciente, controlar y expresar las emociones propias, y manejar las relaciones interpersonales de manera prudente y empática.”

La empatía juega un papel importante en la inteligencia emocional saludable, pero hay más.

La verdadera definición de IE se puede debatir, pero es ampliamente aceptado que estos son los 5 principios clave que componen la inteligencia emocional saludable:

• Auto-conocimiento

• Auto-regulación

• Motivación

• Empatía

• Habilidades sociales

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

4a) Auto-conocimiento

Conoce tus fortalezas y, más importante, tus debilidades. Si eres autoconciente, sabes cómo tus emociones y acciones pueden afectar a las personas que te rodean.

4b) Auto-regulación

Responsabilidad personal. Una cualidad que falta mucho 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 deficiencias, ni comprometen sus valores.

4c) Motivación

Los individuos automotivados trabajan consistentemente hacia sus metas y tienen estándares extremadamente altos para la calidad de su trabajo. Si puedes asegurarte de que tus motivaciones no dependan de factores externos fuera de tu control, estarás en buen camino hacia una alta IE.

4d) Empatía

Como se mencionó anteriormente, esta es probablemente la cualidad más importante de la IE. Una persona que posee verdadera empatía puede ponerse en el lugar de otro para tratar de entender de dónde vienen.

4e) Habilidades sociales

Una persona que se desenvuelve bien socialmente es un gran comunicador. Puede manejar recibir malas noticias, trabajar bien dentro de equipos, gestionar conflictos con calma y tiene ganas de participar y ayudar cuando pueda.

5) Paciencia

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

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

Sobre reaccionar ante el fallo de Photoshop 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 la gente realmente le gusta cuando muestras paciencia.

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

Si estás dispuesto a escucharlos, tratar de entender su problema y luego trabajar con ellos para solucionarlo, fácilmente destacarás entre todos los otros diseñadores perezosos que existen.

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

Ahora que has establecido tus habilidades fundamentales, 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 la estampida de diseñadores web enojados codificando en camino a pelear conmigo)

6) Diseño de experiencia del usuario

El diseño de experiencia del usuario es la habilidad técnica #1 que necesitas aprender como diseñador web. Sin discusión.

Ignora todas las otras cosas hasta que tengas esto claro.

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

Así, así tantos diseñadores web se obsesionan por hacer algo único o artístico. Si bien es ciertamente importante construir algo visualmente atractivo, hacerlo a expensas de la experiencia del usuario es un gran error.

Por ejemplo, digamos que tu sitio web tiene un video impresionante y customizado como introducción a todo su sitio. El video dura unos 30 segundos y aparece automáticamente independientemente de la página en la que aterrice tu usuario.

Todos los que hablas coinciden en que el video es increíble. Sin embargo, después de mirar Google Analytics, te das cuenta de que la mayoría de tus visitantes en realidad cierran 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 un número de razones por las que esto podría estar sucediendo:

1. Los visitantes no están recibiendo 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 carga demasiado lento, así que la gente se va antes de que empiece a reproducirse.

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

Estos son todos problemas de UX. Cuando te encuentres con problemas como estos, 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 en el 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 Definitiva de Evaluación de Sitios Web y obtén 5 listas de verificación para seguir para asegurarte de que tu sitio web sea fácil de usar. Realmente es gratis. ¡Sin necesidad de 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 codificación como HTML, CSS y JavaScript.

¿Estos días? Eso ya no es necesario. Hay muchos CMS basados en línea que no requieren codificación 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 unos años de experiencia o eres un completo novato?

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

Yo era un completo novato cuando empecé, 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 adapte a tu situación actual y a tus objetivos futuros.

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

8) Optimización del rendimiento

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

La web se está moviendo hacia un mundo centrado en el rendimiento. Tus clasificaciones de Google se verán drásticamente afectadas según tu experiencia de usuario y el rendimiento del sitio.

Google, y tus visitantes, aman estar atentos a cosas como:

• Velocidades de carga

• Cero ventanas emergentes de cualquier tipo

• Muy pocos anuncios poco intrusivos

• Muchos elementos visuales únicos

• Videos

• Variedad de diferentes estilos y formatos

• Fácilmente visible desde cualquier dispositivo

• Diseño móvil-prioritario

¿Crees que alguien quiere leer 1,500 palabras sin nada de esto que lo animen? Piensa de nuevo.

¡Solo mira esta publicación del blog como un 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 una valla publicitaria en el fondo de la Fosa de Mariana.

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

Me asombra cuántas personas no entienden cómo funciona Google. Incluso si no planeas entrar en el 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 que 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 para conseguir un dinero rápido.

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

10) Diseño gráfico

Ya puedo oírte gritar. “¿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 definitivamente deberías aprender los conceptos básicos del diseño gráfico. Mejorará drásticamente tus diseños de sitios web.

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

Ganarás la capacidad de darle vida a todas las imágenes de tu sitio web, incluyendo fotos de archivo, videos de archivo, íconos vectoriales, imágenes de redes sociales y miniaturas de YouTube.

Eventualmente, incluso puedes expandirte al diseño de logotipos, algo que casi todas las pequeñas empresas necesitan!

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

Conclusión

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

Pero las habilidades fundamentales, personales y de "gente" siempre superarán las habilidades y capacidades técnicas.

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 como se planeó al 100%.

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

Preguntas frecuentes

Estas son algunas de las preguntas más comunes que recibo de personas que intentan convertirse en diseñadores web.

¿Qué hace un diseñador web?

Mientras la mayoría de la gente se lanzará a una serie 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 independientes que deciden cuánto quieren cobrar por sí mismos.

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

¿Necesitas? Ninguno. Puedes convertirte en un diseñador web sin saber cómo 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, casi definitivamente deberías conocer 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 aquí: Cómo Construir una Nueva Marca que Llame la Atención Desde Cero

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

Lo más importante es ser auténtico. Si eres una tienda unipersonal, sé abierto al respecto. No finjas que eres más grande de lo que eres. La gente lo verá a través de la fachada. Conoce tus limitaciones. No asumas trabajos que sean demasiado complicados para tu conjunto de habilidades actual. Generalmente, encuentro 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 freelancers, como Upwork?

Cuando estás comenzando, no puedes. Es probable que, al principio, dependas en gran medida de plataformas de freelancers. Pero eso no es necesariamente algo malo. Muchos diseñadores web han ganado mucho dinero en plataformas como Upwork y han hecho crecer su negocio hasta que ya no las necesitaron para atraer nuevos clientes.

¿Debo decir a mis clientes qué herramientas utilizo para construir sitios web?

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

¿Cuál es mejor? ¿Correo electrónico frío o llamadas frías?

¡Ninguna! Deja de hacer cosas en frío. Calienta tus prospectos antes de lanzarles tu propuesta. Esto requiere una construcción genuina y reflexiva de relaciones, 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 de "front-end". Mientras que el diseño web a menudo incluirá algo de trabajo de "back-end", como SEO y optimización del rendimiento, generalmente se centra en las cosas que realmente puedes ver. Los desarrolladores web se encargan principalmente de la programación y codificación del "back-end". Las cosas que están detrás de las escenas de los sitios web y aplicaciones, y tienden a ser más avanzadas.