Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Jorge L. Batista E escribió: Si es producto final es Web al cliente hay que mostrarle Web. Los bocetos, maquetas o como lo llamen TIENEN que ser HTML+CSS No estoy para nada de acuerdo. En la mayoría de los casos, es avanzar demasiado antes de tener el OK del cliente. ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Mal negocio... 1) Mejor empezar con wireframes (bocetos) sumamente abstractos, en blanco y negro, con esquemas de las principales pantallas. 2) Cuando te aprobó esos esquemas, encargas las pantallas decoradas en Photoshop (imágenes en colores). 3) Cuando te aprobó las pantallas, las pasas a XHTML/CSS. Y solo allí haces los ajustes de detalles menores. Creo que es más lógico. Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Tal mente de acuerdo con el procedimiento de Jorge. No sería el primer proyecto que por pecar de profesional o de bueno, terminas comiendotelo con patatas y eso si.. luego echales un galgo para que te pagen... se han disfrazado de camaleones y se han subido a un arbol. ;-) Alez jacta est Juan José - Original Message - From: Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 05, 2009 3:35 PM Subject: Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? (era: Trabajar con EMs) Jorge L. Batista E escribió: Si es producto final es Web al cliente hay que mostrarle Web. Los bocetos, maquetas o como lo llamen TIENEN que ser HTML+CSS No estoy para nada de acuerdo. En la mayoría de los casos, es avanzar demasiado antes de tener el OK del cliente. ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Mal negocio... 1) Mejor empezar con wireframes (bocetos) sumamente abstractos, en blanco y negro, con esquemas de las principales pantallas. 2) Cuando te aprobó esos esquemas, encargas las pantallas decoradas en Photoshop (imágenes en colores). 3) Cuando te aprobó las pantallas, las pasas a XHTML/CSS. Y solo allí haces los ajustes de detalles menores. Creo que es más lógico. Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
El 05/03/2009, a las 09:35 AM, Hernán Beati - SaberWeb.com.ar escribió: ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Claro que no, maqueta es maqueta no va mas allá del marcado... HTML +CSS y funcionalidades básicas. Aquí nos ha dado buen resultado sobre todo porque hay cosas que el cliente común es incapaz de ver en una imagen estática por mucho que se lo expliques y ni aún así puedes garantizar que se lleve la idea correcta. Programación es otra cosa. En lo que a esfuerzo se refiere, te aseguro que cuando tienes cierta experiencia es igual de sencillo y mucho más productivo escribir etiquetas que manejar una herramienta de diseño como Photoshop o similares. Te lo cuento desde mi experiencia trabajando en un equipo multidisciplinario en el que diseño, marcado y programación son llevados por personas diferentes con un alto grado de especialización. Ya cuando se trata de los llamados hombres-orquesta puede que funcione de otra manera. De todas formas nada es absoluto, cada cual puede tener su método y le habrá dado mejores o peores resultados, yo sólo comparto el que hemos adoptado aquí y créeme que es el resultado de una evolución. También depende mucho del cliente. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Estudio Creativo Bynet escribió: Tal mente de acuerdo con el procedimiento de Jorge. No sería el primer proyecto que por pecar de profesional o de bueno, terminas comiendotelo con patatas y eso si.. luego echales un galgo para que te pagen... se han disfrazado de camaleones y se han subido a un arbol. ;-) No entendí bien: ¿crees que al hacer trabajar varios días a tus diseñadores y maquetadores HTML y CSS y mostrarle todo el HTML ya decorado al cliente de un golpe, no corres el riesgo de comerte con patatas todo ese tiempo invertido en el desarrollo? Salvo que el cliente te haya firmado un cheque en blanco, pero los clientes reales no suelen ser tan ingenuos... Si justamente para eso existen los prototipos, para ir logrando acuerdos parciales de tu cliente. Sin esos acuerdos, sí que corres riesgos... ¿Quisiste decir que estabas de acuerdo con Jorge? ¿O conmigo? Me resulta contradictorio tu comentario. Explícamelo por favor! jaja! :-) Un saludo! -- Hernán Beati http://www.saberweb.com.ar Alez jacta est Juan José - Original Message - From: Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 05, 2009 3:35 PM Subject: Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? (era: Trabajar con EMs) Jorge L. Batista E escribió: Si es producto final es Web al cliente hay que mostrarle Web. Los bocetos, maquetas o como lo llamen TIENEN que ser HTML+CSS No estoy para nada de acuerdo. En la mayoría de los casos, es avanzar demasiado antes de tener el OK del cliente. ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Mal negocio... 1) Mejor empezar con wireframes (bocetos) sumamente abstractos, en blanco y negro, con esquemas de las principales pantallas. 2) Cuando te aprobó esos esquemas, encargas las pantallas decoradas en Photoshop (imágenes en colores). 3) Cuando te aprobó las pantallas, las pasas a XHTML/CSS. Y solo allí haces los ajustes de detalles menores. Creo que es más lógico. Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
estoy a favor de cualquier prototipado pero siempre en pantallazo, pero salvo que sea un proyecto grande y se haya cobrado una cantidad por sadelantado, como que no estoy a favor de maquetar nada, si el cliente quiere una galeria en jquery se siente pero se enseña pantallazo. Es mi modesta opinión. - Original Message - From: Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 05, 2009 4:06 PM Subject: Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? (era: Trabajar con EMs) Estudio Creativo Bynet escribió: Tal mente de acuerdo con el procedimiento de Jorge. No sería el primer proyecto que por pecar de profesional o de bueno, terminas comiendotelo con patatas y eso si.. luego echales un galgo para que te pagen... se han disfrazado de camaleones y se han subido a un arbol. ;-) No entendí bien: ¿crees que al hacer trabajar varios días a tus diseñadores y maquetadores HTML y CSS y mostrarle todo el HTML ya decorado al cliente de un golpe, no corres el riesgo de comerte con patatas todo ese tiempo invertido en el desarrollo? Salvo que el cliente te haya firmado un cheque en blanco, pero los clientes reales no suelen ser tan ingenuos... Si justamente para eso existen los prototipos, para ir logrando acuerdos parciales de tu cliente. Sin esos acuerdos, sí que corres riesgos... ¿Quisiste decir que estabas de acuerdo con Jorge? ¿O conmigo? Me resulta contradictorio tu comentario. Explícamelo por favor! jaja! :-) Un saludo! -- Hernán Beati http://www.saberweb.com.ar Alez jacta est Juan José - Original Message - From: Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 05, 2009 3:35 PM Subject: Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? (era: Trabajar con EMs) Jorge L. Batista E escribió: Si es producto final es Web al cliente hay que mostrarle Web. Los bocetos, maquetas o como lo llamen TIENEN que ser HTML+CSS No estoy para nada de acuerdo. En la mayoría de los casos, es avanzar demasiado antes de tener el OK del cliente. ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Mal negocio... 1) Mejor empezar con wireframes (bocetos) sumamente abstractos, en blanco y negro, con esquemas de las principales pantallas. 2) Cuando te aprobó esos esquemas, encargas las pantallas decoradas en Photoshop (imágenes en colores). 3) Cuando te aprobó las pantallas, las pasas a XHTML/CSS. Y solo allí haces los ajustes de detalles menores. Creo que es más lógico. Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Jorge L. Batista E escribió: El 05/03/2009, a las 09:35 AM, Hernán Beati - SaberWeb.com.ar escribió: ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Claro que no, maqueta es maqueta no va mas allá del marcado... HTML +CSS El HTML solo no creo que tenga sentido mostrarlo al cliente. Y ya agregarle CSS al HTML me parece demasiado para una primera etapa (porque implica que un diseñador te haya armado el diseño en Photoshop y recortes las imágenes decorativas para ponerlas vía CSS). Salvo que le muestres un molde de columnas acomodadas, sin más que colores y SIN imágenes de fondo, estilo prototipo, pero no sé si el cliente valorará eso, o si se podrá imaginar su sitio en base a eso. y funcionalidades básicas. Aquí nos ha dado buen resultado sobre todo porque hay cosas que el cliente común es incapaz de ver en una imagen estática por mucho que se lo expliques y ni aún así puedes garantizar que se lleve la idea correcta. Ah, pero entonces estás hablando solo de esas cosas que no se pueden ver en imagen, de funcionalidades, como Lightbox y esas cosas. Yo en esos casos, le muestro OTRO sitio ya diseñado que implemente el mismo efecto. En lo que a esfuerzo se refiere, te aseguro que cuando tienes cierta experiencia es igual de sencillo y mucho más productivo escribir etiquetas que manejar una herramienta de diseño como Photoshop o similares. Pero, a ver si entiendo... ¿NO usas el Photoshop en absoluto? ¿Le muestras HTML y CSS con funcionalidades sin una sola imagen decorativa? Entonces, es lo mismo que mostrar un prototipo en papel... Yo creo que el armar un boceto en imagen es previo a codificar, y más si a la pregunta anterior me respondieses que le muestras el HTML CON imágenes decorativas: tu diseñador gráfico ya ha tenido que hacer el boceto en Photoshop, entonces, ¿por qué no pedir la aprobación del cliente en ese paso, ANTES de maquetar esa imagen con HTML y CSS? Yo también creo que FINALMENTE el cliente terminará viendo su HTML y CSS, pero no como PRIMER entregable del proceso de diseño, sino como ULTIMO paso. De todas formas nada es absoluto, cada cual puede tener su método y le habrá dado mejores o peores resultados, yo sólo comparto el que hemos adoptado aquí y créeme que es el resultado de una evolución. También depende mucho del cliente. Seguro, cada cual tiene su metodología. Y dependerá del tipo de sitio entonces: seguramente para Flash y cosas con mucha interactividad, deberás incluir algún ejemplo de lo que propones, pero para eso creo que es preferible mostrar otros casos que implementen similar tecnología, y no hacerlas desde cero. Para sitios HTML y CSS sin muchas funcionalidades extra, me cuesta ver la ventaja. Por si acaso aclaro que digo esto, pensando en voz alta sobre qué haría yo si aplicara esa metodología, a ver si la encuentro interesante para implementarla, en ningún caso digo que sea mala, cada cual sabe lo que le funciona. Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Aupa (porque implica que un diseñador te haya armado el diseño en Photoshop y recortes las imágenes decorativas para ponerlas vía CSS). Aclarar que yo, al proponer, diseñar directamente en html, lo hago desde mi caso personal, que es que yo soy diseñador gráfico, yo monto htmls muchas veces, pero aunque haya veces que no los monte yo, como se montarlos, en un momento dado me resulta mas cómodo ponerme en el html que seguir en el illustrator entre otras cosas porque así me salen cosas que se llevan mucho mejor con el html que las que hago si estoy en el illustrator, photoshop o freehad. Siguiendo con las metaforas :) a veces es como pintar con acuarelas intentando tener un acabado de pintura al oleo, pues no porque por muy bueno que seas y por mucho arte que tengas una cosa es una cosa y otra es otra. Para mi y mi realidad un buen proceso que no siempre sigo es, preparar unos wireframes para enseñar y hacerte tu a la idea, esbozar en illustrator/photoshop la cabecera, sobre todo si va a llevar algún montaje un poco especial y después diseñar la parte de contenido en directamente en html y conforme voy necesitando imágenes me las preparo en photoshop y las meto en el html/CSS. Eso si, en el proceso de diseño que se vea bien en firefox, después ya cuando me ponga mas a montar todo ya me encargaré de hacerlo crossbrowser. saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Martin Etxauri escribió: Siguiendo con las metaforas :) a veces es como pintar con acuarelas intentando tener un acabado de pintura al oleo, pues no porque por muy bueno que seas y por mucho arte que tengas una cosa es una cosa y otra es otra. Pero es que si debo bocetar, prefiero esquematizar primero la idea con lápiz, en segundo término con acuarelas, que son baratas y rápidas de implementar. Y solo una vez que el cliente haya aprobado el boceto, allí sí le hacemos el óleo con todos los detalles finales (son caros los óleos!). Habría que preguntarle a Miguel Angel si las metodologías de diseño centrado en el usuario sirven para artistas (que no lo creo!!) :) Para mi y mi realidad un buen proceso que no siempre sigo es, preparar unos wireframes para enseñar y hacerte tu a la idea, esbozar en illustrator/photoshop la cabecera, sobre todo si va a llevar algún montaje un poco especial y después diseñar la parte de contenido en directamente en html y conforme voy necesitando imágenes me las preparo en photoshop y las meto en el html/CSS. Eso si, en el proceso de diseño que se vea bien en firefox, después ya cuando me ponga mas a montar todo ya me encargaré de hacerlo crossbrowser. Finalmente, coincido 100% con tu proceso (y a veces, yo tampoco lo sigo, jaja!) Wireframes - Photoshop - HTML/CSS. Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Pero es que si debo bocetar, prefiero esquematizar primero la idea con lápiz, en segundo término con acuarelas, que son baratas y rápidas de implementar. Y solo una vez que el cliente haya aprobado el boceto, allí sí le hacemos el óleo con todos los detalles finales (son caros los óleos!). jejeje le has dado la vuelta a la metáfora y tienes razón eso si, el problema está en explicarle al cliente que esto que ve con textura de acuarelas va a ser tipo óleo y si luego te pide esas transparencias de acuarela en el óleo vas a sudar para que te queden igual :D ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Martin Etxauri escribió: Pero es que si debo bocetar, prefiero esquematizar primero la idea con lápiz, en segundo término con acuarelas, que son baratas y rápidas de implementar. Y solo una vez que el cliente haya aprobado el boceto, allí sí le hacemos el óleo con todos los detalles finales (son caros los óleos!). jejeje le has dado la vuelta a la metáfora y tienes razón eso si, el problema está en explicarle al cliente que esto que ve con textura de acuarelas va a ser tipo óleo y si luego te pide esas transparencias de acuarela en el óleo vas a sudar para que te queden igual :D Solo por eso es que no pinto cuadros y me quedo con el XHTML y CSS, que si no... jaja! :) Un abrazo! -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo