Según mi experiencia, todo en la vida es mejorable y más cuando hablamos de diseño. Aun no he conocido a ningún diseñador que al ver un diseño haya dicho, “yo lo hubiera hecho tal cual está”, siempre le añadiríamos o le quitaríamos algo, o drásticamente lo derrumbaríamos para hacerlo de nuevo. Partiendo de este punto, les comentaré pautas que sigo para lograr un buen diseño web, algunos aspectos que se deben tener en cuenta cuando nos vemos frente a un proyecto de diseño web.
1 Público Objetivo
Lo primero que tenemos que saber es que hay muchos tipos de web, web corporativa, catálogos comerciales, tiendas on-line, aplicaciones web, blogs, portales, microsites, webs donde se escucha música o donde se ven videos, etc. El fin para lo que se utilizará la misma o el mensaje que deberá transmitir nos condicionará drásticamente nuestro diseño. El diseño web de una discoteca seguramente no tendrá nada que ver con el de una tienda de productos químicos, o el de una guardería con el del Instituto Pre-universitario del mismo pueblo.
2 El Cliente
Muchas veces tenemos que luchar contra las ideas ya preconcebidas que trae el cliente. Aunque sea él el que paga, nosotros como profesionales tenemos la obligación de aconsejarle, sugerirle y fundamentarle las opciones más favorables y adecuadas en su beneficio, y rebatirle con argumentos cuando nos pida lo contrario de lo que se debería hacer.
No obstante, hay que reconocer que todos tenemos trabajos que duelen al mirarlos mientras piensas, “con lo lindo que estaba como yo lo había diseñado”. Solo digo que debemos intentar ofrecer las mejores soluciones, y créanme, si están bien justificadas y fundamentadas, el cliente abdicará.
3 Antes de diseñar
Una vez recibido el proyecto, necesitaremos información que nos deberá proporcionar el cliente.
Qué quiere obtener de la web.
Esto nos ayudará mucho a la hora de definirnos objetivos, estos pueden ser, por ejemplo:
- Obtener ventas a través de la web – Necesitará un listado de productos, seguramente clasificados por categorías, una ficha de productos, con su descripción, precio, botón de comprar, carro de compra.
- Tener presencia en Internet – Necesitará una sección de quienes somos, mapa de localización, teléfono y email visibles, etc.
- Captar clientes – Necesitará explicar bien a qué se dedica, los servicios que brinda, formulario de contacto, teléfonos y localización visible, etc.
En resumen, toda la información que le podamos sacar al cliente (web de la competencia, estilos de web que le gusta, etc.), jugará a nuestro favor para concretar de una manera precisa lo que él espera recibir.
Textos, logotipo, imágenes, contenido
Considero esencial que el cliente se involucre en el diseño de la web, aunque es cierto que no siempre sucede. Soy de la opinión de que el contenido de la web, salvo algunas imágenes conceptuales, deben correr a cargo del cliente; y es por una sencilla razón. ¿Quién conoce mejor su empresa?
4 La información te determinará la estructura de la web.
Es una verdad como un templo, y me costó mucho darme cuenta. En ocasiones tenía un diseño preconcebido y de pronto tenía que incluir un reproductor de video que me desestructuraba la web, y eso es por no haber estudiado y previsto el tipo de información que puede soportar cada espacio en la web.
La solución a este tipo de problemas fue realizar sketches de cada página de la web. Organizar en bloques el contenido. Determinar las zonas y las proporciones de cada una, productos novedades, texto, video, banners, pie de pagina, imágenes, menú horizontal, menú principal, etc.
Ejemplos de bocetos y estructuración de la información
5 El concepto
Aquí ya hablamos de diseño gráfico puro y duro, estilo, línea, idea, asociación, etc. Es una solución visual en la que nos basaremos para plasmar nuestras ideas. Es esa luz que nos viene cuando estamos pensando cómo mostrar o dar a entender una idea. Esa guía que es aplicable a todo lo largo del diseño. Puede ser desde una selección cromática, o la repetición de un motivo relacionado con la temática del sitio, la selección tipográfica, el espacio y el aire que se le da al diseño.
6 El resultado
En este punto ya tenemos estructurada la web, sabemos cuantas secciones va a tener, cuantos enlaces tendrá el menú principal, si tendrá un apartado de noticias, etc. Tenemos también la idea y la manera en que la plasmaremos dentro de la pantalla a través de un programa. A estas alturas ya tenemos bocetos en hojas de papel, ilustraciones hechas y escaneadas, logotipo e imágenes relacionadas con el diseño aunque posteriormente se sustituyan por las originales. Y seguramente lo que sí que tenemos son unas ganas increíbles de ver el resultado, por lo que abrimos nuestro software preferido para diseñar. (photoshop, ilustrator, fireworks, freehand, gimp, etc) Personalmente me siento más cómodo si trabajo con un software de edición de imágenes que con uno vectorial, ya que por lo general me brindan opciones de las que carecen los otros programas o me brindan un resultado es superior.
Antes de colocar algo en pantalla tenemos que tener en cuenta algo importante, la resolución para la que trabajaremos. A no ser que sea un proyecto muy específico en el que nos encargan el trabajo para una resolución específica, por norma, trabajo estableciendo un ancho de 950px o 960px; según el framework que utilice.
Establecido este parámetro, el reto es vuestro, obtener una solución gráfica acorde a lo que ha pedido el cliente, siempre pensando en el internauta y plasmando tu criterio de manera coherente y profesional.
En el próximo post hablaremos sobre el siguiente paso. ¿Qué hago con mi diseño en imágenes?. ¿HTML, CSS, CMS, Flash, wordpress, drupal, joomla?
