¿Quieres ser diseñador web? Entonces necesitas tener estas 10 habilidades

Así que quieres convertirte en diseñador web. ¡Qué bien!

Pero, ¿está usted dispuesto a dedicar el trabajo necesario para convertirse en uno?

Porque, en efecto, cuesta mucho trabajo. No te voy a endulzar las cosas.

En mi investigación para este post, algo me quedó muy claro. Hay mucha desinformación sobre las habilidades que Necesito para diseñar páginas web.

La mayoría de esta información incluía cosas como "¡HTML!", "¡CSS!" y "¡Javacript!".

Vamos chicos. Esto no es el año 2002. No es necesario saber nada de eso para construir grandes sitios web. O incluso para construye tu propio negocio de diseño web.

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

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

Algunos de ellos pueden ser incluso sorprendentes de escuchar. Pero bueno, para eso estoy aquí. ????

Estas son las 10 habilidades de diseño web más importantes que hay que 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 un diseñador de páginas web, naturalmente piensa en las cosas técnicas. Experiencia del usuario, SEO, optimización de la velocidad, procesa, marketing de contenidos, etc.

Pero están viendo 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 (recomiendo encarecidamente esto último), desarrollar las siguientes habilidades te hará más deseable para trabajar y infinitamente más productivo.

Puede que incluso te haga una persona más feliz...

1) Perseverancia

"La diferencia entre ganar y perder es, la mayoría de las veces, no abandonar". - Max Levchin (cofundador de PayPal)

Tanto si estás buscando trabajo como si estás creando un negocio, desarrollar las habilidades necesarias para mejorar como diseñador web es definitivamente una juego a largo plazo.

Tal vez sean esos malditos millennials, o la bucles de gratificación instantánea que recibimos constantemente de las redes sociales, pero parece que la gente espera resultados con demasiada rapidez hoy en día.

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

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

¿Aburrido? Atrapar 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 te llegue a la hora de la cena.

¿Quieres convertirte en diseñador web? Desarrolle lenta y metódicamente las habilidades necesarias mediante un desarrollo personal y profesional constante, y consiga resultados satisfactorios en pocos años.

Uhhh... quizá vuelva a Netflix...

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

2) Gestión del tiempo

"No hay nada tan inútil como hacer eficazmente lo que no debe hacerse". - Peter Drucker (Autor)

Esta ya la conoces.

Estamos en una nueva era. La economía de la atención. Todos y todo compiten constantemente por tus ojos. Más globos oculares = 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 son sólo las opciones de entretenimiento. Sin tener en cuenta las cosas que realmente importan en la vida: la familia, los amigos, la espiritualidad, la educación, la dieta, el ejercicio, el crecimiento personal...

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

Hay que tomarse tiempo para hacer tiempo.

Si quieres tener más tiempo para desarrollar tus habilidades de diseño web, tienes que quitarle ese tiempo a otra actividad. (¿podría sugerirle Netflix?)

3) Comunicación empática

Para este caso, voy a utilizar una pequeña y maravillosa ilustración del libro de Stephen R. Covey Los 7 hábitos de la gente altamente efectiva.

Supongamos que tienes problemas con tus ojos y decides ir a un optometrista para que te ayude. Tras escuchar brevemente tu queja, se quita las gafas y te las entrega.

"Ponte esto", dice. "Llevo este par de gafas desde hace diez años y me han ayudado mucho. Tengo un par extra en casa, puedes usar estas".

Así que te los pones, pero sólo empeora el problema.

"¡Esto es terrible!", exclamas. "¡No puedo ver nada!"

"Bueno, ¿qué pasa?", pregunta. "A mí me funcionan muy bien. Inténtalo más".

"Lo estoy intentando", insiste. "Todo es un borrón".

"Bueno, ¿qué te pasa? Piensa en positivo".

“OK. I positivamente no puedo ver nada".

"¡Chico, eres un desagradecido! Y después de todo 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 diagnosticar primero el problema? Este problema está muy extendido en nuestras sociedades actuales. Todo el mundo grita sus soluciones a los cuatro vientos sin intentar primero comprender realmente los problemas de aquellos a los que gritan.

La empatía es poderosa. Te convierte en un mejor oyente. Te da una buena dosis de perspectiva. Fomenta una visión del mundo más clara. Y, sí, también te convertirá en 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 se va a adelantar a una conclusión precipitada?

4) Inteligencia emocional

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

La Inteligencia Emocional se define como "la capacidad de ser consciente, controlar y expresar las propias emociones, y de manejar las relaciones interpersonales con criterio y empatía".

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

El verdadera definición de EQ puede debatirse, pero está ampliamente aceptado que estos son los 5 principios básicos que conforman una inteligencia emocional saludable:

• Conciencia de sí mismo
• Autorregulació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) Autoconciencia

Conoce tus puntos fuertes y, sobre todo, tus puntos débiles. Si eres consciente de ti mismo, sabes cómo tus emociones y tus acciones pueden afectar a las personas que te rodean.

4b) Autorregulación

Responsabilidad personal. Una cualidad que escasea en nuestro mundo moderno. Las personas que se autorregulan eficazmente no atacan verbalmente a los demás, ni toman decisiones precipitadas o emocionales, culpar a los demás de sus defectoso comprometer sus valores.

4c) Motivación

Las personas automotivadas trabajan de forma constante para alcanzar sus objetivos y tienen un nivel de exigencia muy alto en cuanto a la calidad de su trabajo. Si puedes asegurarte de que tus motivaciones no dependen de factores externos fuera de tu control, estarás en el camino hacia una alta Inteligencia Emocional.

4d) Empatía

Como ya hemos dicho, ésta es probablemente la cualidad más importante de la Inteligencia Emocional. Una persona que posee verdadera empatía puede ponerse en el lugar 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 soportar las malas noticias, trabajan bien en equipo, pueden gestionar con calma los conflictosy están dispuestos a 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 el diseño de sitios web, la creación de un negocio y el trato con los clientes, hay muchas cosas que pueden salir mal.

Reaccionar de forma exagerada ante el tercer fallo de Photoshop del día o utilizar un tono pasivo-agresivo con un cliente necesitado es un camino rápido hacia el fracaso.

Y puedo decirte por experiencia personal: la gente realmente aprecian cuando demuestras paciencia. A menudo, un prospecto o cliente se da cuenta de cuándo está siendo un poco exagerado, y este es el punto en el que la mayoría de los otros diseñadores web los dejarían caer.

Si estás dispuesto a escucharles, a intentar comprender su problema y a trabajar con ellos para resolverlo, conseguirás fácilmente destacar entre todos los demás diseñadores perezosos por ahí.

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

Ahora que tienes tus habilidades básicas, es el momento de desarrollar las habilidades "típicas" del diseñador web. Ya sabes, lo que esperabas ver cuando llegaste aquí.

Pero, ¿adivina qué? En ninguna parte de esta lista verás nada que se parezca a la codificación. ¿HTML? No. ¿CSS? Nada. ¿Javascript? Ja, por favor.

Y eso es porque no es necesario aprender a codificar para convertirse en un gran diseñador web. (Ya puedo oír la estampida de diseñadores web de codificación enfadados que vienen a luchar contra mí)

6) Diseño de la experiencia del usuario

El diseño de la experiencia del usuario es la habilidad técnica #1 que necesitas aprender como diseñador web. Sin duda alguna. Ignora todo lo demás hasta que tengas esto claro.

Hay que entender cómo interactúan los visitantes con los sitios web. En particular, es importante aprender los fundamentos del diseño de un sitio web en torno a la usuario.

Así, muchos diseñadores web se ven atrapados en hacer algo único o artístico. Aunque 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 vídeo impresionante y con ilustraciones personalizadas como introducción a todo su sitio web. El vídeo dura unos 30 segundos y aparece automáticamente independientemente de la página en la que aterrice el usuario.

Todas las personas con las que hablas coinciden en que el vídeo es increíble. Sin embargo, después de echar un vistazo a Google Analytics, te das cuenta de que la mayoría de tus visitantes abandonan el vídeo después de sólo 6-7 segundos.

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

¿Qué hacer ahora? Bueno, hay una serie de razones por las que esto podría estar sucediendo:

1. Los visitantes no obtienen lo que esperaban al hacer clic en su enlace, y se van inmediatamente como resultado.
2. El vídeo hace satisface las necesidades de la mayoría de sus visitantes, pero se carga con demasiada lentitud, por lo que la gente se va antes de que empiece a reproducirse.
3. El vídeo se muestra y se carga maravillosamente en el escritorio, pero se corta en el móvil. Como la mayoría de sus visitantes se encuentran en dispositivos móviles, se frustran y se van.

Todos estos son problemas de UX. Cuando te encuentras con problemas de este tipo, tienes que determinar cuál es el problema, de dónde viene y luego resolverlo.

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

Personalmente he tenido algunas entradas de blog de las que estaba súper orgulloso que han fracasado estrepitosamente. Las necesidades y deseos de mis usuarios eran claramente diferentes a lo que yo quería hacer.

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

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 utilizas para construir tu sitio web. En el pasado, había que saber codificar si se 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 codificación entre los que elegir.

Algunos ejemplos de CMS populares basados en Internet son WordPress, Shopify, Weebly, Squarespacey Wix.

Luego están los CMS más avanzados como Drupal, Joomla y Webflow.

Para elegir la herramienta de diseño web adecuada para usted, debe tener en cuenta:

1. Su objetivo. ¿Intentas conseguir un puesto de trabajo o crear tu propio negocio?
2. Tus habilidades actuales. ¿Tienes algunos años de experiencia o eres un completo novato?
3. Su nivel de paciencia. ¿Con qué rapidez quiere ver resultados? ¿Cuánto tiempo puede dedicar al aprendizaje?

Yo era un completo novato cuando empecé, así que comenzó utilizando Weebly. A medida que mis habilidades mejoraban gradualmente, yo progresó a WordPress.

No hay una elección correcta o incorrecta. Sólo tienes que elegir la herramienta que mejor se adapte a tu situación actual y a tus objetivos futuros.

8) Optimización del rendimiento

Sorprende que ponga optimización del rendimiento por encima del SEO?

La web avanza hacia un mundo en el que prima el rendimiento. Su Las clasificaciones de Google se verán dramáticamente afectadas basado en su UX y el rendimiento del sitio.

A Google, y a tus visitantes, les encanta buscar cosas como:

• Velocidades de carga
• Cero ventanas emergentes de cualquier tipo
• Muy pocos y discretos anuncios
• Muchos elementos visuales únicos
• Vídeos
• Variedad de estilos y formatos diferentes
• Se puede ver fácilmente desde cualquier dispositivo
• Diseño para móviles

¿Crees que alguien quiere escuchar 1.500 palabras sin nada de esto para amenizar? Piénsalo otra vez.

Sólo hay que ver esta entrada del blog como ejemplo.

9) Optimización de los 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 las Marianas.

Con los algoritmos de Google en constante evolución, el SEO es un juego sin fin. Uno que se vuelve más desafiante cada año. Hay que estar constantemente al tanto.

Me sorprende la cantidad de gente que no entiende cómo funciona Google. Incluso si no tienes pensado dedicarte al 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 la razón por la que tantas personas y empresas han podido manipular al público por un dinero rápido.

Pero, eso es un artículo para otra ocasión. Para ti, nuestro intrépido diseñador web, simplemente necesitas entender los fundamentos del SEO para que puedas implementarlo en los sitios de tus clientes.

10) Diseño gráfico

Ya te oigo enloquecer. "Tengo que aprender diseño gráfico encima de ¿diseño web?"

No te preocupes, no necesitas ser diseñador gráfico. Pero definitivamente deberías aprender los fundamentos del diseño gráfico. Mejorará drásticamente el diseño de su sitio web.

Conozca algunas de las increíbles, y a menudo gratuitas, herramientas de diseño gráfico que tiene a su disposición.

Tendrá la posibilidad de dar sabor a todas las imágenes de su sitio web, incluyendo fotos de archivo, vídeos de stock, iconos vectoriales, imágenes de redes sociales y miniaturas de YouTube.

Con el tiempo, puede incluso ramificarse en diseño de logotiposalgo que casi todas las pequeñas empresas necesitan.

Conclusión:

Por supuesto, no hay que ver todas estas habilidades como un viaje lineal, desarrollando lentamente una a una. La gente no funciona así. Puedes desarrollarlas todas simultáneamente.

Pero las habilidades fundacionales, personales y "de personas" serán siempre triunfan la habilidad y la destreza técnica. Especialmente la comunicación y la inteligencia emocional.

Conozco a muchas personas que están repletas de increíbles habilidades técnicas, pero que carecen de la capacidad de comunicarse eficazmente con sus clientes potenciales, de entender y resolver sus problemas, y de mostrar verdadera paciencia cuando las cosas no van 100% según el plan.

Así que, sí, sigue siempre afinando tus habilidades en diseño web, SEO, UX y similares.

Pero no te olvides de esas habilidades básicas. 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 las personas que intentan convertirse en diseñadores web.

¿Qué hace un diseñador web?

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

¿Cuánto ganan los diseñadores web?

No se puede saber con certeza cuál es el ingreso medio de un diseñador web. Varía mucho. 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 suelen ganar entre $40.000 y $100.000. Y la cosa se pone aún más variada cuando se trata de diseñadores web autónomos que decidir lo que quieren cobrar ellos mismos.

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

Necesita? No. 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 iniciar tu propio negocio de diseño web, casi definitivamente debes 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 la nada aquí: Cómo construir una nueva marca que llame la atención desde cero

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

Lo más importante es ser auténtico. Si eres una empresa unipersonal, sé abierto al respecto. No finjas que eres más grande de lo que eres. La gente verá a través de la fachada. Conozca sus limitaciones. No aceptes trabajos demasiado complicados para tus habilidades actuales. En general, creo que es mejor utilizar el "yo" en lugar del "nosotros" cuando se comunica con los clientes. Es más personal y menos corporativo.

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

Cuando estás empezando, no puedes. Es probable que al principio dependas en gran medida de las plataformas de trabajo autónomo. Pero eso no es necesariamente algo malo. Muchos diseñadores web han ganado mucho dinero con plataformas como Upwork, y han hecho crecer su negocio de forma constante hasta que ya no las necesitaban para conseguir nuevos clientes.

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

No es necesario. De hecho, la mayoría de los clientes ni siquiera saben de qué estás hablando. A no ser que te lo pidan expresamente, mantente alejado de la tecnología. Céntrate en cómo tus servicios resolverán sus problemas y les ayudarán a alcanzar sus objetivos.

¿Qué es mejor? ¿El correo electrónico en frío o la llamada en frío?

¡Ni lo uno ni lo otro! Deja de hacer las cosas en frío. Caliente a sus clientes potenciales antes de presentarlos. Esto requiere una relación genuina y reflexiva, y es la razón por la 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". Mientras que el diseño web suele incluir algunos El trabajo de back-end, como el SEO y la optimización del rendimiento, generalmente se centra en las cosas que realmente se pueden ver. Los desarrolladores web se ocupan principalmente de la programación y codificación del "back-end". El tipo de cosas que están detrás de las escenas de los sitios web y las aplicaciones, y tienden a ser más avanzadas.