Fu­n­da­me­n­tos del diseño web primera parte: pla­ni­fi­ca­ción

En el diseño de una página web, cuanto mejor sea la pla­ni­fi­ca­ción, más fácil será la im­ple­me­n­ta­ción. In­de­pe­n­die­n­te­me­n­te del propósito de la web, ya sean fines privados o co­me­r­cia­les, planear bien la co­n­ce­p­ción de una página web es esencial para recibir be­ne­fi­cios en el futuro. Por lo tanto, es fu­n­da­me­n­tal contar con el tiempo necesario para generar ideas, co­n­si­de­rar opciones de diseño e im­ple­me­n­tar­las.  Para contar con una presencia online es­tru­c­tu­ra­da, es re­co­me­n­da­ble co­n­si­de­rar e in­co­r­po­rar los elementos que enu­n­cia­mos a co­n­ti­nua­ción.

Antes de comenzar con el diseño de una página web es im­po­r­ta­n­te aclarar qué se quiere lograr y a quién se quiere llegar; más es­pe­cí­fi­ca­me­n­te, ¿cuál es el propósito de tu web? Esta será la base de todo el trabajo y lo que orientará cada co­m­po­ne­n­te de la web hacia el mismo objetivo. Por ejemplo, dentro de las in­te­n­cio­nes de una web estarían aumentar la vi­si­bi­li­dad de su contenido, informar o publicar anuncios co­me­r­cia­les.  En caso de que la web tenga fines co­me­r­cia­les, el propósito será ganar clientes y vender productos. Para cualquier empresa o in­s­ti­tu­ción es fu­n­da­me­n­tal tener una buena presencia online, de lo cual una gran parte, se le atribuye al  diseño web.

Público objetivo y las ex­pe­c­ta­ti­vas en cuanto a usuarios

El target group o público objetivo es clave a la hora de elegir el diseño más apropiado para una página web, por lo que se debe de­te­r­mi­nar a quién se quiere llegar con el contenido de una web, ma­n­te­nie­n­do siempre los pro­pó­si­tos en mente. In­de­pe­n­die­n­te­me­n­te de si se trata de un portal in­fo­r­ma­ti­vo, un foro temático o una tienda online, solo aquellos que conocen su público objetivo podrán encaminar su web hacia las ne­ce­si­da­des de sus usuarios.

Muchos sectores han es­ta­ble­ci­do normas relativas al contenido y a la pre­se­n­ta­ción de su in­fo­r­ma­ción. Por ejemplo, para las páginas de e-Commerce es prio­ri­ta­rio im­ple­me­n­tar funciones de búsqueda prácticas, así como una apropiada cla­si­fi­ca­ción de los productos. Cada industria y cada grupo objetivo gozan de ciertas pe­cu­lia­ri­da­des que ca­ra­c­te­ri­za­rán el contenido y la pre­se­n­ta­ción de una web. Incluso cuando una página web tiene que ceñirse a ciertas no­r­ma­ti­vas, siempre será fu­n­da­me­n­tal conocer las ex­pe­c­ta­ti­vas de los usuarios.

La es­tru­c­tu­ra y el mapa de la web

El siguiente punto a co­n­si­de­rar es la es­tru­c­tu­ra de la página web. Para esto, la mejor opción es crear un mapa del sitio web, es decir, un diagrama con una lista de enlaces que ilustrará la es­tru­c­tu­ra de la web. No importa si se hace en papel o en el ordenador, lo más im­po­r­ta­n­te es vi­sua­li­zar la jerarquía para es­tru­c­tu­rar el contenido y la na­ve­ga­ción. Con un mapa de la web se determina qué enlace conducirá a qué página, de­pe­n­die­n­do de su im­po­r­ta­n­cia, además de ofrecer una breve de­s­cri­p­ción del re­s­pe­c­ti­vo contenido. Es im­po­r­ta­n­te recordar que la es­tru­c­tu­ra de la página web debe ser clara y no debe incluir de­ma­sia­das su­b­pá­gi­nas sobre un mismo tema.

El diseño de la página web

En estrecha relación con la pre­pa­ra­ción del mapa del sitio web se encuentra el diseño. Esto no hace re­fe­re­n­cia ne­ce­sa­ria­me­n­te al diseño final, sino en principio al montaje y función de los di­fe­re­n­tes co­n­te­ni­dos di­s­pue­s­tos para cada página. Por ejemplo, la lo­ca­li­za­ción de los índices, la manera en la que accederán los usuarios a los su­b­e­le­me­n­tos del menú, la ubicación del logotipo de la empresa, etc. Aquellos otros aspectos a co­n­si­de­rar cuando se traza el esquema de una web de­pe­n­de­rán en gran medida del contenido. Otras funciones re­le­va­n­tes para la in­te­gra­ción y el po­si­cio­na­mie­n­to incluyen:

• Función de co­me­n­ta­rio para los usuarios
• Social Media Buttons para que los vi­si­ta­n­tes puedan compartir el contenido
• Anuncios, banners y vídeos de los anu­n­cia­n­tes
• Enlaces a programas de afi­lia­ción de empresas asociadas o anu­n­cia­n­tes

Además, desde el principio se debe co­n­si­de­rar si se quiere o no, optimizar la web para di­fe­re­n­tes di­s­po­si­ti­vos (PC, tablets, sma­r­t­pho­nes, etc.); lo que es altamente re­co­me­n­da­ble. Ajustar una web para su correcta vi­sua­li­za­ción en di­fe­re­n­tes pantallas, evitará la constante ada­p­ta­ción de co­m­po­ne­n­tes y ajustes in­di­vi­dua­les en un futuro.

Aunque hasta hace unos años era necesario tener co­no­ci­mie­n­tos en pro­gra­ma­ción y diseño para crear una página web, hoy no se necesita ser un experto para crear o gestionar una web. Para quienes se están ade­n­tra­n­do en el mundo del diseño, los gestores de contenido, también conocidos como Content Ma­na­ge­me­nt Systems (CMS), son la solución perfecta para crear fá­ci­l­me­n­te una página web. Estos pro­po­r­cio­nan a los usuarios una interfaz gráfica clara e intuitiva con la que crear y organizar sus co­m­po­ne­n­tes, por lo que ya no son ne­ce­sa­rios amplios co­no­ci­mie­n­tos en pro­gra­ma­ción, aunque cla­ra­me­n­te nunca están de más. Las ca­ra­c­te­rí­s­ti­cas de cada gestor de co­n­te­ni­dos varían en función del propósito de la web y de las ne­ce­si­da­des de su ad­mi­ni­s­tra­dor. Hay versiones gratuitas y de pago. Para estas últimas es común que una mayor di­s­po­ni­bi­li­dad de funciones vaya asociada a un precio más alto.

Si se quiere crear una página web pro­fe­sio­nal siempre es re­co­me­n­da­ble estar fa­mi­lia­ri­za­do al menos con los idiomas básicos de pro­gra­ma­ción HTML y CSS. Estos permiten mayor libertad en cuanto a la es­tru­c­tu­ra­ción y el diseño básico de la web. De­sa­rro­llar una página web desde cero y hacerlo por medios propios aun cuando no se es un experto, conlleva una gran re­s­po­n­sa­bi­li­dad. Crear una web ma­nua­l­me­n­te implica en­ca­r­gar­se pe­r­so­na­l­me­n­te de modificar el código fuente, del ma­n­te­ni­mie­n­to y de las ac­tua­li­za­cio­nes, a di­fe­re­n­cia de los CMS, en donde esto se realiza de manera au­to­má­ti­ca.  

Como última opción siempre será posible encargar el diseño de una web a una agencia es­pe­cia­li­za­da o a un diseñador externo. En este caso, es fu­n­da­me­n­tal co­n­si­de­rar que los derechos sobre el diseño no pe­r­te­ne­cen al pro­pie­ta­rio del sitio y, además habrá que tra­n­s­mi­tir exac­ta­me­n­te las in­te­n­cio­nes para que las ideas propias sean eje­cu­ta­das de la forma más detallada posible.  Así, in­de­pe­n­die­n­te­me­n­te del método utilizado, una parte fu­n­da­me­n­tal en el de­sa­rro­llo de la web será siempre una correcta pla­ni­fi­ca­ción.

Una vez se ha de­te­r­mi­na­do el contenido de la página web, se tiene una es­tru­c­tu­ra clara y se ha decidido cómo se abordarán los detalles sobre el diseño, es posible organizar un ca­le­n­da­rio. Este deberá ser ac­tua­li­za­do pe­rió­di­ca­me­n­te y ser lo su­fi­cie­n­te­me­n­te flexible como para adaptarse a las posibles nuevas co­n­di­cio­nes del proyecto online. Para proyectos más grandes se­gu­ra­me­n­te será necesario dividirlo en di­fe­re­n­tes etapas (por ejemplo, la redacción de los textos, la apli­ca­ción de las pla­n­ti­llas de diseño, etc.). Este ca­le­n­da­rio deberá co­n­si­de­rar todos los vértices pe­r­ti­ne­n­tes, sin ser apre­su­ra­do, así como incluir áreas o momentos en los que haya que editar aspectos en de­te­r­mi­na­dos es­ce­na­rios. Un buen ca­le­n­da­rio siempre ofrecerá tiempo para co­rre­c­cio­nes y ajustes ne­ce­sa­rios.

Una vez cubiertos todos los aspectos me­n­cio­na­dos an­te­rio­r­me­n­te, se puede decir que la columna vertebral de la página web se ha es­tru­c­tu­ra­do. A co­n­ti­nua­ción, solo hará falta aplicar las re­s­pe­c­ti­vas  ca­ra­c­te­rí­s­ti­cas in­di­vi­dua­les. En la segunda parte del artículo Fu­n­da­me­n­tos del Diseño Web, se en­co­n­tra­rán consejos sobre cómo crear una página use­r­frie­n­d­ly, así como aquellos aspectos a co­n­si­de­rar a la hora de elegir colores y logotipos.