DIAGRAMA DE METODOLOGÍA PARA EL DISEÑO DE INTERFAZ GRÁFICA PARA SITIOS WEB
PROCESO DE DESARROLLO DE UN SITIO
Todo proyecto significativo de sitio Web supone unos retos particulares, pero el proceso de Desarrollo en su conjunto sigue generalmente estas seis grandes fases:
1. Definición del sitio y planificación
2. Arquitectura de la información
3. Diseño
4. Construcción
5. Marketing
6. Rastreo, evaluación y mantenimiento
Para cualquier organización, desarrollar un sitio web, de gran envergadura es un proceso que puede tener unas consecuencias de gran alcance en el ámbito de los presupuestos, personal y relaciones públicas, tanto en la fase de desarrollo como mucho después de su despliegue o publicación. Demasiadas webs empiezan como un esfuerzo personal por parte de pequeños grupos que trabajan dentro de la organización y sin considerar plenamente los Objetivos del sitio web dentro del contexto general de los intereses M conjunto de la empresa- El resultado de, una escasa planificación o de unos esfuerzos apresurados se convierte generalmente en un Sitio “huérfano" hambriento de recursos y de atención.
Si consideramos el proceso de desarrollo delineado en lo anteriormente dicho percibimos que la construcción material de cada una de las páginas que componen el sitio web, en un proyecto bien planificado, es una de las últimas fases. Pensar antes de actuar, y asegurar que se tiene el respaldo de la organización el presupuesto y los recursos humanos necesarios para convertir el proyecto en un triunfo.
1. DEFINICIÓN DEL SITIO Y PLANIFICACIÓN
En este estado preliminar definiremos los objetivos y las metas para el Sitio web, y empezamos a recoger y analizar la información que será necesaria para justificar el presupuesto y los recursos que se requieren. Es hora también de definir el alcance de los contenidos, los apoyos en funcionalidad y tecnología interactiva, y la amplitud y profundidad de los recursos de información que se requieren para llenar la web y así satisface las expectativas de los usuarios. Si la producción del sitio web, se contrata en el exterior se deberá seleccionar una compañía de diseño entrevistarse con los diseñadores. De manera ideal, éstos deberían estar involucrados desde el primer momento en los estudios y en la planificación
CHEQUEO PARA LA PRODUCCIÓN
Producción
¿Cuáles son las intenciones y objetivos para el sitio web?
¿Cuál es el público potencial y qué es lo que quiere?
¿Estará el equipo de producción compuesto por gente de la casa, se contratará en el exterior o será una mezcla de ambos?
¿Quién dirigirá el proyecto?
¿Quiénes son los principales expertos en contenido?
¿Quién será el interlocutor con las personas contratadas en el exterior?
¿Quién se encargará del mantenimiento a largo plazo, asumiendo el papel de web master o editor jefe?
Tecnología
• ¿Para qué navegadores y sistemas operativos se construirá el sitio?
Windows, Macintosh, UNIX
Netscape Navigator, Internet Explorer; definir también la versión mínima requerida (3.0, 4.0)
• Ancho de banda que utiliza un usuario tipo
¿Usuario interno o mayoritariamente usuarios externos?
Conexiones de alta velocidad o Ethernet
Módem rápidos, ISDN / RDSI (Integrated Services Digital Network: Red Digital de Servicios Integrados), o conexiones DSL / ADSL
Conexiones con módem estándar
Requerimientos de tecnología necesaria para visualizar la web HTML Dinámico
Lenguajes avanzados de programación para Internet como Javascript, o VBScript
Applets de Java
Hojas de estilo
Plug-ins o adaptadores de terceros
Características especiales en propiedad de Netscape o Microsoft
Requerimientos especiales para seguridad y transferencia de datos
• ¿Cómo contactará el usuario con el personal de apoyo?
A través del correo electrónico
Chats o fórums
• ¿Apoyo con base de datos?
¿Se requieren Login -usuario + contraseña- para acceder a zonas privadas?
¿Utilización de cuestionarios?
¿Motores de búsqueda a partir de bases de datos?
• Contenidos audiovisuales
¿Producciones de audio o vídeo?
Servidor web
¿Servidor web interno o contratación de un proveedor de servicios de internet(ISP, Internet Service Provider)
Nombres disponibles para el dominio
Espacio de disco, limitaciones en el ancho de banda o costes añadidos
¿Capacidad adecuada para corresponder a la demanda de tráfico requerida?
¿Mantenimiento y apoyo técnico las veinticuatro horas del día, los siete días de la semana?
¿Estadísticas de visitantes y de tráfico de usuarios?
Análisis de registros del servidor, ¿internos o subcontratados?
¿Motores de búsqueda adecuados a los contenidos?
¿Apoyo técnico en la creación de CGI, programación y bases de datos?
¿Coordinación y apoyo técnico de bases de datos con el personal interno?
Costos
• Salarios y beneficios
• Hardware y software para los miembros del equipo interno
• Formación del personal en el uso de la Red, bases de datos, estudios de mercado, y diseño en Internet.
• Honorarios de subcontratación
Desarrollo y diseño del sitio web
Apoyo y consultoría técnica
Desarrollo de bases de datos
Estudios de mercado para la web
Personal de apoyo a medio y largo plazo
Editor o Webmaster
• Apoyo técnico del servidor a medio y largo plazo
• Mantenimiento y apoyo de las bases de datos
• Desarrollo de nuevos contenidos y actualizaciones.
2. ARQUITECTURA DE LA INFORMACIÓN
En esta etapa se deberán detallar tanto la organización como los contenidos para el sitio web. El equipo deberá inventariar los contenidos existentes, enunciar qué tipo de nuevos contenidos se requieren y definir la estructura de la organización. Una vez se ha delineado la arquitectura / estructura de los contenidos, se deberán construir pequeños prototipos de partes de la web, y así poder probar cómo se adapta el diseño a los contenidos y a la navegación. Estos prototipos parciales son útiles en dos sentidos.
Primero por ser una manera fantástica de probar la navegación y desarrollar la interfaz de usuario definitiva. Un prototipo debería tener las suficientes páginas para poder comprobar con precisión cómo uno se desplaza de las páginas con menús a las páginas con contenidos y viceversa. En segundo lugar, la creación de prototipos permite a los diseñadores gráficos probar distintas maneras de relacionar la apariencia visual con la interfaz de navegación y el diseño de la información. La clave para un buen prototipo debe ser, ante todo, la flexibilidad: no deberían elaborarse demasiado, pues el equipo podría quedarse estancado en la investigación de un diseño, en lugar de explorar otras alternativas posibles.
Un resultado típico o esquema contractual al final de esta fase incluiría:
• Especificaciones detalladas de diseño
• Descripción detallada de los contenidos Mapas del sitio, imágenes en miniatura, resúmenes, tablas de contenidos
• Especificaciones detalladas de los recursos técnicos necesarios Tecnología de los navegadores Velocidad de conexión Recursos del servidor y servidor web
• Propuestas de la tecnología y programación necesarias para realizar partes específicas de la web
Un calendario de implementación del diseño y su construcción
Uno o varios prototipos de varias páginas
Varios bocetos explorando distintas alternativas en el ámbito del diseño gráfico
3. DISEÑO
Es en esta fase del proyecto donde el sitio web empieza a tener cara y ojos, en la medida en que se definen la retícula (grid) de la página, los elementos que la definirán y las líneas maestras a nivel gráfico de la web en su conjunto. Es el momento de encargar o generar las ilustraciones, las fotografías y demás materiales gráficos y audiovisuales necesarios. También es el momento de investigar, escribir, organizar, ensamblar y editar los contenidos en formato de texto. A su vez, los elementos de programación, diseño y entrada a bases de datos deberían estar ya concretados e iniciados. El fin es producir todos los componentes para que estén listos para la última fase de producción: la construcción material de cada una de las páginas web.
Los productos más usuales o esquema contractual al final de esta fase podría incluir:
Detallada organización y ensamblaje de los componentes referentes al contenido
Texto, editado y corregido
Especificaciones de diseño gráfico para cada uno de los tipos de páginas
Elementos gráficos de las páginas plantilla acabados
Elementos gráficos del encabezamiento y pie de página, así como logotipos, botones y fondos
Composiciones en detalle de las páginas o ejemplos acabados de las principales páginas
Libro de estilo gráfico para sitios complejos Diseño de la interfaz y página plantilla maestra acabada
Páginas plantilla en HTML finalizadas Ilustraciones Fotografías
Componentes lógicos y funcionales
• Scripts de Java, diseño de aplicaciones en Java (Java applets)
• Tablas y programación de bases de datos, prototipos de interacción finalizados
• Motores de búsqueda diseñados y comprobados
4. CONSTRUCCIÓN
Es sólo en esta fase “ya madura” del proyecto, cuando se construirá el grueso de las páginas del sitio, y éstas se rellenarán con los contenidos. El hecho de esperar a tener una arquitectura detallada del sitio, los elementos de contenido a punto y unas especificaciones detalladas en cuanto al diseño de las páginas, minimizará posibles problemas con el contenido, esfuerzos redundantes en el desarrollo y energía desperdiciada al precipitarnos demasiado pronto en la construcción de las páginas. Por supuesto que a medida que los prototipos se transformen en construcción definitiva de la versión final, vamos a comprender nuevos aspectos de conjunto. Hemos de estar preparados para refinar el diseño a medida que el sitio crece y vamos navegando a su través; y también para descubrir cuáles son sus puntos débiles y/o reconocer las oportunidades para mejorar tanto la navegación como los contenidos.
Una vez construido el sitio, con todas las páginas acabadas y con los enlaces necesarios a las bases de datos y elementos de programación, estamos preparados para lanzar y probar una versión beta. La prueba debe ser realizada en primer lugar por usuarios distintos a los componentes del equipo, que estén dispuestos a aportar una información crítica acerca de los fallos de programación, de posibles erratas en el texto, o a evaluar el diseño y la efectividad del sitio en su conjunto. Inevitablemente, un usuario nuevo percibirá aspectos que han pasado inadvertidos para el equipo. Sólo cuando el sitio web ha sido probado y evaluado completamente se puede publicar en su correspondiente dirección URL de Internet.
Los productos más usuales o esquema contractual al final de esta fase podría incluir:
HTML finalizado para todas y cada una de las páginas web, todos los contenidos en su lugar.
Navegación y estructura de enlaces finalizada
Toda la programación en su lugar y con sus correspondientes enlaces, a punto para una versión beta
Todos los componentes de las bases de datos en su lugar y enlazados a las páginas
Todos los elementos gráficos en su lugar -gráficos, ilustraciones y fotografías
Revisión y corrección final de todos los contenidos
Testeo detallado de la funcionalidad de la programación y de las bases de datos
Testeo y verificación de los resultados del funcionamiento de las bases de datos
Testeo de todos los procedimientos de apoyo al usuario, correo electrónico, etc. Creación de archivos de seguridad para todos y cada uno de los elementos que componen el sitio: código HTML, códigos de programación, etc.
5. MARKETING
Un sitio web debería ser parte integrante de todas las campañas y programas de comunicación de una empresa u organización; y la dirección URL debería formar parte de toda correspondencia y elementos de marketing generados colateralmente.
Si el sitio web está destinado principalmente a un público local, no tan sólo deberíamos listar la dirección URL en los principales buscadores como Yahoo o Infoseek, sino también publicarla en lugares donde negocios y residentes locales pudieran encontrarla fácilmente. Bibliotecas locales (y escuelas, cuando el contenido sea relevante) son espacios clave a la hora de dar a conocer un sitio web en un área geográfica localizada.
También se pueden encontrar oportunidades de promoción cruzada con negocios afiliados, organizaciones profesionales, publicaciones en papel, televisión y radio, agencias locales o puntos de información, inmobiliarias y oficinas de empleo, proveedores de acceso a Internet y directorios locales o páginas amarillas. También pueden figurar en la web acontecimientos escolares locales o actos benéficos sin ánimo de lucro. El coste en espacio en el servidor es generalmente trivial, y la publicidad que puede generar este tipo de acontecimientos locales en la web inducirá a una clara conciencia local de su presencia en la Red. El patrocinio puede también interesar a los medios locales como otro interesante punto de vista.
La dirección URL de la página principal debería aparecer en:
Anuncios en papel Anuncios en radio y televisión
Puntos y zonas muy concurridas de la organización, o en bibliotecas locales, escuelas o lugares de encuentro apropiados Campañas de correo
Tarjetas Papelería Catálogos y envoltorios
Correspondencia y pedidos
Publicaciones y material de promoción
Lanzamientos en prensa
Carteles y vallas publicitarias
6. RASTREO, EVALUACIÓN Y MANTENIMIENTO
Con el software de cualquier servidor web se puede generar automáticamente una gran cantidad de información acerca de los visitantes. Incluso los más sencillos pueden registrar la cantidad de visitantes que acceden en un tiempo determinado, a cuántas páginas acceden y otras muchas variables. Para un sitio web, el análisis de estos registros puede proporcionar datos interesantes acerca de lo popular que está siendo. Los registros pueden informarnos acerca de cuáles son las páginas más visitadas o las versiones de navegadores más utilizadas. Pueden proporcionar también información acerca de la zona geográfica desde la que acceden los usuarios. La utilidad de estos datos dependerá de las preguntas que se hagan al servidor y a las personas encargadas de su mantenimiento. Un registro pormenorizado es la clave para la evaluación del éxito de un sitio web. Estos registros, además, deberían archivarse por parte del editor, para poder realizar un análisis más a largo plazo; incluso debe tenerse en cuenta la posibilidad de añadir o cambiar las categorías de las variables registradas a medida que las necesidades e intereses se transformen.
A partir de estos registros podemos también desgranar informaciones más sutiles que pueden advertirnos acerca de posibles problemas de diseño. Si el número de hits (número de veces que un archivo ha sido solicitado) en los archivos gráficos de la página principal es significativamente inferior que los hits en la propia página HTML, es una buena indicación de que muchos usuarios han escogido la opción de no cargar los gráficos (la página muestra un hit cuando esto ocurre, pero los gráficos no se cargan), Esto podría ser una advertencia de que la página tiene demasiados elementos gráficos, o de que simplemente el usuario tipo de la web está utilizando conexiones con módems de baja velocidad. (Algunos usuarios de módem prefieren muchas veces no visualizar los gráficos de forma automática, como una forma de acelerar la navegación por la Red.) Si el número de hits en una pantalla de menú es mayor que cualquiera de las páginas enlazadas desde dicho menú, podría ser una indicación de que los usuarios no se sienten atraídos por el menú, o que no lo encuentran útil. A medida en que se desarrolla y se analiza este tipo de información acerca del uso de la web, puede empezarse a refinar el sitio, mejorando o eliminando contenidos que convocan a pocos usuarios, y así poder desarrollar más contenidos en secciones que generan más expectativas.
Mantenimiento
No abandone la web una vez ésta esté en la Red y las celebraciones hayan concluido: los aspectos funcionales y estéticos de una web requieren atención y mantenimiento continuados, más aún si hay un equipo que tiene la responsabilidad de actualizar y revisar los contenidos. Alguien debe responsabilizarse de coordinar e investigar las nuevas aportaciones de contenido, del mantenimiento de los estándares gráficos y editoriales, y de asegurarse de que los enlaces y la programación de todas las páginas siguen funcionando. En la Red, los enlaces son perecederos y deben ser comprobados periódicamente, especialmente los de carácter externo, los dirigidos hacia páginas fuera de la web en cuestión. En el momento en que se está generando un público, no deje que la web se vuelva rancia a causa de no dedicarle el tiempo suficiente -si lo defraudas, será muy difícil volver a recuperarlo.
BIBLIOGRAFÍA
* Lynch, Patrick J., Horton Sarah, principios de diseño básicos para la creación de sitios web, ed. Gustavo Gili, 2002, México.
Tomado de: http://www.azc.uam.mx/cyad/procesos/curso_nt/aula/objetos/objeto5/activi/lec2_5.pdf
No hay comentarios:
Publicar un comentario