¿Qué debe saber un diseñador web?

Escrito el 17 junio 2009 por Sebastián Thüer

que-debe-saber-un-diseñador-webCada tanto alguien me dice que quiere ser diseñador o desarrollador web y me pregunta por dónde comenzar. No es fácil responder porque el diseño web como disciplina no tiene unos límites claros y, además, los perfiles de quienes quieren acercarse a ella varían enormemente: puede ser un programador, un diseñador gráfico o simplemente un entusiaste que quiere hacerse la página de su empresa u organización.

Se puede salir del paso diciendo frases genéricas como “hay que estar abierto a aprender de forma constante”, “hay que tener espíritu autodidacta” o “son muchas horas detrás de la computadora”, pero esto en realidad no sirve de mucho más que para esquivar con relativa elegancia el interrogante.

Creo que una forma adecuada para encarar la cuestión es tratar de identificar diferentes perfiles que abarquen las actividades más habituales que se suelen realizar hoy en día, a cada una de las cuáles les corresponde una serie de conocimientos y competencias específicas.

Los perfiles

Desde lo más técnico a lo más artístico creo que hoy en día podemos distinguir cuatro perfiles de forma más o menos clara:

  • Técnico. Es quien se encarga de la administración del servidor, su mantenimiento y configuración. Monitorea las conexiones al sitio, la base de datos y detecta conflictos con alguna aplicación y optimizar los recursos del sistema. Además, es el principal responsable de la seguridad del servidor.
  • Marketer / Analista. Su objetivo es la eficacia del sitio web y para ello analiza diferentes variables como el posicionamiento de las páginas en los motores de búsqueda (SEO), la usabilidad del sistema y diversas métricas que proveen información sobre cómo se comportan los usuarios que llegan a la página.
  • Desarrollador. Su actividad principal es desarrollar un sistema para que funcione a través de la web. Se encarga de crear sistemas a medidas o implementa un CMS y se ocupa de su configuración, realiza mejoras, crea nuevos módulos, etc. Muchas veces también “crea” las páginas web que posteriormente el especialista en diseño se ocupa de mejorar en cuanto a la estética
  • Creativo. Es quien se encarga de la identidad visual de las páginas, la coherencia y consistencia gráfica del sitio web. Trabaja sobre la interfaz final de usuario, los elementos que la componen y codifica los diseños en HTML y CSS.

Está claro que el nivel de especialización del perfil se encuentra ligado a la complejidad del proyecto sobre el cual se trabaja. En grandes sitios web hay equipos de personas únicamente enfocadas en analizar la interacción del usuario y llevan a cabo estudios extensivos sobre usabilidad, mientras que en una pequeña organización a menudo hay un “chico de la web” que se encarga de todo lo relacionado con Internet.

Sin embargo, creo que estos perfiles funcionan bastante bien como una primera orientación y ayudan a enfocar en cuáles son las diferentes competencias que debemos adquirir para desempeñarnos profesionalmente en este campo.

Áreas de conocimiento

Cada uno de los perfiles presentados anteriormente requiere de una serie de conocimientos específicos. Aunque lo ideal es poder conocer lo máximo posible, el grado de especialización de cada rol hace imposible saberlo todo. Por eso es interesante pensar el niveles de profundidad que van desde mínimo hasta experto.

Pensado sobre este tema se me ocurrió una tabla como la siguiente:

Nivel ►Mínimo RecomendablePRO
▼Áreas
Administración servidorCliente FTP, configurar dominio y cuentas de correo.Panel de administración del hosting (cPanel, Plaxo, etc.), configuración .htaccess  y elementos básicos de Apache y base de datos.Configuración avanzada servidor, normativas y protocolos seguridad, redes y telecomunicaciones.
LenguajesHTML  y CSS básico.HTML y CSS avanzado, normativas W3C, fundamentos de PHP, javascript y SQL.Lenguajes de script avanzado (PHP, ASP, JSP), bases de datos, Ajax, Ruby & Rails, etc.
Marketing, analítica, usabilidad.Configuración y lectura de datos básicos de Analytics o similar. Fundamentos usabilidad.Analítica web avanzada, adwords y conocimientos de SEO y SEM. Métricas para usabilidad.Crear y dirigir campañas de marketing online, optimización de conversiones, comunicación en social media. SEO y SEM avanzado. Conducir test de usabilidad.
DiseñoEdición básica de imágenes, principales formatos para la web.Manejo avanzado de Photoshop , Illustrator y Dreamweaver. Fundamentos de Flash y animación web.Nivel experto de suites de diseño web, conocimientos avanzados de animación y 3D. Convertir bocetos complejos a HTML/CSS.

El nivel mínimo es lo que debería conocer toda persona que trabajar en temas de desarrollo y diseño web, independientemente de su perfil. Lo recomendable es el paso siguiente hacia un conocimiento más especializado, mientras que el nivel PRO es para expertos que quieran especializarse en una determinada área. Nuevamente hay que aclarar que esto es solo una guía orientativa: puede haber un genio de la animación web que desconozca casi todo el resto porque no resulta relevante para su tarea.

Otra cuestión importante para aclarar: En la tabla se muestran los conocimientos prácticos, puesto que se supone que una persona especializada en diseño además de manejar el software tiene conocimientos de composición, teoría de la percepción, etc. y los puede aplicar a sus tareas habituales; del mismo modo que un programador además de saber la sintaxis de un lenguaje conoce de algoritmos y organización de base de datos.

Conocimientos requeridos por perfil

A partir de la tabla anterior, podemos crear una nueva donde mostrar los distintos perfiles y el nivel de conocimiento que debería tener para cada área.

Conocimientos ►Administración servidorLenguajesMarketing y SEOSoftware diseño
▼Perfiles
TécnicoProRecomendableMínimoMínimo
DesarrolladorRecomendableProMínimoRecomendable
MarketerMínimoMínimo / RecomendableProMínimo / Recomendable
CreativoMínimoRecomendableMínimoPro

***

Esta propuesta está abierta al debate ya que seguramente hay algunos elementos que se me han escapado, y puede que algunos no coincidan con las escalas ni los perfiles. Sin embargo, tengo la esperanza de que este post les sirva a los que quieren acercarse al mundo del diseño web y les permita saber por dónde pueden mejorar su formación.

Etiquetas:,

19 Comentarios Sobre Este Post — Agregar tu comentario

  1. Patrick Collins

    # 1 junio 20th, 2009

    muy muy util. gracias por compartir esta informacion seba… ya sabes que me sigue interesando aprender sobre diseño web y esto me sera de gran ayuda!

    un saludo amigo ;)

  2. Sebastián Thüer

    # 2 junio 20th, 2009

    @patrick: me alegro que te sirva. En este post no hablé de la gente que escribe para la web porque creo es un tema bastante específico, pero sin duda tener habilidades de redacción y creación de contenido es un plus ;)

  3. skallian

    # 3 julio 30th, 2009

    Uff, muy útil pero a su vez desmoralizador… ¡cuánto me queda por aprender! jejejeje

    ¡un saludo!

  4. Sebastián Thüer

    # 4 julio 31st, 2009

    No te agobies, hay que aprender poco a pco e intentar disfrutar del proceso. No se aprende a diseñar webs de un día para el otro ;)

    Gracias por tu comentario. Un saludo.

  5. Pablo Leyes

    # 5 septiembre 29th, 2009

    Me parece buenísimo todo el blog y como estoy iniciándome en el diseño web me sirve cada cosa que pueda aprender. Gracias.

  6. Sebastián Thüer

    # 6 septiembre 29th, 2009

    @Pablo Leyes: Gracias por tu comentario, un saludo!

  7. Pablo Leyes

    # 7 septiembre 30th, 2009

    Hola Sebastián, te escribo para hacerte una consulta de principiante, acabo de publicar mi sitio y cuando lo busco con algún buscador figura como “documento sin título”. Qué puedo haber hecho mal para que figure así?. Desde ya muchas gracias!!! Saludos

  8. Sebastián Thüer

    # 8 septiembre 30th, 2009

    @Pablo: Seguramente hiciste la página con Dreamweaver y olvidaste colocar el título. Mirá en el código fuente y encontrarás esta etiqueta al inicio del documento: y . En el medio de ellas tenés que escribir el título que le das a tu página. Saludos.

  9. Pablo Leyes

    # 9 octubre 1st, 2009

    Muchas gracias Sebastián, ahora me pongo a con el sitio a ver si puedo ponerle título. Un abrazo.

  10. Pablo Leyes

    # 10 octubre 6th, 2009

    Hola Sebastián, te escribo para hacerte otra consulta: si necesito modificar alguna página de un sitio hecho en DW, tengo que borrar todo y subir el sitio nuevamente con las modificaciones o es posible cambiar solamente los archivos que necesito. Si esto es así por favor decime cómo hacerlo. Desde ya muchas gracias!!!
    Un abrazo

  11. Sebastián Thüer

    # 11 octubre 6th, 2009

    @Pablo Leyes: Tenés que abrir la página y subir aquellos archivos que modificás únicamente. En todo caso, ordenalos por fecha de modificación y subí solo aquellos que te aparezcan al principio.

  12. Pablo Leyes

    # 12 octubre 7th, 2009

    Muchas gracias por la respuesta. Suerte!!!

  13. Gastón

    # 13 febrero 19th, 2010

    Tengo una duda. Cada vez que paso por el validador http://validator.w3.org/ una página de algún diseñador profesional (por ej. alguna tuya o de otros diseñadores) me salen muchos errores. Yo hice algunas páginas (todavía estoy aprendiendo), tratando de seguir las normas de w3 y también me saltan errores parecidos. Hasta ahora, la única página que no suelta errores de validación es smashingmagazine.com. Incluso la página inicial de google suelta errores. ¿Por qué pasa esto?

  14. Sebastián Thüer

    # 14 febrero 19th, 2010

    @Gastón: Muchas veces se usan “hacks” a sabiendas de que no es código estándar para corregir el problema de algún navegador sencillo.

    Te doy un ejemplo: Si en CSS escribís una propiedad de una clase con el guión bajo por delante ningún navegador lo lee… excepto Explorer 6. Entonces, si hay algún problema concreto con IE6 directamente usas esto, que no es código válido, porque tu única intención es que corregir el fallo de algún navegador concreto.

    Otro ejemplo: Facebook Connect es una tecnología muy popular pero para implementarla tenés que usar un modelo de lenguaje creado por Facebook que no es estándar del W3C. Fijate la primera línea del código fuente de esta página que ya comienza con tiene esto:

    xmlns:fb=”http://www.facebook.com/2008/fbml”

    Ya desde el inicio hay código no válido. Entonces la alternativa es seguir rígidamente los estándares o tenerlos como guía general y luego introducir código específico para corregir problemas de visualización o extender funcionalidades.

  15. Daniel

    # 15 octubre 22nd, 2010

    Interesante el post…muy bueno me ayudó a tener un mayor concepto sobre el mundo y perfiles de los diseñadores web…y como dices todo depende del tamaño del proyecto, aunque generalmente se lo dejan todo a una sola persona, pero yo pienso que siempre debe haber al menos un grupo de 3 personas para armar un proyecto web, para cumplir con los requerimientos mínimos de la W3C, también para darle un poco de arte al proyecto, que sea agradable a la vista, y sobre todo que la información que se coloque sea útil y actual.

  16. Sebastián Thüer

    # 16 octubre 23rd, 2010

    @Daniel: Así es. El diseño web es una actividad cada vez más compleja y profesionalizada con lo cual se hace muy difícil que una sola persona reúna todos los conocimientos necesario. Para quien comience hoy en el tema, más le vale elegir un perfil y especializarse en ello.

    Gracias por tu comentario.

  17. Gonzalo dl Azules

    # 17 junio 30th, 2011

    Hola Sebastian, me intereso bastante tu publicación. Me encuentro definiendo mi propio perfil como diseñador web pro. Conoces algún referente oficial con el que pueda avalar esta categorizacion (o alguna parecida)? me seria de gran ayuda. Gracias.

  18. Sebastián Thüer

    # 18 junio 30th, 2011

    Gonzalo dl Azules » Gracias Gonzalo. No llego a comprender si estás buscando un “documento oficial” sobre los diferentes tipos de diseñadores web o una “certificación oficial” que te avale como diseñador. No creo que tengas suerte con lo primero, pero con lo segundo el Ministerio de Trabajo de Argentina tiene un programa de certificación para profesionales freelance (programadores, diseñadores, etc.)

  19. Gonzalo dl Azules

    # 19 julio 3rd, 2011

    Hola Sebastian.Gracias x la rpta.
    Te cuento un poco, en realidad estaba buscando un poco de los 2.
    Pues si bien yo puedo definirme, x ejemplo, según la distribución que planteas como DISEÑADOR CREATIVO PRO, quisiera de alguna manera sustentar “oficialmente” los objetivos, actividades y obligaciones que debo desarrollar.

    No todos los empleadores tienen claro los limites hasta los cuales uno u otro perfil deberían llegar para cumplir objetivamente su misión.
    Y eso es precisamente lo que intento definir.

    De cualquier manera tu publicación me ayuda bastante. Gracias.

Una Referencia A Este Post

  1. Bitacoras.com

    junio 17th, 2009

    Información Bitacoras.com…

    Valora en Bitacoras.com: Cada tanto alguien me dice que quiere ser diseñador o desarrollador web y me pregunta por dónde comenzar. No es fácil responder porque el diseño web como disciplina no tiene unos límites claros y, además, los perfiles de quie…..

Dejar una Respuesta