Mi proceso de diseño
Soy diseñador web profesional hace un año, cuando empecé no tenía nada parecido a un proceso de diseño. Con el tiempo, fui encontrando una forma de organizarme, una agenda de trabajo, que analicé y reescribí varias veces. Así que éste es mi proceso de diseño, por ahí te puede servir para organizar tus proyectos.
Considerar el problema
Porque el diseño está para solucionar problemas, para cubrir necesidades. En el caso del diseño web, el problema lo tiene el usuario que visita el sitio. Esta persona acaba de entrar a un lugar desconocido, en búsqueda de información, porque necesita hacer algo. La función del diseño es facilitar el acceso a esa información y ofrecer cosas para hacer. La página de reservas de un hotel por ejemplo, tiene que mostrar cuáles habitaciones están disponibles y cuándo, junto con la opción de hacer una reserva. Las necesidades de los usuarios se dan de muchas formas, pero siempre es querer algo: querer comprar, querer saber, querer decir, querer sentir…
Materiales
El segundo paso es buscar imágenes en Flickr, colores en ColourLovers, organizar los documentos que envió el cliente, marcar sitios similares y todo lo que se pueda juntar. Información,objetos, fotos, experiencias, todo. Este montón de materiales nos van a ayudar a sumergirnos en el tema, para poder sentirnos como usuarios y como clientes, para identificar mejor las necesidades de cada uno y ofrecer soluciones a través del diseño.
Pre-diseño
Primero en papel dibujando algunas ideas, conceptos, iconos, layouts, etc, y después en la pantalla creando los primeros bocetos, se empieza a formar un pre-diseño para poder mostrarle al cliente. Algo bastante útil es guardar una copia cada vez que hagamos algún cambio significativo. Por ejemplo pre-diseño001.png, pre-diseño002 .png, etc, para poder reciclar materiales y volver atrás en caso de que lo necesitemos.
Diseño
Bueno ahora hay que terminar con lo que empezamos. Primero terminar bien el diseño de la portada y una página modelo para las interiores. Después terminar todas las otras páginas. No me gusta pasar a escribir código hasta tener todo el diseño terminado, desde la portada hasta la página de aviso legal o error 404. Lo mejor es dedicarse a cada tarea, ahora diseño y sólo diseño, después escribo código y no me preocupo por el diseño.
Código
Hay algunas herramientas que ayudan, tendría que probar Coda que es bastante comentado, pero por ahora escribo todo el código en Notepad++. Primero busco que el sitio se vea bien Firefox, después voy haciendo los cambios que sean necesarios para Internet Explorer, Opera y Safari. Por último, la validación de los archivos XHTML y CSS.
Todo listo, cierre del proyecto
Si se puede, lo mejor es dejar pasar un tiempo, aunque sea una tarde y recién después revisar todo el trabajo. Está bueno para alejarse un poco y verlo con otro punto de vista. Cuando sea hora de cerrar el proyecto, lo mejor es dejarle al cliente una muestra online y un archivo comprimido con el trabajo terminado.
Bueno así es como hago mis diseños. ¿Y vos? ¿cuál es tu proceso de diseño?
