Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Photoshop, Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky

Ver más
  • 13,065 Miembros
  • 9,531 Temas
  • 3,449 Seguidores
  • 14

Pre y Post producción para el Diseñador.

Hola! Como muchos sabrán hace algún tiempo que no posteo nada, últimamente mi familia y el trabajo no me dejan el suficiente tiempo libre para escribir algún artículo, hoy no es una excepción, después de quemarme las pestañas trabajando durante la noche, me agarro el día, que rápido se pasa el tiempo, puedo ver como sale el sol por mi ventana…un bajón. Así que directamente voy a pasar de largo, que se hagan agua los helados diría un amigo mío, les dejo esto para que les sea útil, léanlo todo aunqué ya la tengan clara:

Cuestiones de Pre y Post producción para el Diseñador.

Con este articulo intento detallar algunas cuestiones importantes para un diseñador antes de poner en producción (lanzar online al publico) el sitio web en el que está trabajando.
También abordar cuestiones pre-desarrollo, cuando hacemos el primer contacto con el cliente, es importante tener las cosas claras antes de empezar.

Primero es lo primero

Antes de empezar con un proyecto debemos saber que está buscando el cliente y que necesita, las cosas claras en un primer contacto nos ahorran dolores de cabeza posteriores, si hacemos las preguntas correctas logramos aclarar el panorama, para una necesidad nosotros debemos aportar una solución. Aquí va una lista de preguntas que debe hacerse al cliente obligatoriamente.

1. Usted actualmente tiene un sitio web? Cuál es la dirección?
2. Si usted tiene un sitio web, cuales son las cosas que menos le gustan y las que más le gustan de el?
3. Por favor descríbame los productos/servicios que usted vende.
4. Cuáles son sus principales competidores?
5. De los websites de sus competidores, cual le gusta más?
6. A qué edad y rango social va dirigido su producto/servicio?
7. Cree que sus visitantes tendrán necesidades especiales, como por ejemplo, una versión para dispositivos móviles, soporte para varios lenguajes, etc.?
8. Tiene alguna preferencia acerca de los colores para el diseño de su sitio web?
9. Dispone de logotipo o algún diseño previo de su empresa? Esta optimizado para la web?
10. Dígame 3 cosas que usted crea que son completamente necesarias en el diseño de el sitio web.
11. Hay algún website en internet que a usted le guste? Puede decirme la URL?
12. Cuál es el tiempo que usted puede esperar hasta que el proyecto este listo?
13. Necesitara agregar contenido periódicamente? Cada cuanto tiempo?
14. Tiene algún conocimiento para administrarlo usted mismo?
15. Como piensa actualizar el sitio web en el futuro?
16. Usted ya cuenta con un Host y un dominio?
17. Tiene pensado agregar cosas como; newsletters, blog, carro de compras, formularios de email, publicidades/addons.?
18. Usted cuenta con el texto de contenido de las paginas? Necesita los servicios de alguien (copywriter) para que los redacte?
19. Tiene claro cuáles serán las imágenes que usaremos en el contenido?

Estas son preguntas fundamentales que debemos hacer, por ejemplo al preguntar cuales son las cosas que le agradan y desagradan de su sitio web actual (si lo tuviera) la respuesta nos da la pauta de lo que debemos y no debemos hacer, si hay cosas que le gustan podemos reutilizarlas. Conociendo los competidores podemos saber mucho más acerca de lo que el cliente busca y conociendo los sitios web que le agradan es un buen punto de partida para empezar a diseñar. Si cuenta con imágenes o logos y no están optimizados para que los utilicemos en la web, debemos también cobrar por ese servicio. Preguntando si necesita actualizar contenido periódicamente o no podemos saber si necesita un CMS, si no es el caso también debemos preguntar acerca de actualizaciones futuras para que el cliente se de cuenta que las va a necesitar cuente con nosotros para ello.

Pasemos a la estimación

En este punto ya debemos saber lo que el cliente realmente necesita y lo que nosotros le podemos dar. Tenemos la información suficiente para hacer una estimación de tiempo y costos.

A la hora de estimar la mejor práctica es partir todas las tareas en pequeños pedazos, mientras más detallado sea, mejor estimaremos. Por ejemplo podemos dividir las tareas de la siguiente forma (a manera de ejemplo):

• Investigacion y planeamiento
o Entender los requerimientos
o Planeación del proyecto
• Pre-diseño
o Sitemap
o Wireframes
o Especificacion de las funciones
• Diseño
o Boceto de la pagina principal(home)
o Boceto de las paginas interiores
o “ de otras paginas especiales(noticias,blog,etc)
o Diseño final
• Front-end
o HTML
o Javascript
o Cross-browser
• Back-end
o CMS configuración
o Formularios de contacto
• Contenido
o Llenado de contenido de las paginas y la home
• Testing
o Testear todas las funciones internas
o Testeo Cross-browser
• Poner en linea
o Subir la web
o Hacer las redirecciones correspondientes
o Hacer la migración correspondiente

Dependiendo de los requerimientos realizaremos nuestra estimación personalizada, si ponemos todo en detalle podemos asignar más fácilmente la cantidad de horas que creemos nos llevara esa tarea y luego hacer la suma. Si queres saber como elaborar el presupuesto podes leer este otro post mío donde hablo de ello. Hay una pequeña aplicación online que te puede ayudar a elaborar una estimación link. También te dejo este link para que veas como estiman otros y cuanto cobran.

Antes de poner en línea

Antes de largar a producción nuestro trabajo debe estar completo, y sin errores, nos debemos preguntar un poco de todo ya sea en materia de diseño, seo, programación, etc. Esta lista de preguntas nos puede ayudar a repasar.

1. Todo el texto que va en el sitio web está libre de errores?
2. El contenido se ha colocado correctamente?(imágenes, banners,etc)
3. Hicimos una hoja de estilos para impresión?
4. Hemos testeado cada una de las páginas de el sitio web?
5. Toda la meta data ha sido agregada? (titulo, keys,etc)
6. Los titos de las paginas son descriptivos y amigables para SEO?
7. Hemos creado un Favicon y está funcionando?
8. Incluimos el copyright en el footer o nuestra firma?
9. El HTML y el CSS han pasado los test de validación W3C?
10. Existe algún hipervínculo roto?
11. El javascript esta libre de errores?
12. Funciona bien en tanto en ie6, como en ie7 y ie8?
13. Funciona bien en safari, opera, firefox y chrome ya sea en mac o pc?
14. Como se ve en 1024x768?
15. Te aseguraste que se vea bien en grandes resoluciones?
16. Los formularios se testearon y procesan bien?
17. Los campos requeridos de los formularios funcionan?
18. Creaste un pagina 404 y que sea informativa?
19. Has realizado un test de performance, como por ejemplo el yslow?
20. Optimizaste todas las imágenes para reducir su peso?
21. Hiciste un sitemap para google?
22. Tenes un backup?

Gracias por leer! Te recomiendo que leas tambien http://www.taringa.net/comunidades/webdesign/4499/Listado-De-CMS.html y http://www.taringa.net/comunidades/webdesign/542155/Como-y-cuanto-debes-cobrar---Aprende-a-manejar-tus-tarifas_.html

Fuentes que me inspiraron: 1 2
  • 14
  • 87Calificación
  • 43Seguidores
  • 5.994Visitas
  • 12Favoritos

39 respuestas

@SERIALIZADO dijo Hace más de 1 año:

Muy Bueno!

@gastondla35 dijo Hace más de 1 año:

excelente aporte. deberias ponerlo en un post de taringa para que tenga mas llegada a usuarios q desconozcan esta comunidad.
muy claro, sencillo y util.

salu2 y suerte

@jokerwin dijo Hace más de 1 año:

dijo:

12. Funciona bien en tanto en ie6, como en ie7 y ie8?



tenés que ser bien groso para lograrlo xD

@facuumunoz dijo Hace más de 1 año:

Excelente

@arucordoba dijo Hace más de 1 año:

Moy bueno

@macadamQuejoso dijo Hace más de 1 año:

Moy bueno

@Ootl7 dijo Hace más de 1 año:

Muy Bueno!


+1

@OscarWeb dijo Hace más de 1 año:

Excelente info.

@Audiphon dijo Hace más de 1 año:


buena info ._.

@bebotinia dijo Hace más de 1 año:

excelente!

@Nykos91 dijo Hace más de 1 año:

muy bueno rajani! +1

@Palitux dijo Hace más de 1 año:

Muchas Gracias por la info
rajani sos un capo!

@erasmoh dijo Hace más de 1 año:

CAPO!

@Cagmaster dijo Hace más de 1 año:

+1
genial.

@KurtCobainnevermind dijo Hace más de 1 año:

Es de mucha ayuda esto, GRACIAS!!

@harryplayergames dijo Hace más de 1 año:

capo!

@FoxLyne dijo Hace más de 1 año:

11. El javascript esta libre de errores?
12. Funciona bien en tanto en ie6, como en ie7 y ie8?
13. Funciona bien en safari, opera, firefox y chrome ya sea en mac o pc?
14. Como se ve en 1024x768?
15. Te aseguraste que se vea bien en grandes resoluciones?
16. Los formularios se testearon y procesan bien?

Yo creo tremendas paginas pero siempre tengo el problema qe en mi monitor de 1024x768 se ve bn pero cuando la pongo en un monitor de mas pulgadas o mas resolucion y/o menos, se descuadra todo

@gamerviolin dijo Hace más de 1 año:

Exelente información, lo tomaré encuenta cuando vaya a elaborar una página web (que aun estoy estudiando html)

@renzo_mc dijo Hace más de 1 año:

buena data

@YORVIC dijo Hace más de 1 año:

Buena info para lo q estamos empezando..

Tienes que ser miembro para responder en este tema