2. Proyecto web: FLUJO DE
TRABAJO
En la última década del siglo XX, "el boom de Internet" significó un acceso
masivo de usuarios y la publicación
de una cantidad gigantesca de sitios y páginas web que fueron construyendo la
red hipertextual mundial.
La cantidad de usuarios hacia finales de siglo a 276 millones con una cantidad
aproximada de 36 millones de
sitios web. Hoy hay aproximadamente 500 millones de usuarios.
Internet permite no sólo el fácil acceso a una infinita cantidad de información,
recursos y servicios
que todos los usuarios del planeta comparten, sino también, el que cualquiera,
con un mínimo de costo y
conocimiento, se puede convertir en un "emisor" y "productor de contenidos" ,
algo casi imposible
para la mayoría, en otros medios tradicionales como la radio, la tv y la prensa.
Existen dos inconvenientes principales en la web.
3. USABILIDAD o la problemática central
del diseño web
• En un primer momento, cuando Internet estaba en
pañales, el diseño web andaba a tientas.
• En la actualidad la experiencia ha permitido construir
ciertas reglas que indican qué es lo que conviene y no
• conviene hacer al momento de diseñar un sitio.
• Estas reglas se han construido a partir del propio uso de los
usuarios que han ido definiendo con su práctica de
• navegación, con sus exigencias de usabilidad, y sus hábitos
de consumo, cómo se debe diseñar un sitio.
• Jakob Nielsen, gurú del diseño web, dice que "la web es un
entorno en el que el poder está en manos de los usuarios.
• El usuario, que es quién hace clic con el mouse, es el que
decide todo.”
4.
5. ETAPA Nº 1 = PLANEAMIENTO o PLAN
ESTRATEGICO
• 1. IDEA DEL SITIO + QUIÉN SE PRESENTA (QUE OFRECE Y QUIEN SE
• PRESENTA)
• El sitio puede ser sobre la base de algo ya existente o tratarse de un
emprendimiento puramente virtual.
• En el primer caso el sitio será construido a partir de eso existente.
• En un emprendimiento puramente virtual todo comienza de cero.
• Tomemos como ejemplo un sitio web de un video-club, el logo, los colores, los
slogans, y todos los aspectos que
• hacen distintivos a una entidad, deberán ser mínimamente respetados.
• El segundo caso, por ejemplo una página sobre una banda musical, el diseño de
todo el sitio puede ser proyectado en
• base a un mayor despliegue de originalidad y creatividad y interactividad en
relación al perfil de los usuarios-fans.
• Es conveniente, en el caso de un emprendimiento puramente virtual (o de una
entidad no muy conocida), redactar
• siempre una especie de "quiénes somos", en donde se detalle la
"institución, empresa, organización o grupo" que se
• presenta, volcando esta información como una página del sitio.
6. • 2. A QUIÉN SE DIRIGE EL SITO = PÚBLICO - AUDIENCIA
• Una vez que se ha definido el público (clientes del video o fans del músico)
viene la tarea más engorrosa: determinar
• las características de ese público.
• Tengamos siempre presente que el público es la condición central de la
existencia de un sitio, es decir, todo nuestro
• trabajo tiene valor si está dirigido hacia ellos, por lo que siempre es
importante recordar que el sitio más que
• gustarnos a nosotros, tiene que gustarle y serle funcional a los usuarios.
• Por ejemplo, se sabe que el público del grupo musical Bandana, es
fundamentalmente adolescente (se ha obtenido
• este dato a partir de otros medios) y que ese público en general, está
familiarizado con la computadora, pero
• tendremos que imaginar qué información le interesaría recibir, qué tipo de
computadoras tienen, etc.
• Pero independientemente de las particularidades de cada destinatario, hay
algunas cuestiones generales que siempre
• se pueden tener en cuenta al momento de diseñar un sitio web.
• Es conveniente tener presentes las siguientes recomendaciones para el
momento en que se comience a diseñar, ya
• que son pertinentes para cualquier tipo de público.
7.
8. • Etapa Nº2 = ESBOZO DEL SITIO
• En esta etapa ya se puede comenzar a estructurar en un plano todos los
aspectos que serán parte del sitio. Es decir un
• esbozo con el "MAPA" o estructura inicial.
• El MAPA DE UN SITIO WEB se trata de un gráfico con cada una de las
"secciones" del sitio y sus respectivos
• contenidos, en donde, se parte de la raíz (la home-page) para continuar con
todas las ramas con que cuenta.
• A este plano se le suele llamar "estructura o mapa de navegación", y es una
de las primeras y más importantes tareas
• del diseño del sitio web!!!, Es como el guión de una película.
• /1 TIPOS DE ESTRUCTURAS WEB
• 1.A JERÁRQUICA
• La estructura jerárquica, es la típica estructura de árbol, en el que se parte
de la raíz, home page o página de inicio,
• en donde se establecen las diferentes secciones que contendrá el sitio.
• El ingreso a una sección conduce a una lista de subtemas que pueden o no
dividirse.
• Este tipo de organización permite al lector conocer en qué lugar de la
estructura se encuentra, e ir descendiendo a
• mayor contenido jerárquico de información.
9. • Etapa Nº3 = DISEÑO WEB
• Es el momento de expresar en el diseño eso que ha sido parte
del planeamiento estratégico general del Proyecto
• Web.
• El DISEÑO WEB comprende... El diseño de contenido y el
diseño estético/visual o gráfico del sitio.
• Se construye a partir de dos criterios básicos fundamentales:
• 1. Lo que está subordinado al plan estratégico del proyecto
web y que refiere a las particularidades de cada sitio.
• 2. Una serie de reglas que son de validez universal,
relacionadas en con el medio digital interactivo WEB.
• En esta clase se desarrolla este segundo aspecto, es decir,
todo lo que tiene que ver con las reglas generales del
• MEDIO WEB, dejando en ustedes la capacidad de discernir si
esas reglas sirven, son funcionales y pertinentes,
• desde el punto de vista estético o no, para el sitio en
particular que quieran diseñar.
10.
11. EDICION
• ETAPA Nº 4 = Edición Web
• Es el desarrollo de la estrategia web a los fines de "materializar" el sitio.
• La edición web, requiere de un proceso de aprendizaje técnico, pero
también de una adecuada aplicación en relación
• al medio digital en sí y en relación a los usuarios.
• Es indispensable recurrir a la edición y manipulación de herramientas
informáticas específicas, en este caso HTML,
• a los fines de concretar un sitio web. Pero también es indispensable
reconocer que el medio de funcionamiento =
• Internet implica criterios particulares de diseño.
• La edición web, es mucho más que el desempeño en el uso de un software.
En realidad...
• La edición web es una recurso que traduce en una apariencia
tecnológico/visual = diseño web, una serie de planes:
• perfil de sitio, qué comunicar, quién es la audiencia, etc.
12. 23-Finalizando el diseño
• ETAPA Nº 5 = Comprobación y Evaluación del sitio web
• Una vez finalizado el sitio, es decir cuando hemos finalizado la
edición y diseño de todos las páginas que lo
• conforman, es necesario hacer una especie de EVALUACIÓN
DE SU FUNCIONAMIENTO
• En realidad esta evaluación se debería ser una tarea de
costumbre frecuente en el avance del desarrollo o edición
• web del sitio, para ir detectando posibles errores y de ese
modo ir solucionando problemas concretamente sobre la
• marcha (y no después de 55 páginas dedidacadamente
diseñadas).
• Recordar que hasta antes de subir el sitio a Internet, en
realidad, estuvimos siempre navegando el sitio a modo
• "local".
13.
14. • Etapa Nº6 = Publicación del sitio
• En la estructura de funcionamiento de Internet existe una
división de aplicaciones y funciones que permiten la
• comunicación entre distintas computadoras.
• Por un lado, se encuentran los CLIENTES, que son los
programas que realizan los requerimientos o pedidos: son
• aquellos programas que sirven para usar correos, navegar en
la web, chatear, etc.
• Por otro lado, están los que dan respuestas a estos
requerimientos = SERVIDORES.
• En este gráfico vemos cómo es la comunicación entre ellos.
• En síntesis...
• Para navegar en la web o usar correos, se requieren
programas clientes que realicen esa tarea; en cambio para
• publicar el sitio web, se requiere de servidores en donde el
sitio se aloje para dar respuestas a las demandas.
• Los clientes se conectan a Internet, en general, cuando
necesitan un requerimiento.
15. • Etapa Nº7 = Publicidad y promoción del sitio
• Con el objetivo de tener un público de alta fidelidad, las
estrategias tendrán que estar orientadas al usuario que ha
• sido designado como la principal meta del sitio en la primera
etapa del planeamiento estratégico.
• Hay dos estrategias claves
• 1. ESTRATEGIAS DE PROMOCIÓN EN INTERNET
• 2. Promoción por fuera de la red, principalmente en otros
medios alternativos (o tradicionales) de comunicación.
• Nosotros vamos a ocuparnos únicamente de la promoción en
Internet.
• A: Alta o Indexación en los Buscadores
• Los buscadores son computadoras con bases de datos que
suministran una buena parte de la abundante cantidad de
• información que existe en Internet.