TRABAJO 2
Realizado Por: Franklin Lezama
Diseño de
Para
el proceso de diseño de un sitio
Web se debe contar con una serie
de pasos que permitan transformar pedazos de información dispersos, o en el
mejor de los casos un conjunto de información estructurada de manera lineal, en
un sitio que haga al usuario sentirse cómodo y encontrar lo que busca de la
manera más rápida posible. Tomando en consideración de qué cosas se quejan más
los usuarios:
1.
De la velocidad de transferencia
2.
De la capacidad para organizar la información que bajan (download) a su
computador
3.
Del tiempo que pierden en encontrar lo que buscan
Etapas del diseño
Estas
son algunas etapas que se sugieren para diseñar eficientemente un sitio; es
conveniente no comenzar a escribir ninguna línea de código HTML antes de
completar las primeras etapas.
Delimitación del tema
Esta
es la etapa crucial, se define de qué se va a tratar el Web, que cosas se
incluirán y qué no. También es el momento para definir tanto las audiencias
(normalmente es mas de una) y los objetivos (intentando priorizar entre
objetivos primarios y secundarios).
Si
no se evalúa adecuadamente.
la
cantidad de tiempo que se dispone contra la cantidad de tiempo requerida para
elaborar un sitio de la magnitud deseada, el resultado puede ser desastroso.
Muchos proyectos Web fracasan porque comienzan a crecer y crecer sus
especificaciones, sin que haya detrás un trabajo ordenado de delimitación de
contenidos.
Recolección de la información
En
esta etapa se recolecta la información que se va a poner en el Web, de acuerdo
a la especificación hecha en la etapa anterior. Es conveniente asociarse con
alguien como un "proveedor de contenido", puesto que como mencioné
antes hay mucha gente que si bien le tiene aversión a los computadores y que
dispone de valiosísima e interesante información. Las organizaciones en general
producen grandes cantidades de información, también en esta etapa hay que
delimitar cuanta de la información histórica, que ya no es relevante, será
incluida en el sitio web, por ejemplo, se puede definir que la información de
mas de 3 años de antigüedad no será incluida, etc.
Agregación y descripción
Una
vez que tenemos la información que irá en el sitio, comenzamos una
clasificación apropiada. Aquí hay que encontrar un adecuado balance entre la
linealidad y la jerarquización.
Aplicamos
una clasificación de tipo lineal a fragmentos de información que requieren que
la persona que los lee vaya avanzando poco a poco en el conocimiento de algo,
como en un libro. Usualmente los pondremos en una misma página, usando FRAMES o
una técnica similar si se estima apropiado. Aplicamos una clasificación de tipo
jerárquica a trozos de información que sean complementarios o que dependan uno
de otro, como secciones y subsecciones. Usualmente los pondremos en diferentes
páginas.
Es
importante aquí no centrarse en una única forma de clasificar los documentos.
Una serie de descriptores tienen que ser definidos. Además, un mismo documento
puede pertenecer a varios valores de un mismo descriptotor. Si nos encontramos
en esta etapa discutiendo sobre si un elemento de información va en una u otra
parte, es que estamos cometiendo un error: debe ir en todas las partes donde un
usuario razonable esperaría encontrarlo.
Estructuración
En
este punto se estructura la manera en que se unen las diferentes páginas, de
acuerdo a la agregación de contenidos realizada en la etapa anterior. Se provee
de ayudas para la navegación, de enlaces que permitan la jerarquización que
diseñamos y de enlaces entre elementos de una misma jerarquía si se desea.
También
es importante proveer de índices para cada descriptor que haya sido diseñado.
Desde
este punto en adelante se puede trabajar en la implementación HTML propiamente tal.
Diseño y estilo gráfico
Un
estilo gráfico adecuado puede ser algo importantísimo a la hora de hacer que la
persona que nos visita se sienta cómoda, y como una manera de alivianar el
contenido y hacerlo más digerible. Un sitio por mas
contenido que tenga si no tiene un buen diseño grafico difícilmente lograra un
lugar destacado entre otros sitios del mismo tipo.
En
cuanto a la cantidad y tamaño de las imágenes, hay que adoptar un equilibrio.
Hay sitios que se basan casi por completo en grandes y lentas imágenes GIF,
otros que se ven bastante pobres pues son casi sólo texto, con lo que se
desaprovechan los métodos multimediales. El esquema que se adoptará, (que se
encuentra en algún lugar entre ambos extremos) varía de diseñador a diseñador y
es un punto importante a considerar.
Otro
punto importante en la etapa de definición de la parte gráfica, es intentar en
lo posible mantener una cierta coherencia gráfica, y atreverse a innovar en
cuanto a ella. Un color de fondo, un fondo o una distribución interesante de
los elementos dentro de una página es algo que no se olvida con facilidad.
En
este punto concretamos el diseño, con los últimos enlaces que sean necesarios e
incorporamos el estilo gráfico a las páginas, se ensambla el sitio con una
portada que sea capaz de presentar en una sola página física al menos lo más
relevante del sitio, se instalan links hacia la página personal del autor y/o
su dirección de correo electrónico.
Testeo
Finalmente,
es necesario revisar la coherencia general del sitio, que no hayan links
"rotos" que no conduzcan a ninguna parte; revisar la redacción y
ortografía de las páginas, hacer los ajustes necesarios para separar las
páginas que sean demasiado extensas en páginas más pequeñas.
En
ese contexto y Para el presente trabajo
he tomado como ejemplo el diseño de una pagina web para la consulta de
los Proyectos de Investigación que se desarrollan en el área ambiental de
Posibles
Categorías de la información:
·
Un portal donde se describen a través de enlaces los proyectos de
investigación que se llevan a cabo en el momento
·
Links sobre información de los sub-proyectos de cada proyecto
·
Investigadores relacionados con los proyectos
·
Links de la currícula de los
investigadores responsables de los proyectos
·
Fotos de los proyectos en específicos para cada uno.
·
Links donde se identifiquen las actividades relacionadas con los
proyectos y subproyectos
·
Consulta en línea acerca de las oportunidades de ingresos a los proyectos
con fines de recibir tutorías por parte de los estudiantes
de postgrado interesados.
·
Eventos
·
Actividades
·
Recreación
·
Links de información general sobre
otros aspectos ambientales
·
Otros.
Agrupar las categorías en secciones ejemplo:
Usuarios: Estudiantes de postgrado, pregrado y público interesado.
Asistencia
técnica. Estará a cargo del personal de
informática del centro de Investigaciones de
Reflexión
sobre la temática de tres sitios webs
Ofrece
información sencilla acerca de la creación de páginas webs. Criterios que se
deben tener en cuenta para el diseño de
la misma. El diseño de una página inicial y de la home page. Con lenguaje sencillo. También muestra
algunos links de información de cómo se deben presentar
el esquema de la misma.
http://sapiens.ya.com/electrotext/webaula/creapagweb.htm
Internet es una
gran red de redes, también llamada Supercarretera de la información. Es el
resultado de la interconexión de miles de computadoras de todo el mundo. Todas
ellas comparten los protocolos de comunicación, es decir que todos hablan el
mismo lenguaje para ponerse en contacto unas con otras.
Los servicios
básicos ofrecidos ahora por Internet son correo electrónico, noticias en red,
acceso a computadoras remotas y sistemas de adquisición de datos, y la
capacidad para transferir información entre computadoras remotas.
http://www.monografias.com/trabajos5/laweb/laweb.shtml
Conocimientos
necesarios para la realización de páginas Web.
En realidad no necesitamos de muchos conocimientos para la edición o
realización de una página Web, con tal solo saber en que lenguaje vamos a
editarla y manejar dicho lenguaje es suficiente, aunque en la actualidad hay
mucho software editor de páginas web (por ejemplo Dream Weaver, Netscape
Compser, etc.) y que muchos de ellos son gratuitos en Internet y que resultan
eficientes si deseamos algo versátil, sencillo y rápido, ahora si lo que
deseamos es calidad, podemos tener en cuenta algunos lenguajes para la edición
de dichas páginas.
http://www.monografias.com/trabajos11/pawe/pawe.shtml
Reflexión
personal
Al diseñar un
sitio web, el equipo de trabajo responsable del proyecto debe tener siempre en
mente los tres objetivos básicos que se persiguen al implementar una página
web. Número uno, que los clientes potenciales puedan localizar fácilmente su
oferta de productos y servicios. Segundo, una vez dentro del sitio, que se
queden y permanezcan navegando por las diferentes secciones. Y número tres, que
se pongan en contacto con su empresa.
Para que pueda
cumplir los objetivos de negocio que persigue y logre obtener los beneficios de
tener presencia en Internet, la página web de su organización debe ser un sitio
eficiente, un lugar que resulte atractivo a los visitantes y genere el volumen
de tráfico apropiado. Su sitio web debe contribuir a que los clientes se
sientan más cerca de su empresa.
Un sitio web
profesional es el resultado de un proceso de diseño y programación en el que se
han estudiado finamente cada uno de los detalles en cuanto a contenido,
estructura, diseño gráfico facilidades y posicionamiento, entre otros
conceptos. La selección de las técnicas de diseño debe llevarse a cabo con el
debido cuidado. Esto requiere desde luego una buena dosis de experiencia en
diseño web. Recuerde que dentro del grupo de visitantes seguramente habrá una
cantidad importante de clientes potenciales, por lo que el desempeño de su
sitio web es crítico para cumplir el objetivo del proyecto.
http://www.duiops.net/curso/diseno.htm
http://www.comprasvirtual.com/publicidad/
http://www.informaticamilenium.com.mx/paginas/espanol/disenoweb.htm
http://acceso.uv.es/accesibilidad.htm
http://www.wallpapers.cl/servicios/diseno_sitios_web.php
http://creatuweb.espaciolatino.com/