Es innegable el atractivo que ofrece la World Wide Web (WWW) como fuente de información de diferente índole. Cualquier organización o persona puede sentir interés en los beneficios que le ofrece tener un espacio en la Web y ser accesible a millones de personas a nivel mundial. Bien sea que se trate de darse a conocer, de ofrecer bienes y servicios, para el intercambio o difusión de información o como punto de encuentro, un sitio Web puede brindar una gama de posibilidades ilimitadas y muy atractivas.
En lo que sigue se presenta información útil para quien desee indagar en el proceso de producción de sitios web. La producción de un sitio atractivo y exitoso, ya sea personal o un sitio más elaborado (por ejemplo de una empresa), no es tarea fácil. Se requiere del conocimiento de ciertos conceptos, dominar algunas tecnologías fundamentales, seguir lineamientos de estilo y adoptar algunas metodologías para su producción. La información a continuación no es exhaustiva, más bien intenta motivar y servir como punto de partida en la tarea de la producción de un sitio Web.
¿Qué es el diseño Web?
Cualquier intento de definición siempre presentará aspectos como la programación y el diseño visual, así como también sobre la creación y organización de los contenidos del sitio propiamente dichos. El peso de cada uno de estos aspectos particulares, variará dependiendo de las personas y el tipo específico de sitio que se desee diseñar. El auge del comercio electrónico ha incluido además consideraciones sobre temas de mercado y negocios, influenciando de manera importante el criterio para el diseño de un sitio Web exitoso.
El diseño web puede verse entonces como una actividad multidisciplinaria, que pretende la planificación, diseño e implementación de sitios web y páginas web con influencias procedentes del diseño gráfico, de la programación, tecnología cliente/servidor, diseño de interfaz de usuario, gestión de bibliotecas y muchas otras disciplinas, teniendo en cuenta criterios tales como: navegabilidad, interactividad, facilidad de uso, utilidad e integración de medios como audio, texto, imagen y video.
Características del diseño Web
Aunque el diseño Web puede estar influenciado por gran cantidad de disciplinas, se pueden distinguir cuatro características o perspectivas esenciales que siempre deben ser consideradas y que son: el contenido, la tecnología, el aspecto visual y el aspecto económico o beneficio. Fundamentalmente, el contenido busca informar o convencer al visitante del sitio. La tecnología es el medio para dotar la funcionalidad. Las consideraciones visuales proporcionan la apariencia del sitio. Para la generalidad de los sitios debe ser considerado el aspecto económico o en todo caso algún beneficio que pueda generar.
Características principales del diseño Web
La relevancia que se dé a alguna de estas características estará asociada al tipo de sitio que se elabora y al fin que se persiga con el mismo. Por ejemplo, una página de un organismo público no tendrá las mismas consideraciones visuales que un sitio de promoción de un museo o de un artista plástico. Asimismo, un sitio web para ventas en línea tendrá diferentes consideraciones al sitio web de un campus universitario.
El Proceso de diseño
La construcción de un sitio Web puede llegar a constituir un proceso complejo. El diseño Web no aporta solamente la comunicación textual o contenido, sino que actualmente también busca explotar las posibilidades visuales y la funcionalidad. Además, dependiendo de su tamaño (cantidad de páginas que lo conformen), obliga a establecer una jerarquía u organización adecuadamente elaborada de los contenidos que potencie la eficiencia de la Web como medio de comunicación e intercambio de datos.
Para una discreta página Web personal, quizás, el proceso de diseño no luzca complicado. Teniendo claro el contenido, se procede a disponer, contenido e imágenes de manera agradable y organizada. Cuando se trata de un sitio de mayor envergadura será necesario, contar con una guía que oriente el proceso de una manera más organizada. Esto es importante sobretodo cuando se involucran varias personas en la construcción del sitio. Para el diseño de un sitio web puede usarse el ciclo de vida de desarrollo de programas, que se adapta a este tipo específico de proyectos, describiendo las etapas desde la planificación hasta la entrada en servicio final.
Modelo para desarrollo Web
El proceso de desarrollo puede ser dividido en varias etapas, para orientar al diseñador desde la determinación de los requisitos generales hasta la implantación específica del sitio. El modelo debería permitir al diseñador resolver las situaciones relacionadas con la complejidad del sitio y minimizar los riesgos de fallo, realizar cambios durante el proceso y proporcionar información para su administración. Las etapas de este modelo son:
1.- Especificación de requisitos: Antes de considerar construir el sitio, se debe definir su finalidad. Determinar cuidadosamente el asunto del que se va a ocupar o los objetivos que se desean conseguir al construirlo. Esto reduce el riesgo que el proyecto falle terminando en algo que realmente no se quería. Definidos los objetivos, se elabora una especificación que incluye y detalla los requisitos del sitio. En los requisitos se toma en cuenta el tipo de audiencia que se espera para el sitio, aspecto, clase de contenido, tecnología que requerirá, estructura, personal necesario para desarrollarlo, entre otros.
El bosquejo visual de las páginas muestra la
organización que tendrán los componentes
de interfase y navegación
2.- Diseño de prototipos: En esta etapa se comienza a dar forma al proyecto, desarrollando los prototipos visual y técnico. Se recomienda recopilar el contenido antes de abordar con detalle el diseño, o al menos, contar con la mayor parte del mismo, puesto que éste influye de manera directa en el diseño y señala la forma definitiva del sitio. Diseño y contenido, deben estar adecuadamente integrados. Si el contenido tiene un tono serio y los efectos visuales son divertidos, el sitio resultará bastante extraño. El diseño visual se realiza de arriba hacia abajo; esto es, primero la página principal, seguido de las subsecciones, para terminar en las páginas de contenido.
El prototipo visual contiene las páginas web bosquejadas en borradores de papel o composiciones digitales que muestran detalladamente las páginas típicas del sitio. En base al prototipo visual se elabora el prototipo técnico o sitio simulado, ensamblando todas las páginas consiguiendo un modelo del sitio realmente funcional, que sea totalmente navegable y que permita simular la interactividad del mismo.
3.- Elaboración del sitio: Una vez que el prototipo del sitio esta diseñado aceptablemente, se desarrolla el sitio definitivo. Este contará con todos los detalles que se definieron en las especificaciones del primer paso, en cuanto al contenido, el diseño visual, las imágenes, componentes interactivos y otros. Es decir se realiza la versión final con todos los detalles de composición, contenidos y funcionales deseados.
4.- Pruebas e integración: Esta fase del proceso es muy importante y debe tomarse muy en serio. Después de realizar las fases anteriores es lógico que exista ansiedad por lanzar el sitio inmediatamente, pero si el sitio tiene errores (y generalmente los tendrá) los usuarios valorarán negativamente el trabajo final a pesar de que las fases anteriores fueran rigurosamente realizadas. De tal modo, que es muy recomendable probar muy bien el sitio y la integración de sus partes. Las pruebas deben contemplar todos los componentes del sitio, pasando por el contenido, apariencia, funciones y su finalidad.
5.- Operación y Mantenimiento: Al poner en marcha el sitio empieza la etapa de operación. El sitio es enviado al servidor web donde se alojará. Este servidor puede ser propio o un espacio rentado, por el cual se paga para mantener alojado el sitio. Es probable que deban realizarse arreglos y modificaciones mientras el sitio ya está operando, algunas de las cuales pueden estar basadas en las sugerencias de los usuarios o visitantes. Puede existir un período de evaluación por parte de la audiencia, en la que se expone al criterio de los visitantes el sitio Web y se invita a enviar sugerencias y recomendaciones. La puesta inicial en operación del sitio es el punto de partida para la etapa de mantenimiento. El desarrollo de un sitio web es un proceso permanente, en la que todas las etapas pueden volver a sucederse cíclicamente, sobretodo si se espera que el sitio trascienda en el tiempo. Para que el sitio resulte de interés a sus visitantes debe parecer “vivo”, es decir, presentar cambios, novedades y atracciones, adecuadas a la audiencia a la que va dirigido.
Una observación respecto a este modelo es, que aunque puede parecer que el proceso de desarrollo del sitio es un ciclo directo, no siempre transcurre de manera lineal y simple. La finalidad de guiarse por un modelo de desarrollo, es disminuir el riesgo de errores y problemas que puedan aparecer. Pero el modelo no puede contemplar con detalle todos los problemas que pueden aparecer; será la experiencia la que a través del tiempo permita resolver muchos problemas. Todo obstáculo que surge, debe ser considerado como un nuevo aprendizaje que alimentará la experiencia para sacar adelante el nuevo sitio.
Lineamientos y recomendaciones de diseño No es sencillo proponer una manera específica de diseñar las páginas que componen el sitio Web y no existen estándares reconocidos en lo referente al diseño de documentos electrónicos. A continuación se presentan algunas recomendaciones elementales:
1.- Diseño pensado para los usuarios: Debido a que el diseñador tiene un profundo conocimiento del sitio Web, puede suponer erróneamente que los usuarios lo encontrarán interesante y fácil de usar. Ya que el sitio está dirigido a una audiencia específica, es muy importante tomar en cuenta sus intereses, deseos y nivel de conocimientos, para presentar un sitio que les sea atractivo y cómodo. (Haz clic en la imagen)
Los sitios Web deben seguir ciertos lineamientos
de calidad en cuanto a contenido, apariencia,
navegabilidad, utilidad y facilidad de uso
2.- Utilidad: El usuario debe encontrar útil el sitio, que las funciones satisfagan sus necesidades. Estas funciones deben ser fáciles al usuario con el fin de obtener un determinado objetivo. Un sitio de consulta escolar debería proveer mecanismos de búsqueda efectivos y una organización, que permita al usuario conseguir rápidamente la información que requiere.
3.- Interfaz gráfica de usuario (GUI): Existen sitios complejos (como los de compras en línea, chats, juegos, descargas de programas, entre otros) que requieren de una interacción mayor para manipular contenidos, semejante a la usada en el software tradicional. Aunque la Web tiene consideraciones diferentes, se apoya en un uso adaptado de los componentes de GUI (ventanas, iconos, menús, puntero). Así pues, los sitios Web deben respetar los principios GUI adaptados a sus necesidades y los diseñadores deben tener un conocimiento básico en su aplicación.
4.- La navegación y ubicación: La navegación es el medio para hallar la información u obtener el resultado deseado. Además de proveer al sitio de una buena estructura, es necesario asignar nombres claros a los vínculos, agrupar lógicamente los botones, aprovechar las capacidades de los enlaces hipermedia, usar títulos en las páginas precisas y elementos de navegación consistentes, de manera que el usuario encuentre la ruta de forma clara hacia lo que desea. Incluso, debe proveerse al usuario de una guía de ubicación que le asista para encontrar su camino, como un motor de búsqueda, un plano o índice del sitio o incluso un sistema de ayuda. Lógicamente los primeros niveles del sitio deberían ser índices.
5.- Sustancia: El contenido es lo que le da valor y estructura al sitio Web. El contenido puede ser texto, imágenes, vídeo, audio, animación o una combinación de estos. El mayor atractivo de un sitio lo constituye un contenido original y de calidad. Si la apariencia es atractiva, ingeniosa y sofisticada puede animar inicialmente a navegar el sitio, pero si no posee nada de valor el usuario abandonará el sitio. Por otro lado, aún cuando el contenido que posea sea valioso, será inútil si no es claramente accesible.
6.- Apariencia: Lo primero que se aprecia en un sitio es su el aspecto visual. Un buen sitio debe funcionar bien, ser fácil de navegar y contar con un contenido de calidad, pero estas cosas no son percibidas de modo tan inmediato como el aspecto visual. De manera que en la Web el apariencia es importante. Un sitio que tenga una apariencia atractiva hará suponer que es mejor que un sitio menos atractivo.
7.- Renovación continua: Se dice que el sitio Web muestra vida cuando está constantemente actualizándose y satisfaciendo las necesidades de sus usuarios. Este proceso de mejoras entra en la etapa de mantenimiento, por lo cual, es importante evaluar el sitio cíclicamente para determinar por ejemplo la necesidad de cambios en su contenido, la activación de nuevas funciones, cambios en el aspecto o apariencia, correcto funcionamiento de los enlaces y la integración de nuevas páginas.
Tipos de sitios web
Tipos de sitios Web
Los sitios web pueden ser estáticos o dinámicos. Esta clasificación no significa que exista una línea que separe claramente unos de otros. En realidad los sitios van desde un grado en que son puramente estáticos, pasando por los que pueden contener en un menor o mayor grado elementos dinámicos, para llegar hasta los puramente dinámicos. Un sitio estático es aquel que presenta texto e imágenes solamente, sin ningún grado de interactividad. Si el sitio permite formularios de entrada, comienza a presentar ya algún grado de dinamismo. Existen sitios dinámicos que permiten acceso a datos, incluso sitios que son totalmente creados dinámicamente a partir de los contenidos de una base de datos.
Otra manera de categorizar los sitios web, puede estar motivada a su utilidad o contenido. Si este es el caso, se tiene entre otros, sitios comerciales, que ofrecen ventas de productos y servicios; sitios sociales o comunidades, que propician la reunión o interacción entre personas con intereses comunes, con foros, chats, juegos, investigación, colaboración; sitios de investigación, que ofrecen diccionarios, enciclopedias, información profesional, noticias; sitios educativos, que provee información enfocados desde un punto de vista educativo; entre otros.
