¿Quieres registrarte?

8 consejos para enfrentar un proyecto web

Por: The Fricky! + 23 de Junio del 2009

Estas son algunas consideraciones que debemos tener en cuenta incluso antes de comenzar a trabajar. Esta lista la he hecho pensando en freelancers (porque yo mismo lo soy), pero muchas de las cosas que están aquí son válidas para no-freelancers también:

Procura hacer un cuestionario corto y preciso, que te permita luego crear un brief


La clave de un buen cuestionario es usar pocas preguntas, fáciles de contestar. Por lo general, tu cliente quiere dejar la mayor parte del trabajo tedioso de tu parte. Además, si es una persona ocupada (siempre lo es) no querrá agregar a su lista de tareas la de tener que hacer grandes cuestionarios o supervisar lo que estás haciendo. Lo mejor para él (y para ti) es que le facilites lo más posible su parte del trabajo en la creación del proyecto. Eso sí, una vez que tengas el brief listo, no olvides enviárselo para que te dé su visto bueno.


Ten al menos una reunión con tu cliente para hablar sobre el proyecto


Esta puede ser presencial, vía telefónica u online (Skype, GTalk, Messenger, etc.) La reunión no puede ser por escrito. No significa que todas deban ser de esta manera, pero al menos la primera debe serlo. Todos sabemos que una conversación donde pueda -al menos- escucharse la voz de la contraparte resulta más fluida y productiva que una conversación escrita, que es más estructurada pero no permite la inmediatez de la primer. Incluye ese "extra" que significa el tono de la voz y la capacidad de ganar la confianza de tu cliente a través de una buena conversación. Si puedes tener un par de conversaciones más con tu cliente, no las desaproveches. Ese tipo de contacto genera relaciones que duran en el tiempo (si te portas bien, claro).

Prepara un contrato y no comiences el trabajo hasta tener la aceptación del mismo, por escrito, de parte del cliente


No hace falta tampoco que generes páginas y páginas para tu contrato, sólo procura que no falten los puntos esenciales: Descripción del Proyecto, Presupuesto, Forma(s) de Pago y Tiempos de cada etapa. Siempre es buena idea que te asesores con alguien sobre las formalidades requeridas en tu país. Por supuesto, para que un contrato sea válido debe estar firmado por ambas partes o al menos aprobado expresamente de algún modo.

Comienza siempre con un mockup


Ya sea que utilices el viejo pero bueno papel y lápiz, algún software o alguna herramienta online, no comiences a diseñar sin crear antes un mockup. A diferencia del proceso de diseño, en el mockup preocúpate por cosas como la navegación, la distribución del contenido, el formulario de búsqueda, etc. Luego tendrás tiempo para el proceso de diseño como tal. Además, el mockup te permitirá volver a plantearte la estructura o parte de ella con facilidad.


Ten siempre presente la posibilidad de que el cliente retrase el trabajo.


Personalmente, mi problema principal a la hora de intentar mantener los tiempos es que el cliente entregue el material, haga las revisiones en el tiempo establecido, etc. Para paliar ese problema suelo hacer dos cosas (no necesariamente al mismo tiempo):

  1. Colocar tiempos de revisión -normalmente de una semana- por parte del cliente, advirtiéndole que cada día de retraso implicará un cambio en la fecha de entrega y/o un recargo (de un 1%, máximo) en el precio final. Si quieres que se apure, tócale los bolsillos. ;)
  2. Preveer estos retrasos, dándole más tiempo a los lapsos de entrega de material o revisiones. Esta no es la mejor solución, pero si conoces más o menos a tu cliente, puede funcionar.

Piensa en el usuario final, que tu sitio sea usable y accesible


El cliente a veces tiene la razón, pero es tu obligación hacer lo mejor que puedas por él. Hazle recomendaciones, dile por qué tiene sentido tu diseño. Eso sí, ten cuidado con terminar defendiendo tu diseño sólo porque lo hiciste tú y estás enamorado de él. No tengas como prioridad satisfacer a tu cliente sino a su cliente, que será quien tenga que interactuar con lo que hayas hecho. Ten en cuenta que muchos clientes no entienden que un sitio web es un medio de comunicación y no sólo una tarjeta de presentación.

Se un profesional o no te vendas como tal


Sí, suena duro, pero eso cierto. Todos sabemos el dolor de cabeza que significa "el sobrino que sabe de computadoras".
No estoy diciendo que te vendas como el mejor diseñador/desarrollador del mundo, pero tampoco debes hacer pensar a tu cliente que no estás calificado para el trabajo o que simplemente eres su sobrino de 12 años. Si te vendes por centavos, no sólo te perjudicas tú (porque siempre esperarán que te vendas por centavos) sino a todo el mercado, creando el precedente de que el diseño web es cuestión de limosnas.

Por otro lado, debes estar consciente de tu papel, tu cliente espera que resuelvas un problema, no que los crees; aún cuando estés comenzando, debes tener la suficiente seguridad para evitar que te vea como un repartidor de pizzas, si tú no te respetas ni respetas tu trabajo, tu cliente tampoco lo hará (ni la comunidad).

Estudia, lee, aprende


Una de las cosas más fascinantes de la tecnología es que está en constante desarrollo. Siempre hay cosas nuevas que aprender, los horizontes están en constante expansión. Si quieres permanecer en el mercado, ya sea que te dediques al diseño, al desarrollo o ambos, debes mantener "mente de principiante", debes querer aprender cosas nuevas. Claro que no te volverás un experto en todo, pero al menos debes saber un poco de diseño, de desarrollo, de SEO, de estándares... esas son las cosas que marcarán la diferencia... o no.



En fin, ni esta lista ni las que vienen pretenden -ni mucho menos- ser la última palabra sobre este tema, hay cosas que faltan, cosas que pueden profundizarse y quizá cosas inútiles. Si les place, me encantaría saber su opinión al respecto.

Enviar a twitter Enviar a facebook

También te interesa


Etiquetas webmasters negocios

Comentarios | Enviar un comentario
Mmmm... COMIC SANS EN EL MOCKUP???!?!?!
Por: TheOm3ga-blog

TheOm3ga-blog :

Mmmm... COMIC SANS EN EL MOCKUP???!?!?!
Jajaja, no es Comic Sans. Si no estoy mal es Komika Text y es por defecto la fuente de Balsamiq Mockups.
Por: Freddie
O sea es una variante de la Comic Sans, igual es un mockup y como bien dice The Frick, lo importante ahí es la estructura, no el diseño
Por: Aoyama
Excelente artículo The_Fricky. Mientras mas estructurado este el proceso, menos dolores de cabeza se tendrán.


----------------------------------

TheOm3ga-blog :

Mmmm... COMIC SANS EN EL MOCKUP???!?!?!

Genial aporte, criticar la fuente de un MOCKUP. (falta ícono sarcasmo)

Opinar para eso. :roll:

Además el Mockup bien puede ser en papel y a mano, por eso por default pusieron la tipografía mas cercana a como escribimos en papel. Whatever. :ownz:
Por: Dano
Me temo que sí es comic sans, por lo menos la versión Windows y Linux: http://www.balsamiq.com/products/mockups/support#comicsans
Por: TheOm3ga-blog
Exacto, y el ¿problema es..?
Por: Yaraher
El problema de la comic sans es que no te permite venderte como un profesional, ya que es una tipografía poco seria, nada estética, y muy muy fea.

Si tu trabajo va a involucrar diseño y quieres que te tomen en serio todo tu proyecto tiene que serlo. Y además parecerlo.
Por: vectorcinco

Yaraher-blog :

Exacto, y el ¿problema es..?


Es que seguro ha de ser el típico traumado anti-algo. Conozco gente que puede ver un proyecto genial y lo ve correr en Windows y dice TODO APESTA por correr en windows y no en linux y te dan un sermón de linux. Y así gente que si usan algo contra lo que tienen manía, desacredita todo.

El omega, debe ser de los muchos tantos que odian a Comic Sans y por eso solo entra para opinar de la fuente, ni fuma al artículo ni nada.

La fuente da igual, y ultimadamente la puedes cambiar. Pero por dios, jamás llegue a pensar que a alguien le importara la fuente de un Mockup.

vectorcinco-blog :

El problema de la comic sans es que no te permite venderte como un profesional, ya que es una tipografía poco seria, nada estética, y muy muy fea.

Si tu trabajo va a involucrar diseño y quieres que te tomen en serio todo tu proyecto tiene que serlo. Y además parecerlo.


ES UN MOCKUP, UN MOCKUP, no un proyecto final ni nada. Antes los Mockups los hacias en papel o algo. El diseño no importa en lo mas mínimos. Solo los diseñadores traumados con comics les importa ver la fuente en un MOCKUP.
Por: Dano

TheOm3ga-blog :

Me temo que sí es comic sans
Sin animo de ofenderte, pero a quien rayos le importa eso.

Los comentarios son para discutir el tema principal, no para ver si la letra de la imagen es una u otra.

Regresando al tema, me ha parecido muy bueno los puntos que das, respecto a lo de venderse por centavos es algo que da mucho coraje en verdad. Ver como algunos matan el trabajo por unos pesos menos que tú y claro, el cliente como no sabe de esto para el un diseño es un diseño.

Aunque el trabajo que le entreguen sea un trabajo a 30 ppp, cuando debería ir en alta calidad.

Ps: el mockup no tiene pestañas :evil: (a ver si esto causa ampula)
Por: Victor-Nael
Muy buen tip, muchos de estos puntos coincido contigo y en algunos no tanto, pero como base estan muy buenos.
Por: flashreloco
Muy buen artículo. Muchas gracias, demuestras ser un verdadero profesional: reflexionas sobre lo que haces.
Por: Javier-blog
Ustedes si que son la muerte, discutiendo sobre el Comic Sans o su derivado. El mockup trata de eso, no tiene que ser formal. Criticar la fuente es como criticar porque las lineas de los contenedores no son rectas. Ya pues.
Por: Harold
Es probable que ustedes nunca presenten el mockup (la maqueta) al cliente, es por eso que el comic sans no les afecta. Harold, todo contacto con el cliente es formal.
Por: vectorcinco
Sin esperar ofender (lo hago de corazon) este es uno de los mejores posts que he leído en Cristalab.

Muy útil y al menos se que lo que estoy haciendo está bien hecho.

Saludos y gracias por la información importante y relevante
Por: demogar-blog

vectorcinco-blog :

Es probable que ustedes nunca presenten el mockup (la maqueta) al cliente, es por eso que el comic sans no les afecta. Harold, todo contacto con el cliente es formal.


Yo le presento al cliente, mis mockups y jamás me ha afectado la fuente. Y mis clientes son vaya que exigentes, gringos acostumbrados a proyectos de muy buena calidad. Pero ninguno de mis clientes es un diseñador traumado con el comic sans, y tiene el suficiente criterio para entender lo que es un mockup.

Lo que si, es que todo contacto con el cliente es formal.

Mezclas cosas reales, como el contacto formal con el cliente, con fijaciones tuyas y de diseñadores, como su trauma de la comic sans, que no la pueden ver ni en mockups.
Por: Dano
Excelentes puntos :D
Estoy segura de que a más de alguno le ayudarán a centrarse un poco más al momento de crear un proyecto ^^

WTF? :shock: ¿Peleando por una tipografía?
*se aleja antes de que la traumen
Por: daz_angie
Excelente post, yo he tenido algunos problemas con unos clientes, y ya que estoy iniciando en este mejor he decidido retirarme del negocio por un rato, mientras obtenga un plan mas solido de trabajo.

Este post me abre la mente a muchas opciones.
Por: andres86-blog
Tus palabras son de ayuda, o como mínimo de recuerdo y refuerzo de lo que ya se sabe, pero prácticas ante todo, e inteligentes, gracias
Por: VALvectorial-blog
Muy buena guía para principiantes como yoyo :P
Por: alternaweb
Wow! Me sorprende mucho la cantidad de comentarios ¡Gracias!
Lo del tema de la fuente del Mockup, pues eso, un Mockup es lo que es: un esquema de distribución de los distintos elementos que componen el sitio, no es el sustituto del CSS. Incluir elementos propios del diseño (como el tipo de fuente) en la evaluación de un mockup es, cuando menos, irrelevante. En cualquier caso, sólo es una imagen, yo suelo hacer mis mockups en papel.
He intentado hablar de cosas con las que he tenido que enfrentarme en estos años de trabajo, tanto para compañías como por mi cuenta, quizá sea por eso que los puntos sean en plan práctico y no tanto teórico. Hay varias cosas que no están allí y que puego pensé "quizá debí colocarlo", pero tampoco quiero agobiarlos. En fin, gracias por los comentarios y sería genial que pudiesen comentar sus experiencias, que agregar/quitar de la lista y por qué, así nos nutriríamos todos.
Por: The Fricky!
Muy buen articulo, ilustrativo y entendible ademas. Acerca de desvirtuarse por una tipografía de un bosquejo resulta realmente absurdo... Vamos! No ensuciemos tan buen material, enhorabuena Fricky.
Por: M@U
Muy bueno The Fricky!

Vengo siguiendo tus artículos desde tu blog ^^ . Me parece muy fuera de lugar que se metan a hablar de la tipografia de un mockup aquí cuando lo podrían haber hecho el el artículo de Freddie ¬¬ bueno hay gente para todo...
Por: CarlosRuminott
Pues yo creo que es una buena forma de manejar las cosas, MUy buen articulo
Por: Mago.ozkuro
Exacto olviden el mockup y vamos a empezar a nutrirnos, acabo de tener una situación un poco incomoda, yo soy el que realiza el trabajo, yo soy el que se pasa noches enteras sin dormir, pero excelente ellos los intermediarios son los que mas se quejan diciendo "Quiero esto, Quiero lo otro, Animación, Programación Avanzada, etc..." yo claro digo por favor tu pídeme lo que quieras no te preocupes, y woow!!! resulta que cuando les das un precio te dicen "Están tus precios en las nubes" bueno yo considero que creando desde 0 esta web http://www.asha-bar.com/, un precio justo son $20,000 pesos mexicanos, ¿Cuanto cobrarían ustedes?
Por: wraven
Me ha resultado muy interesante y acertado tu articulo The Fricky!

Genial :)
Por: Morphx-blog
Muy bueno el articulo, señor. Me sirve más que todas las agotadoras clases con profes mediocres que conozco!

Vaya!
Morphx-blog, he visto tu trabajo y no ha de ser perfecto pero esta muy bien, sobretodo cuando hago los cambios de moneda y veo lo que son esos 20000 pesos. Que barato, no?

Mis problemas son otros. Echen una ojeada:
http://my.opera.com/johnito/blog/estudiar-sin-derechos
Por: Emilius-blog
Interesante, realmente me hacia falta leer esto para darme cuenta las cosas que aun hago mal U_U
Por: Pley
Buen artículo, muy interesante y además bastante útil.

Genial post The Fricky (y)
Por: fredybg

vectorcinco-blog :

Es probable que ustedes nunca presenten el mockup (la maqueta) al cliente, es por eso que el comic sans no les afecta. Harold, todo contacto con el cliente es formal.

Creo que este individuo realmente ha conocido muy pocos clientes.

El motivo principal para usar algo como Balsamic Mockups es el siguiente:

Existen clientes para los cuales la interfaz gráfica es el sistema. Me explico: existen clientes para los cuales ver un botón en la pantalla les hace creer que mágicamente ya está creado todo el soporte del sistema de la funcionalidad que representa este botón.

Cliente perdido :

¡Pero si yo veo el botón! ¿Cómo me dice que el desarrollo toma 6 semanas más si el botón ya está! ¡Explíqueme qué hizo para que no me funcione hacer clic! ¿Es que me quiere estafar?

Estos clientes podrían* ser educados, pero esto nos representa mucho tiempo y el tiempo es dinero.

Entonces la mejor solución es discutir cosas como la usabilidad del sitio usando algo que claramente represente que no es el trabajo final.

Por eso la mejor solución es usar un Mockup. Y Comic Sans. El hecho de que no sea un tipo de letra serio es una enorme ventaja en este caso.

* en el caso de estos clientes, podría es una conjugación del verbo podrir.
Por: Shorel
Buen post... Esperaremos los otros con ansias U_U
Por: hcks

Emilius-blog :

Muy bueno el articulo, señor. Me sirve más que todas las agotadoras clases con profes mediocres que conozco!

Vaya!
Morphx-blog, he visto tu trabajo y no ha de ser perfecto pero esta muy bien, sobretodo cuando hago los cambios de moneda y veo lo que son esos 20000 pesos. Que barato, no?

Mis problemas son otros. Echen una ojeada:
http://my.opera.com/johnito/blog/estudiar-sin-derechos


Suerte amigo por lo de tus trabajos y gracias por la respuesta, es lo mismo que me imagine 20,000 pesos moneda mexicana es poco y la gente ja! no lo quiere pagara vamos como si este trabajo fuera un regalo social!!! pero bueno este es el mundo en donde vivismos y los dejo que ire a ver Charmed jajajajaj
Por: wraven
Que buen articulo bastante centrado y buenos consejos para la gente muchas gracias por compartir la informacion y por crear consientizacion en las personas que regalan en trabajo!!!
Por: Camilo -blog
Es cierto hace unos días un cliente me dijo eso cuando vino a que le cotizara un software: "Es que yo tengo dos sobrinos que lo pueden hacer..."

Mi respuesta: "Ah, que bien, me alegro que tenga alternativas, de todas maneras estamos a sus órdenes por si desea el software, que tenga un excelente día"
Por: Vateos-blog
Excelente, me gustó este artículo.
Por: CFP87-blog
Hay un punto que me llama la atención: "Sé un profesional o no te vendas como tal". Cómo sé como venderme, estaría interesante que escribieras algo relacionado con esto, mencionando algunos puntos así como lo haces en este artículo. Es decir, de que me baso para saber vender mi software, y mas o menos cuáles son los aspectos o puntos a considerar (Tiempo, esfuerzo, abstracción, diseño, ...), no sé si me explico. Saludos, y nuevamente buen artículo.
Por: CFP87-blog
muy bueno... suenio con mackups por todos sitios, boton a la derecha, menu a la izquierda, desplegable... no mejor multiseleccion, no, hacemos un slider?
Por: panchesco
Antes del mockup, hace falta realizar un esquema de organizacion, para pensar como va a estar distribuido el sitio y definir las posibles secciones que llevaria para poder hacer los posibles cambios sin ningun esfuerzo
Por: Sergestux-blog
CFP87-blog: Bueno, el tema de cuánto cobrar es de esas discusiones eternas en internet. No voy a zanjarla en tres palabras, pero te diré lo que hago: Fijo un mínimo (por menos del cual no muevo ni el mouse) para que me resulte rentable, a partir de ello hago las consideraciones (cantidad de links, si tengo que hacer la redacción, si hay que programar y cuánto...) y en base a ella calculo los tiempos y mi tarifa. Es más complejo que sólo eso pero es una base. Quizá luego escriba sobre ello.
Sergestux-blog: Interesante tu propuesta. Por lo general ese proceso lo realizo durante la creación del Mockup. De hecho suelo dibujar dos o más posibles estructuras y dejar espacios "estratégicos" para posibles adiciones o cambios, pero tu idea me gusta, la probaré a ver. Gracias!
Por: The Fricky!
Acabo de leer este articulo y me parece interesante. Siempre es bueno aprender.
Por: estudiantedeflash-blog
Excelente artículo
Por: neoanexo-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.