Tres simples pasos a seguir que podrán ahorrar muchos dolores de cabeza. Para este caso vamos a tomar como ejemplo la tarea de hacer un boceto para la página principal de un sitio web.

1. Contenido

Para empezar debemos tener claro el contenido, esto a veces es un inconveniente pues en algunos casos algún cliente cree que se le puede hacer un diseño a medida sin conocer el contenido. Necesitamos saber que es lo que se va a presentar en el diseño y con que secciones debemos trabajar, este contenido también tendrá un orden de relevancia dependiendo de su importancia. Con el contenido claro podemos pasar al siguiente paso que es estructura.

2. Estructura

Aún sin haber jugado con colores ni fuentes vamos a plantear la estructura, de modo tal que empezamos a distribuir el contenido guiados por la importancia que tenga cada parte de este, papel y lápiz o wireframes nos serán de utilidad.

Por ejemplo si el sitio se encargará de fomentar la descarga de algún software pues un botón grande de descarga se encontrará a primera vista en la parte superior izquierda ó si el caso implica dar a conocer y fomentar el uso de alguna red social de seguro un pequeño formulario de registro con algún texto de incentivo tomarán toda la parte superior de nuestra estructura.

Una vez que tenemos clara la estructura podemos dar pase al diseño gráfico. Tener una estructura es muy importante, conocido problema de los diseñadores es que se haga cambiar el diseño una y otra y otra ves por no haber definido una estructura previamente, ya que dicha estructura deberá reflejar los objetivos del sitio web habiendo usado el criterio y por lo que no habrá motivo para ser replanteada por simples gustos personales.

3. Diseño

Y me refiero a colores, fondos, tipografías y demás. Es el momento en el que hay que inspirarse y es que teniendo una estructura definida podemos dar rienda suelta a nuestra creatividad, claro que siempre respetando dicha estructura y las relevancias que esta propone, por ejemplo si en nuestra estructura se plantea un botón grande de descarga sera nuestro trabajo enfatizar eso con el uso de los colores, fondos o lo que consideremos necesario.

Acá podremos hacer algunas variantes del diseño, pero al tener una estructura definida será mas simple realizar una elección.

Usualmente se cae en el error, y eso de seguro por presión o apuro, de abrir el software gráfico y empezar a diseñar si haber planteado nada antes de esto. Eso en la mayoría de los casos trae desorden al trabajo, además del riesgo de crear un diseño poco efectivo que puede dar como consecuencia malos resultados para los intereses del sitio web.

Así como antes de emprender algún negocio o algún viaje planeamos y analizamos las cosas, a la hora de crear un nuevo proyecto debemos tomarnos un poco de tiempo para no caer en errores que a la larga nos hagan perder mas que solo tiempo.

Empezando

El curso se dio muy práctico, los diseñadores de RPP ya conocían la importancia del uso de estándares  y además ya estaban investigando su aplicación por lo que la cosa fue mas simple, es decir no encontré gente cerrada en viejas prácticas si no personas muy interesadas en aplicar nuevas tecnologías. Así que solo quedaba distribuir lo que se iva a ver en los días que duraría esto.

Un pequeño repaso

Con papel en mano dimos una pequeña repasada a las etiquetas de html, quizás por la experiencia de ellos no era tan necesario pero nunca esta de más pues para mi html es el padre nuestro de un diseñador.

Algunos detalles

Algunas cosas a tener en cuenta como el modo en que se iva a usar css, la importancia del Doctype, el código limpio, herramientas antes de entrar al maquetado.

Maquetando

Y Empezamos con nuestro querido html, aunque desde un principio era claro que el mayor interés estaba enfocado en lo que podía hacer CSS teníamos que empezar por HTML. Un index.html tomando como ejemplo el home del portal de RPP y arrancamos con el maquetado desde el Doctype hasta cerrar la etiqueta HTML, fuimos construyendo un sitio limpio y dándole el uso adecuado a las etiquetas y claro que nada de vistas wiysiwyg. Una ves que teníamos el contenido listo, limpio y sin una pizca de diseño, Entonces fue el turno de CSS.

Esto si fue de mucho interés, poco a poco un contenido totalmente vertical fue tomando forma y convirtiéndose en una página organizada, colores, fondos  y tipográficas entraron a tallar.

No quedaba mucho tiempo y ya debían empezar a aplicar mucho de lo visto en sus proyectos, por lo que aclarar algunas cosas y ayudar a resolver pequeños problemas fue lo ultimo.  Algunos enlaces, libros recomendados e intercambio de correos y tocaba despedirse.

Una buena experiencia y el incremento de la lista de amigos y buenos diseñadores conocidos. Desde aquí agradezco la oportunidad y espero haber sido de mucha ayuda.

¿Es tan complicado hacer un currículo?

Y no me voy a referir al formato, si no al contenido en si, obviamente que todos no son expertos en todo pero para eso esta el criterio, para tratar de hacer mejor las cosas. En adelante comento errores que encontré con esperanza de que quien lea esto no los cometa no solo en un currículo de diseñador web sino al momento de redactar un currículo en general.

Entiendan a que puesto se presentan

Yo buscaba un diseñador web junior, y me enviaban currículos programadores, diseñadores publicitarios y gente de soporte técnico. No tiene nada de malo manejar otras áreas pero si postulan para el puesto de diseñador web entonces almenos preséntense como diseñadores web, ya que las tareas que deberás cumplir son las de un diseñador web.

Nada de trabajos adjuntos

El único archivo adjunto debería ser el currículo, me tome el trabajo de especificar eso pero no falto quien me adjuntara sus trabajos y hasta alguien me adjunto un cd interactivo (un swf pesadaso y bien feo), lo que trajo a mi mente la expresión “me quiero volver chango”. Un diseñador web tiene sus trabajos en la web y no hay mas vuelta que darle, y si es que recién empiezas y todo esta en tu disco duro pues hay muchos sitios que ofrecen alojamiento gratuito con cantidad de características así que no hay excusa.

Especifica solo los estudios que tuviste en tu formación como diseñador y si eres autodidacta no hay problema

El tema aquí era bastante simple, si eres autodidacta pues señalar libros o sitios donde aprendiste lo que sabes y si haz estudiado en algún lugar pues entonces lista los estudios que tengan que ver con diseño web. En verdad no me interesa si resulta que eres experto en Ms. office, o si tienes estudios de diseño de interiores, o configuración de routers y ensamblaje, etc etc.

Especifica los trabajos que haz tenido como diseñador web

Acá si que me quería volver chango, normalmente lo que se ve es el portafolio pero la experiencia laboral es importante así que al buscar en que sitios trabajan como diseñadores me encuentro con atención al cliente en wong, o atención al cliente en cabinas, o trabajos que tienen que ver con facturación, inventariado, censo, etc. Puede ser comprensible si alguien no tiene experiencia aún, pero gente que ya la tenia rellenaba el currículo como podía.

Coloca primero lo actual y luego lo pasado

Si listas trabajos, entonces tu ultimo trabajo primero, si listas proyectos, entonces tus últimos proyectos primero. ¿Prefieres que ve lo que hiciste hace años cuando todavía te faltaba aprender o lo que acabas de hacer que te quedo muy bien?, esto es simple criterio señores y no tienes que poner todo pon lo mejor.

Pedí currículo no brochure

Esto es a criterio personal, pero cuando pido un currículo quiero ver un currículo no un brochure, si eres diseñador muestramelo en tu trabajo no en tu currículo pues hacer diseños para currículos no es lo que se va a hacer, pero si eres muy creativo y quieres diseñar todo lo que se te ponga en frente entonces pon tú currículo en la web y ahí da rienda suelta a tu imaginación. En cuanto a formatos yo me inclino por pdf, aunque la mayoría solo conoce y hasta algunos son expertos en word, claro que poner su currículo en la web habría sido buena idea.

Muchas veces las empresas mal acostumbran

Algo que tener en cuenta y es que es muy cierto es que si haz trabajado en otras empresas es muy posible que te haya tocado ser todologo, es decir programador y diseñador gráfico/web/multimedia que sepa cocina planchar y lavar, pd con cama adentro XD.

Ultimas observaciones

• Una ves más he corroborado que a veces no importa mucho donde estudies, muchos currículos de personas que pertenecieron a “institutos de prestigio” dejaban mucho que desear. (por ahí alguien se refirió a css como lenguaje de programación).
• Muchas personas se sobrestiman.
• Muchas personas se subestiman.
• Dreamweaver parece ser el único editor que saben utilizar todos, que novedad.
• Aún me sigo preguntando ¿Dónde están los diseñadores web?, vamos muchachos se que hay gente joven muy hábil y que solo es cuestión de esperar.

Para terminar y gracias a Raúl les dejo un buen articulo para tener en cuenta al momento de realizar un currículo, también pueden ver algo de este articulo en español.

La ves anterior regrese con mi polo y mi taza, aunque no pude asistir a compartir las chelas al finalizar el evento T_T, me diverti bastante.

Así que ya saben, pueden registrarse ya, nos vemos.

¿Hay Escases?

Eso parece, ahora ustedes se preguntan ¿Pero si diseñadores web sobran?, ok digamos que la cantidad de institutos que infestan nuestro país los sacan como pan caliente, pero el nivel que estos tienen deja mucho que desear. Para ser claro un anuncio que diga “se necesita diseñador web” será respondido por cientos de postulante y no faltará algún loco al que se le ocurra adjuntar sus trabajos (en verdad hay gente que es capaz de eso).

Pero si el anuncio busca un mejor perfil

Aquí comienza lo bueno, que pasa si te piden que manejes un buen nivel de html y css, requisitos de lo más básicos, pero que se entienda que conozcas no que generes con un wysiwyg en pocas palabras si te dijeran que no uses dreamweaver o frontpage tú no tendrías problema a menos que tengas un gusto particular por este tipo de software, y si de paso hablan de estándares web la cosa se complica, ahora un poco de usabilidad y seo (existen expertos en esto pero aquí somos multifaceticos XD). Terminamos con interés por un cocimiento básico de alguna librería javascript (recordemos que hacemos frontend) y por último tener nociones de algún lenguaje de programación, nosotros no somos programadores pero si trabajamos con ellos así que saber al menos a grandes rasgos como trabajan ellos es fundamental.

Créanme que en algún momento este tipo de anuncio predominará en nuestro mercado así y como lo hace en otros hace ya varios años.

El otro tipo de anuncios

Claro que también hay del tipo que te piden solo manejo de software, estos no son muy exigentes pero no imagines que trabajarás con los mejores. Los clásicos paquetes de adobe, saber windows y esto sin mencionar nada de lo anteriormente indicado.

Entonces que dices ¿eres diseñador web?, ¿Estás listo para el mercado?, si no es así no pierdas tiempo que la información esta regada por Internet y el conocimiento es libre.

Opening

Tu sonrisa tan resplandeciente, a mí
corazón deja encantado, ven toma mi mano,
para huir de esta terrible obscuridad…

En el instante en que te volví a encontrar, mi
mente trajo a mí aquel hermoso lugar, que cuando
era niño fue tan valioso para mi, quiero
saber, si acaso tu conmigo quieres bailar, si me
das tu mano te llevare, por un camino, cubierto
de luz y obscuridad, tal vez sigas pensando en
él, no puedo yo saberlo pero se y entiendo que
amor necesitas tú, y el valor para pelear, en mí
lo hallaras.

Mi corazón encantado vibra, por el polvo
de esperanza y magia, del universo que,
ambicionan todos poseer, voy a amarte para toda
la vida, no me importa si aun no te interese, ven
toma mi mano para huir de esta infinita
obscuridad…

Ending

Caprichosa eres tú
Y a veces lo sé
No te importan los demás
Y quieres todo hacer a tu manera,
Porque te comportas así
y como una ilusión
Que quieres tu vivir
En el pasado que se fue
La gente te daña, no comprendes
Y te hacen llorar, angustiadas estas
Por las personas que nunca te entienden
Pero sola nunca estarás
Porque yo estaré ahí.
Ya veras, aunque mil tormentas vendrán
Cuando de noche llegues a tu casa
Y el alma sientas heridas
Cuenta conmigo amor, porque tu y yo
Y nos hacemos los dos
Muchas cosas juntos vamos hacer
con valor tan pretendiente
Mientras vivas aquí.

¿Por qué diablos tiran basura calle?

Me molesta. Yo no soy ecologista ni muy menos pero si tienes por ejemplo un paquete vació de galleta nada cuesta guardarlo hasta llegar cerca a un tacho de basura.

Entonces porque carajo a veces veo a una señora tomando la envoltura vacía de algún dulce de las manos de su hijo y botarlo al suelo, mostrandole al niño como ser cochino y siguiendo con esto por generaciones, tan difícil es acercarse a un tacho de basura?, tan interesante les parece la ciudad llena de basura?.

Si quieren ensuciar ensucien su casa pero no sigan apestando las calles que de por si ya lucen feas.

he dicho.

¿Las cosas están cambiando?

Ya hace algún tiempo he podido toparme más de una vez con ofertas de trabajo que buscan cubrir un puesto de diseñador web especificando en sus anuncios “Descartados Dreamweaver, Frontpage y similares”. Cosa llamativa teniendo en cuenta muchos otros anuncios (casi todos) solicitan de forma obligada el manejo de este tipo de software.

Debo mencionar que hace algunos años sería muy difícil o casi imposible ver algo similar, almenos en nuestro país.

¿Qué esta pasando?

Al parecer y según he podido indagar, sucede que la mayoría de diseñadores que usan un editor con un wysiswyg integrado (dreamweaver o frontpage por ejemplo), se mal acostumbran y no aprenden los lenguajes de forma adecuada y en algunos casos los desconocen totalmente, salen de su centro de estudio con la idea de que dreamweaver es una especie de Microsoft word donde deben arrastrar, jalar, presionar, e insertar sin escribir una linea de código, lo que lleva a obtener un trabajo de muy mala calidad y mal remunerado.

Si somos francos quien se preocupa por obtener gente que maneje lenguajes y conceptos de forma adecuada antes que solo pedir el manejo de tal o cual paquete de software es gente que esta bien enterada de lo que trata este tipo de trabajo y se preocupa por el buen desempeño y calidad de este.

¿Dreamweaver se esta ganando mala fama?

Pues aunque el sector que lo discrimina es muy poco, usualmente es del poco que conoce mucho de este campo. Se ha llegado a estereotipar este software al punto de juzgar los conocimientos del usuario solo por su preferencia, personalmente creo que el uso de tal o cual software depende de cada persona, “que trabaje con lo que se sienta mas cómodo”, frase muy común y que apoyo.

¿Y por qué pasa esto?

Pues en honor a la verdad son muchos (no todos) de los usuarios de Dreanweaver quienes han contribuido a esto, y claro detrás de ellos la instrucción pobre de muchos centros de estudio.

Dreamweaver es el software mas usado para este tipo de cosas y lo seguirá siendo pero muchas buenas oportunidades de integrarse a buenos grupos de trabajo donde seguir aprendiendo se pueden truncar por este tipo de cosas. Así que a tener en claro que “Dreamweaver no es Microsoft word” hay que aprender los lenguajes y optimizar el trabajo como bien sabrán algunos pocos usuarios de este software.

Se viene el BarCamp Lima I, esto viene planteado desde la ANWMP, será en noviembre.

Un barcamp no es una conferencia de las que conocemos, acá todos participan y comparten. Ya puedes registrarte como voluntario y/o asistente el ingreso es libre y será una gran oportunidad para conocer gente con intereses en común, aprender y aportar.

Puedes ver más acerca de eso en el wiki.