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

Entonces, ¿quieres convertirte en diseñador web? ¡Genial!

¿Pero estás listo para trabajar duro y convertirte en uno?

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

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

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

Vamos, chicos. Esto no es 2002. No necesitas saber nada de esas cosas para construir grandes sitios web. O incluso para crear tu propio negocio de diseño web. Y _ciertamente_ no tienes que gastar una fortuna 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 incluso ser sorprendentes de escuchar. Pero hey, 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 las personas piensan en desarrollar las habilidades adecuadas para convertirse en diseñador web, naturalmente piensan en las cosas técnicas. Experiencia del usuario, SEO, optimización de la velocidad, procesos, marketing de contenido, etc…

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

Independientemente de si simplemente deseas 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, muy a menudo, 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 sean 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 en estos días.

Nos hemos vuelto tan acostumbrados a obtener lo que queremos, cuando lo queremos.

¿Hambriento? Presiona un botón en tu teléfono y recibe comida entregada personalmente en tu puerta en menos de 30 minutos. ¿Aburrido? Mira una temporada entera de televisión en una noche. ¿Quieres un nuevo libro para leer esta noche? Pídelo con un clic en Amazon y que llegue para la cena. ¿Quieres convertirte en diseñador web? Desarrolla lentamente y de manera metódica las habilidades necesarias a través de un desarrollo personal y profesional consistente, y obtén resultados satisfactorios en unos pocos años.

Uh… 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. Todo el mundo y todo lo que hay constantemente compiten por tu atención. Más atención = más anuncios/suscriptores = más dinero en sus bolsillos.

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 hay 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 sacar ese tiempo de otra actividad. (¿podría sugerir Netflix?) DESAFÍO: Descarga una de esas aplicaciones de seguimiento de tiempo en tu teléfono y computadora y deja que rastreen tu actividad durante un mes. Te sorprenderás de cuánto tiempo desperdicias a diario.

3) Comunicación empática

Para este punto, voy a utilizar una maravillosa ilustración del 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 recibir ayuda. Después de escuchar brevemente tu queja, él 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.”

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.”

“Estoy intentando”, insistes. “Todo es un borrón.”

“Bueno, ¿qué te pasa? Piensa positivamente.”

“Está bien. _Positivamente_ no puedo ver nada.”

“¡Vaya que eres ingrato! ¡Y después de _todo_ lo que he hecho para ayudarte!”

¿Cuáles son las probabilidades de que regreses a ver a este tipo?

¿Qué tan rápido intentamos prescribir soluciones sin primero diagnosticar 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 comprender realmente los problemas de aquellos a quienes se dirigen.

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 IQ, pero ¿conoces el EQ?

El EQ, o inteligencia emocional, se define como “la capacidad de ser consciente, controlar y expresar las emociones de uno y manejar las relaciones interpersonales de manera sabia y empática.”

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

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

• Auto-conciencia

• Auto-regulación

• Motivación

• Empatía

• Habilidades sociales

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

4a) Auto-conciencia

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

4b) Auto-regulació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 deficiencias, ni 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 puedes asegurar que tus motivaciones no dependen de factores externos fuera de tu control, estarás bien encaminado hacia un alto EQ.

4d) Empatía

Como se discutió anteriormente, esta es probablemente la cualidad más importante del EQ. Una persona que posee verdadera empatía puede ponerse en el lugar de otra persona para intentar entender de dónde proviene.

4e) Habilidades sociales

Una persona que se desenvuelve bien socialmente es un gran comunicador. Pueden manejar recibir malas noticias, trabajar bien en equipo, pueden manejar conflictos de manera tranquila, y están ansiosos por 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 lidiar con clientes, hay muchas cosas que pueden salir mal.

Sobre reaccionar a que Photoshop se bloquee 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: las personas _realmente_ aprecian 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 caer.

Si estás dispuesto a escucharlos, intentar entender su problema y luego trabajar con ellos para resolverlo, _fácilmente_ te destacarás entre todos los demás diseñadores perezosos que hay por ahí.

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 de diseño web “típicas”. 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 la codificación. ¿HTML? No. ¿CSS? Nada. ¿Javascript? Ja, por favor.

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

6) Diseño de la experiencia del usuario

El diseño de la experiencia del usuario es la habilidad técnica número uno que necesitas aprender como diseñador web. Sin duda. Ignora todas las demás cosas hasta que lo tengas claro.

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. Así que, tantas veces, los diseñadores web se obsesionan por hacer algo único o artístico. Si bien es importante construir algo que sea visualmente atractivo, hacerlo a expensas de la UX es un enorme error.

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

Todos con 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 realmente 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 ocurriendo:

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 _cumple_ con las necesidades de la mayoría de tus visitantes, pero carga demasiado lento, por lo que la gente se va antes de que comience a reproducirse.

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

Estos son todos problemas de UX. Cuando te enfrentas a problemas así, necesitas determinar cuál es el problema, de dónde proviene y luego resolverlo.

Hay algo que definitivamente no puedes hacer. Que es dejar el video 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 de Evaluación de Sitios Web Definitiva y obtén 5 listas de verificación que seguir para asegurarte de 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 programar si querías construir sitios web. Eso significaba aprender lenguajes de programación como HTML, CSS y Javascript.

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

Algunos ejemplos de CMS en línea populares 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 calificarte para un trabajo o de construir tu propio negocio?

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

3. Tu nivel de paciencia. ¿Qué tan rápido quieres ver resultados? ¿Cuánto tiempo puedes comprometer a 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 elección correcta o incorrecta. Simplemente elige la herramienta que mejor se adapte a tu situación actual y metas futuras.

CONSEJO PROFESIONAL: Ignora a los que dicen que debes aprender a programar para ser un “VERDADERO” diseñador web. Solo están molestos porque la tecnología los ha dejado atrás.

8) Optimización del rendimiento

¿Sorprendido de que pusiera la optimización del rendimiento por encima de SEO? La web se está moviendo hacia un mundo centrado en el rendimiento. Tu ranking en Google se verá dramáticamente afectado según tu UX y el rendimiento del sitio.

Google y tus visitantes aman observar cosas como:

• Velocidades de carga

• Cero ventanas emergentes de ningún tipo

• Muy pocos anuncios no intrusivos

• Muchos visuales únicos

• Videos

• Variedad de diferentes estilos y formatos

• Fácilmente visibles desde cualquier dispositivo

• Diseño móvil primero

¿Crees que alguien quiere sentarse a través de 1,500 palabras sin nada de esto que lo haga más ameno? 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 un cartel 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 mantenerte siempre al tanto.

Me sorprende cuánta gente no entiende cómo funciona Google. Incluso si no planeas entrar en el 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 por un rápido beneficio.

Pero eso 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 implementarlo en los sitios de tus clientes.

10) Diseño Gráfico

Puedo escucharte asustándote 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 definitivamente deberías aprender lo básico 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 capacidad de darle un toque especial a todas las imágenes de tu sitio, incluidas fotos de stock, videos de stock, íconos vectoriales, imágenes para redes sociales y miniaturas de YouTube. Eventualmente, incluso puedes expandirte al 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 í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 por una. La gente no trabaja así. Puedes desarrollar todas estas 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 increíbles habilidades técnicas, pero carecen de la capacidad para 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 te olvides de esas habilidades fundamentales. Te llevarán mucho, mucho más lejos en la vida.

FAQ

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

¿Qué hace un diseñador web?

Mientras que la mayoría de las personas lanzarán una serie de palabras de moda confusas y jerga de la industria, aquí está 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 agencias de diseño web más grandes ganan decenas de millones de dólares al año, mientras que los diseñadores que trabajan para estas agencias suelen ganar 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 ellos mismos.

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

¿_Necesitas_? Ninguno. Puedes convertirte en diseñador web sin saber escribir una sola línea de código. Dicho esto, si deseas ser contratado por una agencia de diseño web, en lugar de comenzar tu propio negocio de diseño web, 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 llamativa 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 taller unipersonal, sé honesto al respecto. No finjas que eres más grande de lo que eres. La gente lo notará. Conoce tus limitaciones. No aceptes trabajos que sean demasiado complicados para tu conjunto de habilidades actual. En general, creo que es mejor usar “yo” en lugar de “nosotros” al comunicarte con 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ás comenzando, 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 en plataformas como Upwork, y han crecido constantemente su negocio hasta que ya no necesitaban esas plataformas para atraer nuevos clientes.

¿Debería decirles 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é hablas. A menos que te lo pregunten específicamente, mantente alejado de lo técnico. Enfócate en cómo tus servicios resolverán sus problemas y les ayudarán a alcanzar sus metas.

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

¡Ninguno! Deja de hacer las cosas en frío. Calienta tus prospectos antes de ofrecerles algo. Esto requiere una construcción de relaciones genuina y cuidadosa, y es por eso que tantos 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 enfocan en el diseño “front-end”. Si bien el diseño web a menudo incluirá _algo_ de trabajo “back-end”, como SEO y optimización de rendimiento, generalmente se enfoca en las cosas que realmente puedes ver. Los desarrolladores web se ocupan principalmente de la programación y codificación “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.