¿Quiere convertirse en diseñador web? Entonces necesita tener estas 10 habilidades

Entonces quiere convertirse en diseñador web. ¡Genial!

Pero, ¿está listo para hacer el trabajo que se necesita para convertirse en uno?

Porque, de hecho, requiere mucho trabajo. No voy a endulzar las cosas para usted.

En mi investigación para esta publicación, algo se me hizo muy claro. Hay mucha desinformación sobre qué habilidades necesita tener para diseñar sitios web.

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

Vamos chicos. Esto no es 2002. No necesita saber nada de eso para construir grandes sitios web. O incluso para construir su propio negocio de diseño web.

Y ciertamente no tiene que gastar un montón de dinero en algún curso elegante de diseño web.

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

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

Estas son las 10 habilidades de diseño web más importantes 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 piensa en las cosas tecnológicas. Experiencia de usuario, SEO, optimización de velocidad, procesos, marketing de contenidos, etc…

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

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

Incluso podría hacerlo 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é 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 sean esos malditos millennials, o los ciclos de gratificación instantánea que recibimos constantemente de las redes sociales, pero parece que la gente espera resultados demasiado rápido en estos días.

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

¿Hambriento? Presione un botón en su teléfono y reciba comida personalmente en su puerta en menos de 30 minutos.

¿Aburrido? Vea una temporada completa de TV en una noche.

¿Quiere un nuevo libro para leer esta noche? Pídalo con un clic en Amazon y recíbalo para la hora de la cena.

¿Quiere convertirse en diseñador web? Desarrolle lenta y metódicamente las habilidades necesarias a través del desarrollo personal y profesional constante, y logre resultados satisfactorios en unos pocos años.

Uhhh… tal vez solo regrese a Netflix…

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

2) Gestión del Tiempo

“No hay nada tan inútil como hacer eficientemente lo que no debería hacerse en absoluto.”, Peter Drucker (Autor)

Ya conoce este.

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

TV por cable, Deportes, Netflix, Amazon Prime, Hulu, HBO, Spotify, Apple Music, YouTube, Playstation, Xbox, Facebook, Twitter, Instagram, Snapchat, Radio, Carteles publicitarios… Podría seguir y seguir…

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

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

Tiene que tomarse el tiempo para hacer tiempo.

Si quiere más tiempo para desarrollar sus habilidades de diseño web, necesita tomar ese tiempo de otra actividad. (¿puedo sugerir Netflix?)

DESAFÍO: Descargue una de esas aplicaciones de seguimiento de tiempo en su teléfono y computadora y deje que rastreen su actividad durante un mes. Se sorprenderá absolutamente de cuánto tiempo desperdicia diariamente.

3) Comunicación Empática

Para este, voy a usar una pequeña ilustración maravillosa de Stephen R Covey en Los 7 Hábitos de la Gente Altamente Efectiva.

Suponga que ha tenido problemas con sus ojos y decide ir a un optometrista en busca de ayuda. Después de escuchar brevemente su queja, se quita las gafas y se las entrega.
“Póngase esto”, dice. “He usado este par de gafas durante diez años y realmente me han ayudado. Tengo un par extra en casa, puede usar estas.”
Así que se las pone, pero solo empeora el problema.
“¡Esto es terrible!” exclama. “¡No puedo ver nada!”
“Bueno, ¿qué pasa?” pregunta. “Funcionan muy bien para mí. Intente más.”
“Estoy intentando.” insiste. “Todo es un borrón.”
“Bueno, ¿qué le pasa? Piense positivamente.”
“OK. Positivamente no puedo ver nada.”
“¡Vaya, qué desagradecido! ¡Y después de todo lo que he hecho para ayudarle!”
¿Cuáles son las probabilidades de que vuelva a ver a este tipo?

¿Qué tan rápido intentamos prescribir soluciones sin primero diagnosticar el problema?

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

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

Los clientes acuden a usted 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.

¿Va a diagnosticar el problema? ¿O saltar a una conclusión apresurada?

4) Inteligencia Emocional

Ha oído hablar del CI, pero ¿conoce el IE?

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

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

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

• Autoconciencia

• Autorregulación

• Motivación

• Empatía

• Habilidades Sociales

Cuanto más maneje cada una de estas áreas, mayor será su inteligencia emocional. Desglosémoslas un poco:

4a) Autoconciencia

Conozca sus fortalezas y, más importante, sus debilidades. Si es autoconciente, sabe cómo sus emociones y sus acciones pueden afectar a las personas a su alrededor.

4b) Autorregulación

Responsabilidad personal. Una cualidad que falta mucho en nuestro mundo moderno. Las personas que se autorregulan efectivamente no atacan verbalmente a otros, no toman decisiones apresuradas o emocionales, culpan a otros por sus deficiencias, o comprometen sus valores.

4c) Motivación

Las personas automotivadas trabajan constantemente hacia sus objetivos, y tienen estándares extremadamente altos para la calidad de su trabajo. Si puede asegurarse de que sus motivaciones no dependan de factores externos fuera de su control, estará bien encaminado hacia un alto IE.

4d) Empatía

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

4e) Habilidades Sociales

Una persona que se desenvuelve bien socialmente es un gran comunicador. Son capaces de manejar malas noticias, trabajar bien dentro de equipos, pueden manejar conflictos con calma, y están ansiosos por intervenir y ayudar cuando pueden.

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.

Sobrerreaccionar a que Photoshop se bloquee por tercera vez hoy o usar un tono pasivo-agresivo con un cliente necesitado es un camino rápido al fracaso.

Y puedo decirle por experiencia personal: la gente realmente aprecia cuando muestra paciencia.

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

Si está dispuesto a escucharlos, tratar de entender su problema, y luego trabajar con ellos para resolverlo, fácilmente se destacará de todos los otros diseñadores perezosos por ahí.

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

Ahora que tiene sus habilidades fundamentales en su lugar, es hora de desarrollar las habilidades “típicas” de un diseñador web. Ya sabe, las cosas que esperaba ver cuando llegó aquí.

Pero adivine qué. En ninguna parte de esta lista verá algo que se parezca a la codificación. ¿HTML? No. ¿CSS?

Nada. ¿Javascript? Ja, por favor.

Y eso es porque no necesita aprender a codificar para convertirse en un gran diseñador web. (Ya puedo escuchar la estampida de diseñadores web codificadores enojados en camino para 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 necesita aprender como diseñador web. Sin duda.

Ignore todas las demás cosas hasta que tenga esto resuelto.

Necesita entender cómo los visitantes interactúan con los sitios web. En particular, es importante aprender los fundamentos de diseñar un sitio web alrededor del usuario.

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

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

Todos con los que habla están de acuerdo universalmente en que el video es increíble. Sin embargo, después de echar un vistazo a Google Analytics, nota que la mayoría de sus visitantes en realidad abandonan el video después de solo 6-7 segundos.

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

¿Qué hace 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 su enlace, y se van inmediatamente como resultado.

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

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

Todos estos son problemas de UX. Cuando se encuentra con problemas como este, necesita determinar cuál es el problema, de dónde proviene, y luego resolverlo.

Hay una cosa que ciertamente no puede hacer. Que es dejar el video tal como está porque usted personalmente lo ama.

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

¿Va a poner la experiencia de sus usuarios por encima de su propia expresión artística?

¡ALERTA DE REGALO! Descargue mi Guía de Evaluación de Sitios Web Definitiva y obtenga 5 listas de verificación para seguir y asegurarse de que su 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 usa para construir su sitio web. En el pasado, tenía que saber cómo codificar si quería construir sitios web. Eso significaba aprender lenguajes de codificación como HTML, CSS y Javascript.

¿Hoy en día? Eso ya no es necesario. Hay muchos CMS en línea, sin necesidad de codificación, para elegir.

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

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

Para elegir la herramienta de diseño web adecuada para usted, necesita considerar:

1. Su objetivo. ¿Está tratando de calificar para un trabajo, o construir su propio negocio?

2. Sus habilidades actuales. ¿Tiene algunos años de experiencia, o es un completo novato?

3. Su nivel de paciencia. ¿Qué tan rápido quiere ver resultados? ¿Cuánto tiempo puede comprometer para aprender?

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

No hay una elección correcta o incorrecta. Simplemente elija la herramienta que mejor se adapte a su situación actual y objetivos futuros.

CONSEJO PROFESIONAL: Ignore a los detractores que dicen que TIENE que aprender a codificar para ser un “VERDADERO” diseñador web. Solo están molestos porque la tecnología los ha superado.

8) Optimización del Rendimiento

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

La web se está moviendo hacia un mundo de rendimiento primero. Sus clasificaciones en Google se verán dramáticamente afectadas basadas en su UX y rendimiento del sitio.

Google, y sus visitantes, aman observar cosas como:

• Velocidades de carga

• Cero ventanas emergentes de cualquier tipo

• Muy pocos y no intrusivos anuncios

• Muchos elementos visuales únicos

• Videos

• Variedad de diferentes estilos y formatos

• Fácilmente visible desde cualquier dispositivo

• Diseño móvil primero

¿Cree que alguien quiere sentarse a leer 1,500 palabras sin nada de esto para animarlo? Piénselo de nuevo.

Solo mire 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 cartel publicitario en el fondo de la Fosa de las Marianas.

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

Me asombra cuántas personas no entienden cómo funciona Google. Incluso si no planea entrar en diseño web, Google 101 debería enseñarse en las 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 obtener dinero rápido.

Pero, ese es un artículo para otro momento. Para usted, nuestro intrépido diseñador web, simplemente necesita entender los conceptos básicos de SEO para poder implementarlo en los sitios de sus clientes.

10) Diseño Gráfico

Ya puedo escucharle entrar en pánico. “¿Tengo que aprender diseño gráfico además de diseño web??”

No se preocupe, no necesita ser un diseñador gráfico. Pero definitivamente debería aprender los conceptos básicos de diseño gráfico. Mejorará drásticamente sus diseños de sitios web.

Familiarícese con algunas de las increíbles, y a menudo gratuitas, herramientas de diseño gráfico disponibles para usted.

Obtendrá la capacidad de animar todas las imágenes de su sitio web, incluidas fotos de stock, videos de stock, iconos vectoriales, imágenes de redes sociales y miniaturas de YouTube.

Eventualmente, incluso puede expandirse 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 iconos usando su herramienta de diseño gráfico en línea asequible.

Conclusión

Por supuesto, no se supone que vea todas estas habilidades como un viaje lineal, desarrollándose lentamente una a la vez. Las personas no funcionan así. Puede desarrollar todas estas simultáneamente.

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

Especialmente la comunicación y la inteligencia emocional.

Conozco a tantas personas que están llenas de increíbles habilidades técnicas, 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úe afilando sus habilidades en diseño web, SEO, UX y similares.
Pero no olvide esas habilidades fundamentales. Lo 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 están tratando de convertirse en diseñadores web.

¿Qué hace un diseñador web?

Mientras que la mayoría de las personas se lanzarán a 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 cuánto quieren cobrar ellos mismos.

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

¿Necesita? Ninguno. Puede convertirse en diseñador web sin saber cómo escribir una sola línea de código. Dicho esto, si quiere ser contratado por una agencia de diseño web, en lugar de comenzar su propio negocio de diseño web, casi definitivamente debería 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 aquí: Cómo Construir una Nueva Marca Atractiva 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 es una tienda de una sola persona, sea abierto al respecto. No finja ser más grande de lo que es. La gente verá a través de la fachada. Conozca sus limitaciones. No acepte trabajos que sean demasiado complicados para su conjunto de habilidades actual. Generalmente, encuentro que es mejor usar “yo” en lugar de “nosotros” al comunicarse 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 está comenzando, no puede. Probablemente va a depender mucho de las plataformas de freelancing al principio. Pero eso no es necesariamente algo malo. Muchos diseñadores web han ganado mucho dinero en plataformas como Upwork, y han crecido constantemente su negocio hasta que ya no las necesitaron 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é está hablando. A menos que pregunten específicamente, manténgase alejado de las cosas técnicas. Concéntrese en cómo sus servicios resolverán sus problemas y les ayudarán a alcanzar sus objetivos.

¿Cuál es mejor? ¿Enviar correos electrónicos en frío o hacer llamadas en frío?

¡Ninguno! Deje de hacer las cosas en frío. Caliente sus prospectos antes de presentarles su oferta. Esto requiere una construcción de relaciones genuina y reflexiva, y es por eso que muchos diseñadores web son demasiado perezosos para molestarse. ¡No sea 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”. 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 puede ver. Los desarrolladores web se ocupan principalmente de la programación y codificación de “back-end”. Las cosas que están detrás de escena de los sitios web y aplicaciones, y tienden a ser más avanzadas.