dos

uno

Planificacion de un Sitio

Para realizar un proyecto, sin importar su naturaleza, se requiere de un plan, de una planificación que sirva de guía para conseguir la finalización del proyecto en tiempo y forma, pero además, consiguiendo el objetivo para el cuál fué realizado. Entre los aspectos a considerar en un proyecto web tenemos lo siguiente:

Objetivo del sitio.
Caracterización de la audiencia.
Definición de contenido.
Definición de estructura.
Definición de diseño visual.
Maquetación.
Mantenimiento de sitios web.
Alojamiento.

Objetivo del sitio: Es importante analizar las principales motivaciones que tenemos para crear una página web y sobretodo las estrategias que debemos llevar a cabo para hacerlas rentables.

Al iniciar una pagina web, además de los planteamientos, debemos tener muy clara la estrategia que vamos a seguir y el “por qué” y “para que” queremos tener esa web.

Un usuario cuando se ingresa al internet tiene como objetivo conseguir algo, ya sea información, música, archivos, pdf, libros, video, etc. Es por ello que se debe tener muy en cuenta los objetivos de un sitio Web al momento de desarrollar la página o cuando se lo realiza su mantenimiento.

Estos objetivos se resumen:

• Persuadir a los contactos que se acercan a visitarnos por primera vez.
  Conseguir que nos cedan su dirección de correo-e junto a la autorización para mandarles información periódicamente.
• Interesar permanentemente también a los visitantes “repetidores”.
• En conclusión, para mantener nuestro sitio, se debe tratar de cumplir estos objetivos, esto ayudará a que nuestro sitio tenga un posicionamiento y un buen web ranking.

Caracterización de la audiencia: Una vez que se ha terminado adecuadamente la etapa anterior con la generación de los objetivos del sitio, se debe dar un siguiente paso, que es el de determinar las principales audiencias (públicos) hacia las cuales se orientará el sitio.

Está claro que el Sitio Web no podrá atender al mismo público que atiende la institución, dado que el acceso a Internet se produce mayoritariamente en segmentos de ingresos medianos a altos. Sin embargo, hay varias consideraciones que tener en cuenta, al definir qué tipos de audiencia se atenderán desde las pantallas del sitio.

A continuación se hacen algunas definiciones de audiencia, las que, sin importar las características del sitio, siempre deberán estar presentes, y por lo mismo, deben traducirse en acciones para poder atenderlas adecuadamente.

Por capacidad física: La audiencia del sitio incluirá personas con discapacidades físicas, por lo que una de las metas que debe tener todo sitio del Gobierno de Chile es permitir el acceso de ellos, a través del cumplimiento de las normas de Accesibilidad que se han recomendado como estándares internacionales. Para hacerlo se deben tomar las medidas correspondientes en la construcción del sitio, las que se describen en el título sobre Usabilidad y Accesibilidad.

Por capacidad técnica: La audiencia que llegue al sitio se dividirá de acuerdo a la experiencia técnica que tenga; por ello se deben plantear acceso simples mediante enlaces y otros más complejos, por ejemplo, mediante el uso de buscador.

Por conocimiento de la institución: Los usuarios del sitio se dividirán entre quienes conocen la institución y quienes no la conocen. Por lo anterior, los primeros siempre sabrán dónde buscar lo que necesitan usando la terminología, siglas y nombres de departamentos internos; los segundos, en tanto, no entenderán nada de la nomenclatura interna y les será muy difícil acceder a la información que se les ofrezca de esa manera.

Por necesidades de información: Los usuarios del sitio también se dividirán entre quienes llegan a buscar contenidos determinados y quienes sólo llegan a ver si existe algo que les pueda servir en lo que estén realizando.

Por ubicación geográfica: Dentro de la audiencia siempre habrá vistantes que ingresan al Sitio Web desde lugares diferentes, por lo que los contenidos deben responder también a esta diversidad.

Definición de contenido: Una vez que se han identificado los objetivos del sitio y la audiencia, se debe proceder a hacer las definiciones más concretas que permitan decidir qué contenidos son los que va a tener el Sitio Web que se desarrolle.

Para identificar contenidos, se deben utilizar como insumo los materiales que se hayan obtenido en la etapa de identificación de Objetivos y de Audiencias, ya que en ambos la búsqueda giró en torno a las necesidades que tenían los usuarios del sitio.

Para cumplir con una norma general respecto de qué debería contener un sitio, se pueden anotar las siguientes, como las más importantes:

Acerca de la Institución: Entregar la información completa referida a Autoridades, Organigrama, Normativa legal asociada, Oficinas, Horas de Atención, Teléfonos, etc.

Productos / Servicios: Destacar las actividades principales que el usuario puede hacer en la institución; puede incluir una guía de trámites que facilite las acciones de las personas que acudirán a la institución y que considere servicios interactivos para hacerlos desde el Sitio Web.

Novedades de la Institución: Ultimas actividades, noticias, etc.

Viendo esta lista mínima (que crecerá en la medida de las necesidades de entrega de información de la institución), hay que hacer énfasis en que el interés de los contenidos variará si se trata de un usuario interno o externo.

Definición de estructura: Una vez que se ha hecho el trabajo de identificación de contenidos reseñado en las etapas anteriores de este documento, se debe avanzar hacia las definiciones relacionadas con la forma que tendrá el sitio que se está desarrollando. Ello implicará trabajar en tres áreas concretas, a través de las cuales se definirá la estructura del sitio, el árbol de contenidos y los sistemas de navegación que se ofrecerá a los usuarios para que avancen a través de sus contenidos.

Definición del Diseño Visual: Una vez que se ha terminado el trabajo en la estructura, ya se cuenta con los insumos suficientes como para avanzar hacia la generación del diseño visual de las pantallas del sitio, momento en que se utilizarán todos los insumos que se han ido generando en las etapas anteriores.

Diseño de las Estructuras de Páginas: Esta etapa considera la generación de dibujos sólo lineales que describen los componentes de cada una de las pantallas del sitio, con el objetivo de verificar la ubicación de cada uno de ellos.

El ideal es que se dibujen diagramas con todas las pantallas que tendrá el sitio, ya que de esta manera será posible que diseñadores y desarrolladores tengan un documento concreto de trabajo, a través del cual resuelvan todas las dudas de los elementos que componen esta página. Si bien este trabajo es largo y puede resultar tedioso, su ventaja es que ningún elemento en las páginas queda puesto al azar sino que responde a necesidades puntuales que se han detectado y que se resuelven por esta vía.

Nuevamente, tal como se planteó cuando se estaba presentando el tema de Estructura en las páginas anteriores, lo ideal es que estos dibujos no tengan ningún elemento gráfico o visual concreto, sino que sólo incluyan líneas y bloques que representen objetos de contenido (como logos, viñetas o fotos). Nuevamente, como en ese caso, el uso de estas imágenes ayudará a que la discusión sobre cada pantalla se centre en la funcionalidad y no en temas más subjetivos como colores o calidad de los elementos de diseño en la página.

Maquetación: En el caso de un sitio estático, esta etapa corresponderá a la construcción del sitio. En el caso de un sitio dinámico, las páginas que se generen permitirán que el diseñador genere las plantillas de trabajo y el desarrollador de software las utilice como elementos para introducir la programación que sea necesaria para la creación del sitio.

Es importante considerar que todas las tareas y actividades incluidas en esta etapa pueden ser abordadas por un diseñador que tenga experiencia en diseño web. Esto debe ser parte de los requerimientos solicitados a las empresas proveedoras de este tipo de servicios.

Mantenimiento de sitios web: El mantenimiento del sitio web se basa en la aspiración del desarrollo de proyectos en todas las partes posible. En todos los proyectos es necesario mantener y desarrollar, por que la perfección no tiene limite. Con el mantenimiento es abastecida la capacidad de trabajo del proyecto y su actualidad.

Alojamiento: Antes de seleccionar el mejor servicio de Alojamiento para su Sitio Web es bueno entender lo que es Alojamiento. Un proveedor de Alojamiento es una compañía que mantiene el sitio en servidores con una conexión permanente al Internet. Por lo general estos servidores cuentan con un gran rendimiento pues poseen discos duro de gran capacidad de almacenaje, procesadores eficientes, mucha memoria y una conexión de Internet de alta velocidad. Esto le evitara tener que preocuparse por toda esta tecnología ni del mantenimiento.

Primero se debe realizar una lista con las necesidades y requerimientos de su página. Lo más importante es definir el espacio que necesitara para alojar los archivos de su Sitio Web. El tamaño del ancho de banda (Bandwidth) es otro parámetro importante a considerar en cualquier plan, esto es importante pues determina cuantas personas pueden visitar su página de Internet sin ser suspendido el servicio. Es importante seleccionar la mayor cantidad posible de (Bandwidth) si se va a establecer un negocio.

Referencias web:
http://www.gestiopolis.com/Canales4/ger/elobweb.htm
http://sistemas3.wordpress.com/2007/11/12/objetivos-de-una-sitio-web/
http://www.guiaweb.gob.cl/guia/capitulos/dos/audiencia.htm
http://www.guiaweb.gob.cl/guia/capitulos/dos/contenidos.htm
http://www.squadradigital.com/alojamiento.html

Mapa Conceptual

DESCRIPCION DEL MAPA CONCEPTUAL
Al diseñar un sitio web, se debe tener siempre en mente los objetivos básicos que se persiguen al implementar una página web, así como las reglas básicas y pasos necesarios para obtener los resultados esperados.

Reglas de diseño web: Existen una gran cantidad de de reglas a seguir para el diseño de un sitio web, algunas de estas reglas son fácil de entender y pueden aplicarse con gran facilidad, pero hay otras mas complejas tal ves porque su aplicación necesita un poco mas de experiencia y conocimiento en cuanto a programación se refiera, también suele suceder que se ignore la existencia de estas y esto conlleve a un mal diseño. Esto no debe alarmar a nadie siempre hay un as bajo la manga “Google”, si se sabe hacer buen uso de esta herramienta la investigación no tiene por que ser de mala calidad siempre y cuando este actualizada, aplicando los criterios adecuados servirá de mucha ayuda.

Al momento de diseñar o modificar un sitio web hay cuatro reglas básicas que el diseñador web debería seguir para lograr que el sitio sea más efectivo y funcional y tenga más éxito.

1. Que sea fácil de leer: Cuando diseñas un sitio web lo primero es asegurarte que sea fácil de leer. Cuando escribas contenidos recuerda que la mayoría de los visitantes de sitios web no leen cada palabra de una página, de hecho solo 'escanean' la página buscando lo que quieren.

2. Simplifica la navegación: Los menús y enlaces componen la navegación, el visitante los usa para ir de una página a otra y moverse dentro de un sitio. Planifica siempre el sitio en cuanto a como pasará la gente de una página a otra. Un visitante de tu sitio debería ser capaz de llegar a donde quiere en tan solo tres clicks de ratón.

3. Diseño de contenidos: Has uso de una o dos estructuras diferentes en el diseño de un sitio web. Cuando un lector navega por tu web debería poder acostumbrarse a mirar en los mismos sitios para tus direcciones, tus subdirecciones y tus contenidos.

4. Aligerar el peso de las páginas: El peso de la página es el tamaño total de una página en tu sitio, medida en bytes, el código, el texto y las imágenes. Lo que tu sitio web pesa marca una diferencia para tus espectadores. Una página que pesa poco es mejor porque se carga más rápido.

Al diseñar se debe de tener encueta los siguientes puntos.

Diseñar sitios ágiles y dinámicos. Los diseños se enfocan en el alto impacto visual, e intentan ser agradables al navegante manteniendo una estética uniforme que represente a su empresa, proyecto o persona.

Diseñar sitios web buscando no solamente un aspecto estético agradable (impacto visual) sino haciendo hincapié en otros factores de calidad de importancia. Acción de Marketing orientada a objetivos propuestos: captura de clientes, comunicación efectiva, etc.
Marketing: Una buena campaña de Marketing ayuda a que su proyecto se haga grande y cumpla el objetivo.

Estándar Web: Para el diseño de los sitios web se debe seguir un estándar, es importante trabajar con la imagen corporativa, así como también la instalación de sistemas de gestión de contenidos y otras herramientas de información, comunicación y colaboración. Todo debe depender de lo que uno quiera y la audiencia necesite. Nos debemos preocupar que los diseños sean amigables con las personas y los motores de búsqueda, que carguen rápido y sean fáciles de administrar.

Identidad corporativa: Si una empresa quiere ser exitosa hoy día, debe tener completamente claro ¿a dónde quiere llegar? y lo que debe hacer para alcanzar sus metas.
La identidad corporativa es la estrategia de comunicar un mensaje común. Una imagen corporativa fuerte es la que refuerza el reconocimiento de una marca entre su público.
Visualización en navegadores web: Como sabemos el navegador web es el puente de nuestro acceso a Internet no es ninguna novedad. Sin él, no podríamos acceder a los sitios publicados ni interactuar con ellos. Un software vital que merece toda nuestra atención.
No, no vamos a caer en lugares comunes y recomendarle el uso de uno en particular ni felicitarlo por cuán inteligente es usted por su elección. Claro, para elegir hay que informarse porque "optar" es otra cosa.

Todo aquel que diseña sitios Web se habrá llevado una gran desilusión al comprobar que la página Web realizada no se ve bien en la versión x del navegador x. Para testear correctamente tendríamos que tener todos los navegadores en todas sus versiones instaladas en nuestro ordenador, lo cual es inviable. Para comprobar el aspecto que tendrá la página web en los diferentes navegadores pueden hacer uso de las siguientes herramientas las cuales resultan ser muy útiles para dichas cuestiones.

IE NetRenderer: Esta página Web permite visualizar el aspecto de nuestras páginas sólo en Explorer.

Browsershots.org: Esta herramienta es mucho más completa que la anterior ya que nos permite ver el aspecto de nuestra Web bajo diferentes sistenas operativos (Windows, Linux, Mac OS, BSD) y diferentes navegadores Web como Explorer, Firefox, Safari, Dillo, Galeón, Opera, etc. Y no sólo eso sino que lo comprueba en las distintas versiones de estos navegadores.
Resolución en pantalla: Las aplicaciones encargadas de presentar las páginas web son los navegadores (browsers), entre los que cabe destacar por su importancia y difusión Internet Explorer, Netscape Navigator y Opera.

La interfaz de un navegador, en su modo estándar, presenta al usuario una o más barras superiores (de menús, de dirección, etc.), una barra inferior (la barra de estado) y un espacio principal, la ventana, en el que son presentadas las páginas web.
La forma de esta ventana es siempre rectangular, pero su tamaño varía, dependiendo del monitor y de la tarjeta gráfica. Podemos hablar de dos tamaños de pantalla diferentes:

Tamaño absoluto: es el tamaño "real" de la ventana del monitor, medido generalmente en pulgadas. Depende del monitor.

Resolución o tamaño relativo: viene determinada por el número de pixels que se muestran en la ventana del monitor, siendo el píxel la unidad mínima de información que se puede presentar en pantalla, de forma generalmente rectangular. Depende de la tarjeta gráfica.
Las posibles resoluciones de trabajo de un equipo dependen sobre todo de la calidad del monitor y de la tarjeta gráfica del ordenador, y se configuran, en sistemas operativos Windows, bien haciendo click con el botón derecho del ratón sobre el escritorio, seleccionando la opción Propiedades y accediendo a la pestaña Configuración, bien desde Inicio > Panel de control > Pantalla.

La importancia de la resolución de pantalla sobre la forma de ser visualizadas las páginas web en la ventana del navegador es muy importante. A mayor resolución se dispone de más puntos de información para presentar los elementos en pantalla, pero estos puntos son más pequeños, con lo que los elementos de la interfaz (textos, imágenes, objetos de formulario, etc.) se ven más pequeños.

Tipos de audiencia: Antes de lanzarnos a editar una página web debemos dedicar un tiempo a planificar nuestro trabajo para asegurarnos de qué vamos a incluir en la web, de dónde lo vamos a obtener y qué aspecto externo le vamos a dar. Un minucioso trabajo de planificación reducirá los errores que se producen cuando nos ponemos a editar una página. Si queremos evitar borrar y repetir las cosas una y otra vez, convendrá que sigamos los siguientes pasos:

Definir la audiencia destino. Al crear una web desearemos que comunique adecuadamente el mensaje y contenidos que quiere transmitir: publicar los resultados de una investigación, describir una situación o la inclusión de contenidos diversos. En función de la audiencia destino el diseño de la web será diferente, por ejemplo si queremos publicar un artículo los visitantes visitarán la página para leerlo por lo que todo elemento que adorne excesivamente la página y ralentice su carga será negativo para nosotros

Usabilidad y accesibilidad: Cuando se habla del término Usabilidad en el Diseño Web, se esta hablando de la facilidad o nivel de uso de un sitio web.

Accesibilidad es ya casi un sinónimo para Diseño Web sin barreras, la accesibilidad web se refiere a la capacidad de acceso a Internet y a sus contenidos por todas las personas independientemente de la discapacidad física, intelectual o técnica que puedan presentar.

Las limitaciones en la accesibilidad de los sitios Web pueden ser:

· Visuales: En sus distintos grados, desde la baja visión a la ceguera total, además de problemas para distinguir colores (Daltonismo).

· Motrices: Dificultad o la imposibilidad de usar las manos, incluidos temblores, lentitud muscular, etc., debido a enfermedades como el Parkinson, distrofia muscular, parálisis cerebral, amputaciones...

· Auditivas: Sordera o deficiencias auditivas.

· Cognitivas: Dificultades de aprendizaje (dislexia, dyscalculia, etc.) o discapacidades cognitivas que afecten a la memoria, la atención, las habilidades lógicas, etc.

Uso eficiente de elementos multimedia: El término Multimedia en el mundo de la computación es la forma de presentar información que emplea una combinación de texto, sonido, imágenes, vídeo y animación.

Entre las aplicaciones informáticas multimedia más comunes podemos mencionar juegos, programas de aprendizaje y material de referencia.
La mayoría de las aplicaciones multimedia incluyen asociaciones predefinidasconocidas como hipervínculos o enlaces, que permiten a los usuarios moversepor la información de modo intuitivo.

La conectividad que proporcionan los hipertextos hace que los programas multimediano sean presentaciones estáticas con imágenes y sonido, sino una experiencia interactiva infinitamente variada e informativa.

Referencias Web:

http://www.sukialogic.com/diseno-y-desarollo-web/57?task=view&6de52aed1121303eed42707161c702d4=ltetsjtj
http://notigen.blogspot.com/2009/05/navegadores-web-cual-elegir.html
http://ciberconta.unizar.es/Leccion/frontpage/100.HTM
http://www.desarrolloweb.com/articulos/1286.php
http://www.hidrasolutions.net/diseno-web/usabilidad-y-accesibilidad.html
http://www.maestrosdelweb.com/editorial/multime/
http://www.wikilearning.com/curso_gratis/introduccion_al_diseno_web-resolucion_de_pantalla/4463-5
http://www.lukor.com/webmasters/08040950.htm
http://conceptomarketing.com/2008/07/trucos-y-consejos-de-diseno-web/10-reglas-de-oro-en-diseno-web.htmlhttp://www.madboxpc.com/adobe-trabaja-con-google-y-yahoo-para-indexar-flash/