Diseño Web

Planificación de proyectos Web

 Consideraciones generales acerca de los proyectos Web
 Objetivo del proyecto
 Grupo al que se dirige el proyecto
 Investigación del entorno del proyecto en la Web
 Contenidos y redacción
 Costos
 Fijación y anuncio de plazos
 División y estructuración
 Diseño corporativo
 Diseño Web
 

Consideraciones generales acerca de los proyectos Web

Los proyectos en la Web deberían cumplir siempre dos requisitos: por un lado, ser cerrados en sí mismos, es decir, aparecer ante el usuario en el navegador Web como una totalidad cerrada que se pueda reconocer como tal; por otra parte, deben dar cuenta del hecho de que ellos mismos son parte de una plataforma mundialmente extendida, en la cual también hay otros proyectos, y, principalmente, de la posibilidad de hacer una oportuna referencia a otros proyectos temáticamente relacionados.

No pocas personas buscan el éxito rápido con sus páginas personales en la red, o al menos, la profunda admiración ante sus hazañas en programación por parte de quienes visitan sus páginas. Después de "tomar prestado", en un martirio de varios días, algún material para el diseño y los efectos, sin preocuparse por el contenido, aparecen finalmente de improviso en los foros preguntando cómo pueden proteger su "código fuente" a los ojos de los visitantes. Pero así no funciona la web, y por suerte, allí se castiga a sí mismo, quien sólo quiera salir ganando sin dar nada a cambio.

No hay ninguna receta asegurada para un proyecto web exitoso y logrado, pero hay valoraciones procedentes de la experiencia y recomendaciones para publicaciones en la web que sean útiles y agradables para los usuarios. El éxito no tiene por qué yacer siempre en la afluencia directa de dinero. Uno o dos contactos interesantes que resulten con el correr del tiempo a través de un proyecto web, pueden aportar más que páginas con publicidad en forma de banderas, cuyos patrocinantes sólo piensan en la cantidad de clics. Y por último, una página personal puede, además, simplememente gratificar a quien la hace.

Estar presente en la web es estar "in". Pero publicidad irrelevante o información que todo el mundo conoce no aportan nada ni a la web ni a su bolsillo. Para permanecer como algo sensacional, la web precisa joyas. Y las joyas son caras. Prácticamente sólo pueden usarlas quienes las poseen.

Esta sección resume la reflexiones que Ud debe hacer en los preliminares de un proyecto. Pues tener conceptos claros y reflexionar sobre los procedimientos constituye ciertamente el primer paso para un buen proyecto.

Objetivo del proyecto

Ejemplos de posibles objetivos de un proyecto:

• Nosotros, como firma, nos presentamos a nosotros mismos y a nuestros productos y/o servicios (comunicación)

• Nosotros, como firma, ofrecemos una prestación de servicio directamente a través de esa página Web (transacción, interacción, participación)

• Yo, como particular, muestro mis actividades, ya sea en mi especialidad o en mis hobbys

• Yo, como particular, organizo en esas páginas Web un evento personal

• Nosotros, como institución, organización, asociación, círculo, presentamos nuestros objetivos y actividades

• Nosotros, como institución, organización, asociación, círculo, les ofrecemos a Uds. a través de estas páginas Web la posibilidad de participar en una determinado emprendimiento

• Yo (o nosotros) pongo (o ponemos) a disposición general numerosos archivos de datos en una determinada especialidad

• Yo (o nosotros) reúno (o reunimos) libremente en esta página Web todo lo que pertenece a una determinada especialidad.

Esta lista de ejemplos pretende mostrar, en primer lugar, que se pueden dar fines muy diversos, y además, que aún una misma persona que realiza páginas web, puede perseguir objetivos diferentes.

Es importante que en la fase de concepción de un proyecto Web UD tenga claridad del o de los fines y que desde el comienzo mismo (es decir desde la página de inicio) le comunique claramente al usuario que visita su página cuál es su objetivo. Se puede hacer esto explícitamente por medio de expresiones como: "XY lo saluda. En estas páginas nos presentamos a nosotros y a nuestra técnica innovativa, etc." o bien "Light your fire and feel free to loose yourself into this hyperspace". Esto puede suceder también por medio del tipo de presentación de la página inicial. Así, una página inicial hecha neutralmente (sin imágenes de fondo, gráficos animados, JavaScript, etc.) proporciona seriedad científica; una página con diseño pero estática frecuentemente sugiere en el usuario una gran empresa establecida o institución o un proyecto de medidas monumentales. Una página multicolor, llamando deliberadamente la atención, revela una pequeña empresa que hace su propaganda o un proyecto caprichoso que no se puede tomar muy en serio.

Grupo al que se dirige el proyecto

Tan importante como la fijación del objetivo es determinar el grupo de personas al cual estará dirigido el proyecto. Posibles grupos son, por ejemplo:

• clientes / compradores potenciales

• hobistas / círculos de aficionados

• científicos / expertos

• niños y jóvenes

• familias

• computerfreaks / hacker

• gente que busca diversión

• curiosos

• personas que buscan sensaciones

Naturalmente Ud. también puede intentar dejar contentos a todos los visitante de sus páginas Web. Sin embargo, esto es generalmente bastante difícil y existe el peligro de no contentar realmente a nadie. Es mejor imaginarse cómo determinada gente que da con sus páginas Web, puede inmediatamente poner una señal de registro, al reconocer inmediatamente que esas páginas tienen que ver con sus intereses, su sed de saber, su modo de vida, sus deseos, pensamientos y esperanzas. Hay páginas, por poner un ejemplo, en las cuales los afectados por una enfermedad poco común, informan sobre esa dolencia. El que está afectado por esa enfermedad, busca información sobre ella en la Web y da con esa página, la leerá ávidamente y la página significará mucho para él. El grupo de interés al que se dirigen tales páginas es bastante limitado pero son extremadamente valiosas para ese grupo.

Del mismo modo que la propuesta de objetivos de su proyecto, también debe quedar claro para el usuario el grupo al que se dirige. Para esto son apropiadas frases explícitas como: "A todos los amantes del ciclismo les ofrecemos en estas páginas novedades técnicas y propuestas de excursiones.". Por lo demás, también una configuración adecuada de la página inicial selecciona al público. En este sentido, mucho depende, en efecto, de la buena conjugación de los elementos. Un cielo estrellado oscuro como imagen de fondo, habla a cibernauta enamorado de su joystick del mismo modo que a un esotérico extasiado. Un símbolo en primer plano (por ejemplo, rayos brillantes de armas láser que alcanzan a un monstruo, o mantillas blancas flotantes que vuelan sobre una pirámide) da, en tales casos, una idea intuitivamente clara de las circunstancias.

Investigación del entorno del proyecto en la Web

Si Ud quiere vender algo en la Web o tener éxito con una idea, antes que nada debería descubrir ya en la primera fase de la planificación, si ya hay algo relativo a esa idea, y en ese caso, qué es y qué éxito tiene. Piense, para este fin, un par de palabras claves adecuadas que caractericen el proyecto. Busque estas palabras claves en los grandes motores de búsqueda.

Evalúe los resultados de la búsqueda según los siguientes criterios:

• ¿No hay absolutamente nada relacionado con esos conceptos? Esto puede significar que el mundo está esperando exactamente lo que Ud quiere ofrecer. Pero también puede significar que no le interesa a nadie en el mundo. En este caso, es conveniente comenzar con una pequeña y no demasiado costosa versión del proyecto y aguardar la respuesta de la gente al proyecto.

• ¿Hay mucho material, por no decir casi infinito, relacionado con ese concepto? Eso puede significar que sus planes están de lleno en la tendencia, pero también que no podrá ofrecer nada demasiado nuevo. Siga las indicaciones del resultado de la búsqueda y analice cuidadosamente lo que ya hay y cómo puede diferenciarse, interiorizándose en ellas, de las ofertas que ya existen (por ejemplo, "primera oferta de este tipo esta región").

Contenidos y redacción

Los principiantes sucumben frecuentemente a la falsa idea de que un "diseño atractivo" o un par de ardides publicitarios inteligentes harían interesante un proyecto Web. La experiencia muestra lo contrario: los usuarios no visitan normalmente proyectos nuevos desconocidos, porque están completamente borrachos de alegría ruidosa ante los coloridos elementos en la pantalla, sino porque buscan algo completamente determinado y han escogido el proyecto visitado como un candidato prometedor para sus deseos. Si bien tales visitantes esperan por cierto un diseño agradable, quieren en primer lugar alcanzar su objetivo lo más rápidamente posible. El objetivo no es "meditar" y "permanecer" en sus páginas sino, por lo general, ver el contenido. Los visitantes quieren información. Aunque se trate de una tienda electrónica, la mayoría de los visitantes quieren conocer más sobre productos que solamente sobre nombres de artículos y precios. Y aún cuando sea simplemente una página personal, los visitantes quieren conocer algo sobre Ud, sus pensamientos, etc. La Web es en primer lugar un medio que proporciona información y los proyectos Web deben dar cuenta de esto.

Ciertamente, elaborar contenidos es costoso; cuidar contenidos y actualizarlos no lo es menos. Para esto se necesita trabajo de redacción. Muchos que publican en la Web jamás, o apenas marginalmente, han estado anteriormente en contacto con actividades de redacción. El lema original  "¡Cada uno es un editor!" ("Everyone's a publisher!") no se refiere simplemente a las seductoras posibilidades técnicas nuevas de llegar al público, sino también al completo trabajo de un "Publisher" (editor), que está unido a ello. La elaboración de textos es subestimada demasiado frecuentemente en favor de la ostentación de la programación de un proyecto Web. Y exactamente por esa causa fracasan muchos proyectos Web que han sido muy bien programados.

En el estudio de planificación de un proyecto Web debe, consiguientemente, tener presente los siguientes puntos:

• Contenido del inicio ¿De dónde deben provenir los primeros contenidos? ¿Hay textos disponibles y apropiados? ¿Hay, por ejemplo, un prospecto de la empresa, artículos científicos, archivos de documentos, bancos de datos? ¿Son esas fuentes realmente adecuadas -contienen, por ejemplo, datos que no son confiables o no convenientes para su publicación? ¿Tienen que, consiguientemente, ser evaluadas las fuentes? Y si no hay fuentes preexistentes en absoluto, ¿quién proporciona los contenidos? ¿Se precisan investigaciones para eso? ¿Quién se encarga de la corrección?

• Nuevos contenidos en curso: ¿De dónde deben provenir los nuevos contenidos actuales? Los visitantes de los proyectos Web llegan a ser  visitantes estables sólo si hay regularmente algo nuevo en las páginas para descubrir. A los los nuevos contenidos, ¿los atienden redactores o proveedores? ¿O los nuevos contenidos pueden ser contribuciones de los visitantes, por ejemplo, por medio de la implementación de un foro de discusión?

• Actualidad: ¿Quién observa la actualidad y corrección de los contenidos? ¿Quién cambia en el conjunto de datos Web los hechos que han cambiado, por ejemplo, informaciones sobre productos que fueron quitados del mercado, "Noticias de ayer", etc.? ¿Quién repara los enlaces a otras páginas de proyectos que no funcionan más o a direcciones Web que no existen más?

Costos

Los costos de un proyecto Web se dividen en los siguientes ámbitos:

• Concepción y planificación

• Realización

• Mantenimiento

En todos los casos se trata de gasto de tiempo, el cual no tiene que ser subestimado. Si Ud trabaja por entusiasmo o por pasatiempo, no será sensible a la fórmula Tiempo=Dinero, pero si trabaja comercialmente, tiene que hacer cálculos para los tres ámbitos mencionados.

Si tiene que invertir dinero para el proyecto Web, son importantes las siguientes estimaciones:

• Trabajo realizado por cuenta propia o hecho por otros: ¿Es más ventajoso usar uno mismo tiempo (= dinero) para familiarizarse en la concepción y realización, lo cual requiere un conocimiento (know how) especializado y técnico, o es mejor contratar a alguien (en todo caso: dinero), que tenga esos conocimientos y se encargue de esa tarea?

• Rentabilidad: ¿Cómo encuentra los costos suscitados por el proyecto? ¿Puede  permitirse que el proyecto termine siendo fracaso? Si un fracaso significa su ruina, entonces sería quizás mejor intentar inversiones libres de riesgo.

En los proyectos Web comerciales se estila cada vez más encargar por contrato a una agencia Web la primera elaboración. Dejar a cargo de ella el cuidado de los contenidos en curso puede resultar, por el contrario, no rentable. Esto significa: al contratar ya tienen que estar los arreglos para que Ud, en tanto que contrata ese servicio, pueda finalmente encargarse del proyecto en lo relativo a sus contenidos. Por eso, los clientes de agencias Web exigen frecuentemente la implementación del denominado Sistema de Administración de Contenidos (CMS, Content Management Systems). Tal sistema le permite a los colaboradores de quien contrata el servicio (responsables de la redacción y competentes en cuanto a los contenidos, aunque no posean conocimiento técnicos), introducir en una interfaz cómoda y amigable (a menudo, soluciones basadas en tecnologías Web) nuevos contenidos en el proyecto. Hay soluciones de software ya listas para CMS, pero también se pueden programar soluciones individuales. El software CMS profesional contiene, frente a soluciones simples, características tales como "pre-redacción" y " disposición libre definitiva a través de la dirección de redacción", etc.

Fijación y anuncio de plazos

Si planifica un proyecto Web, ya sea privado o profesional, deberá hacer en todo caso lo siguiente: fijarse plazos. Pues sin plazos de terminación autoimpuestos, un proyecto jamás se termina. Los plazos deben ser , ante todo, realistas, pues un plazo que no se pueda cumplir, vale tanto como no tener ninguno. Para proyectos simples, alcanza con una simple fecha límite de terminación. En caso de proyectos complejos, en cuya realización trabajan muchas manos o bien secciones independientes, posiblemente sea necesario coordinar los plazos con ayuda de software para planificación de proyectos, obrando de manera similar a la realización de productos o proyectos de construcción.

Al mismo tiempo surge la pregunta por el preanuncio. Frecuentemente se reserva un  nombre de dominio, tan pronto como nace una idea para un proyecto. Contra esto no hay nada que objetar. Sin embargo, en breve estará disponible el lugar conseguido en la Web y esa dirección puede ser llamada públicamente. En esa fase, muchos apresurados se inclinan a publicar algunos preanuncios jactanciosos, provistos con graciosos carteles animados de obra en construcción o con modernos trailers en Flash, y todo es anunciado de inmediato en todas las máquinas de búsqueda conocidas.

Los preanuncios pueden ser razonables bajo determinadas circunstancias, por ejemplo, para indicar por anticipado una nueva marca reservada. En la mayoría de los casos, sin embargo, los preanuncios son molestos. Las máquinas de búsqueda se llenan con esas páginas, con basura inútil, y los visitantes, a quien el oferente no conoce, se dejan impresionar muy poco por esos arrogantes anuncios. En vez de esto, cliquean enervados y se van, tan pronto como han comprendido, que allí hay otra vez sólo uno de esos que fanfarronea con su trabajo.

Los preanuncios deberían ser como el proyecto web planificado: fundados, orientados a informar y agradables para el usuario. Por tanto, nada de animaciones sin sentido, que ocasionan tiempo de descarga; en su lugar, un par o más de oraciones sobre el proyecto planeado.

División y estructuración

Un proyecto Web consta de, por lo menos, una, frecuentemente muchas, casi siempre innumerables páginas Web. Cuanto más páginas y sus correspondientes archivos contenga el proyecto, más importante será fijar por escrito los archivos o la estructura de referencias. Pero también en el caso de proyectos pequeños, que consistan solamente de unas pocas páginas, debería tener en cuenta de antemano, qué pertenece a cada página y cómo deberán vincularse las páginas.

Piense siempre en que la Web es un medio de hipertexto. El hipertexto no lo obliga a una determinada forma. El hipertexto es un medio no lineal. El usuario no debe leer según la serie por turno sino elegir lo que a él le interesa. Esta es una enorme libertad, pero ciertamente contiene al mismo tiempo el peligro del sentimiento de "estar perdido en el hiperespacio".

La mayoría de los usuarios en la Web no son expertos pilotos del hipertexto. En proyectos, que consistan en más que un puñado de páginas, debería, por tanto, intentar ofrecer al usuario una "metáfora" en la cual él pueda atenerse. Posibles metáforas son:

• Metáfora del libro: el proyecto tiene carácter de documento, posee un índice de contenidos y eventualmente un índice de materias, a los capítulos corresponden los archivos, etc. Esta metáfora es especialmente apropiada para una cantidad limitada de información sobre determinados temas, en los cuales los datos raramente son actualizados.

• Metáfora de la lista o del árbol: el proyecto produce en el usuario el efecto de un administrador de archivos. Hay archivos con listas de referencia, las cuales se caracterizan por medio de un símbolo de carpeta, y archivos con información, los cuales son caracterizados mediante símbolos de documentos. Esta metáfora es adecuada especialmente para grandes existencias de datos con frecuentes agregados de nuevos añadidos, en los cuales sin embargo el ámbito de la información que es cubierto, es conocido desde un principio.

• La metáfora del índice: un índice grande, alfabéticamente ordenado o según otros criterios (por ejemplo fecha, tiempo) proporciona el acceso a la información. Esta metáfora resulta apropiada especialmente para proyectos cuyo ámbito de información no está completamente limitado y en los cuales se agrega frecuentemente nueva información.

Tan pronto como el usuario reconoce su metáfora intencional, puede hacerse una "representación espacial" del proyecto. Esto es muy importante, pues la simpatía del usuario frente al proyecto depende realmente en gran parte de si él experimenta o no, el efecto "Ah...", es decir, si se da cuenta de manera inmediata, intuitiva, de la estructura.

Diseño corporativo

Tan importante como el concepto de división del proyecto es el concepto de diseño corporativo. Esto significa que todos los datos que pertenezcan a un proyecto, ofrezcan, desde un punto de vista óptico, una imagen unitaria, para que el usuario reconozca intuitivamente que se encuentra aún en el mismo proyecto. Ud produce diseño corporativo, en tanto utilice en cada archivo del proyecto determinados elementos de configuración. Éstos pueden ser:

• Logotipo: Debe estar siempre en la misma posición en la página, por ejemplo, siempre arriba a la izquierda al comienzo de página. Si trabaja con marcos, puede ubicar el logotipo en un lugar fijo de la pantalla.

• Símbolos gráficos: Son pequeños gráficos que están en determinados lugares y tienen un significado reconocible de inmediato o bien fácil de internalizar por el usuario. Símbolos pueden significar, por ejemplo: "esto es un ejemplo", o "éste es uno de nuestros productos", o "esto es una referencia, con la cual el usuario abandona el proyecto".

• Formato de texto: A esto pertenece, por ejemplo, presentar siempre los ejemplos en una fuente del mismo grosor.

El diseño corporativo sugiere una unidad cerrada. En especial para proyectos comerciales, pero también para firmas que se presentan u ofrecen algo de manera directa, el diseño corporativo comunica al usuario el sentimiento de que está ante profesionales experimentados.

Diseño corporativo es algo diferente a diseño Web. Pero el diseño Web tiene que considerar en el diseño de presentación gráfica, de navegación, de formato del texto, etc., los factores que el diseño corporativo prescribe. Aún cuando encargue la tarea a otros, es importante dar al prestador del servicio una precisa norma para el diseño corporativo. Sin embargo escuche, por otra parte, las posibles objeciones. Diseño corporativo no puede perjudicar la ergonomía de los usuarios de las páginas.

Diseño Web

Sobre diseño Web bueno y malo, correcto o falso  se discute en los círculos especializados, sin llegar a un acuerdo final. Las siguientes reglas resumen los puntos importantes:

• Forma sin contenido es vacía: Sin información de por medio, sin auténtico entretenimiento, una página Web puede ser perfecta desde un punto de vista óptico (ésa es una impertinencia y nadie que la haya visitado volverá una segunda vez). Quien no tiene nada para ofrecer, excepto un par de rellenos elegantes en la pantalla, no ganará en la Web amigos duraderos.

• Contenido sin forma es aburrido: Sin oportuna estructuración en pequeñas unidades de información y sin variaciones por medio de gráficos o elementos multimedia con efecto de señal, símbolo o ilustración, la toma de información en la pantalla resulta agotadora y enervante. Las páginas de las pantalla no son comparables a las páginas de los libros.

• Facilidad de navegación: Un proyecto Web con mucho contenido de información es primariamente un proyecto en hipertexto, y la impresión que produce en el usuario, tiene mucho que ver con si es fácil encontrar dentro de él la información deseada, si divierte seguir sus propias huellas y si es simple recorrer las ramificaciones en todo momento y rápidamente a los otros lugares importantes del proyecto. En suma, diseño Web es, por lo menos, tanto diseño de hipertexto como diseño gráfico.

• Independencia de la plataforma: Mientras un diseñador tradicional sabe de antemano si su boceto es para un portavasos de cerveza o para un cartel en la pared, el diseñador Web no puede saber en qué clase de medio de visualización deben sus páginas desplegar finalmente su efecto. En la mayor parte de los casos, son mejores los diseños no problemáticos, los que ofrecen formas claras y simples, poseen un buen contraste de colores y no obligan a anchos y alturas exuberantes. También debe pensarse siempre en los llamados grupos de usuarios marginados, como los impedidos visuales.

• La Web pertenece a Internet: Una página Web debe verse no sólo lo mejor posible; debe tener también la menor cantidad de octetos posible. Que se mejore continuamente el ancho de banda de la transmisión de datos para el usuario promedio, no significa sobrecargar aquí y allá sin tomar en consideración el tráfico de la red. También se deben tenerse en cuenta otras cosas. Palabras clave buenas, efectivas,  y descripciones breves en las  informaciones Meta son tan importantes para el éxito de una página Web como su eficacia óptica. Pues una página Web es visitada no sólo por hombres sino también por programas, que las indexan para las máquinas de búsqueda en Internet.