reseller hosting| web hosting| blog| forum| dating| free hosting| openhost| report abuse

Fax to Email

Unlimited Faxes, No Fees, Dedicated Phone Number

INDICE Planificar el Sitio Web. Cuestiones a tener en cuenta. Qué hacer y no hacer en un diseño Web.

Planificar el sitio Web
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:

1. 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.

En una web docente la audiencia destino serán alumnos y profesores de una asignatura, curso o tipo de estudios. El material incluido en la Web debe ir dirigido a dicha audiencia para un mejor aprovechamiento.

2. Establecer objetivos: debemos pensar cuáles son los objetivos de nuestro sitio web: ¿divulgar información?, ¿promocionar una asociación? ¿Comercio electrónico?, ¿educar?, ¿entretenimiento? Debemos definir los principales objetivos que queremos alcanzar, que junto con la audiencia destino nos permitirán definir los contenidos que debemos incluir en el sitio Web.

Los objetivos en una Web docente pueden ser muy diversos y dependen de si lo que queremos es una Web para educación a distancia o una web que sirva de apoyo y complemente a la educación presencial. En el caso de la educación a distancia (teleformación) los objetivos serán que el alumno supere el curso o asignatura a través de los contenidos y procedimientos que se establecen en la web. En estos casos será fundamental el apoyo de una guía de estudio y la elaboración de materiales didácticos de calidad.

En el caso de que la web docente nos sirva de apoyo para la clase habitual, incluiremos contenidos que complementen y amplíen lo visto en clase, con ejercicios, pruebas de auto-evaluación, tutoría on-line y con referencias a webs de donde extraer la información para realizar cualquier actividad relacionada con la asignatura.

3. Organización: una vez definidos los objetivos debemos recopilar todo el material gráfico y escrito que incluiremos en la web. Seguramente más adelante nos encontraremos que es necesario crear nuevos contenidos, pero si estamos organizados bastará simplemente con incluirlos donde corresponda. Una vez definidos claramente los objetivos y disponer del material necesario es hora de organizarlo. Cuánto más grande sea el sitio Web, más organización necesitaremos.
En una Web docente incluiremos materiales escritos (apuntes, exámenes, documentación,...) que debemos recopilar para organizarlos. Es conveniente que el material adopte un formato lo más parecido para que se identifique con la web. Igualmente, debemos decidir si el material será visible on-line o habrá que descargarlo previamente (se usan normalmente los formatos zip y pdf)

4. Crear la estructura de directorios: una vez que hemos organizado nuestras ideas y recopilado el material necesario para la Web, es el momento de organizar los contenidos en un sistema de archivos y directorios de forma ordenada. A este proceso se le llama mapeado del sitio web. Este trabajo es una parte esencial en la planificación del sitio Web, ya que nos ayudará a especificar las trayectorias correctas de los enlaces, imágenes y documentos que vayamos a incluir en la Web.
Para ayudarnos a visualizar la estructura de directorios es recomendable dibujar una especie de organigrama en el que vayamos colocando los directorios en función de su importancia desde un nivel superior a otros inferiores.

En una Web docente se suelen emplear directorios como programación de la asignatura, ejercicios, exámenes, material de consulta, etc.

5. Crear un guión: es el momento de hacer un boceto de la página principal y de cada página que esté enlazada a ésta, incluyendo todos los elementos que creamos necesarios (texto, imágenes, botones, hipervínculos,...) sin preocuparnos demasiado por los ajustes, es simplemente un boceto. Es importante recordar que los visitantes de una Web no lo van a leer completamente sino que lo que desean es encontrar rápidamente lo que les interesa, por lo que habrá que establecer una estructura adecuada de enlaces entre las páginas. El movimiento de un lado a otro del Web debe ser lo más intuitivo posible para facilitar el trabajo del visitante. Un sitio Web en el que sea difícil encontrar aquello que buscamos será abandonado rápidamente.

6. Desarrollo del aspecto externo: el siguiente paso será la representación visual del sitio Web. Es esencial la combinación de color, gráficos, tipos y texto que nos ayuden a expresar lo que queremos comunicar con estilo e impacto. Los editores de páginas Web incluyen recursos que ayudarán a los no especialistas en diseño a conseguir una estética adecuada.

Ir al principio

Cuestiones a tener en cuenta.- Estos son algunos aspectos que debe seguir para conseguir un buen desarrollo de su Web.

-Espacio y equilibrio: cantidad de espacio que los elementos de la página ocupan, así como la cantidad de espacio vacío y cómo equilibrar todo esto. Normalmente a los diseñadores les gusta ver abundante espacio en blanco entre los elementos, lo cual facilita la legibilidad y no agobia la vista.

-Color: dependiendo del tipo de Web incluiremos colores brillantes o suaves. En el caso de una Web docente es preferible colores suaves que faciliten la navegación y lectura de la documentación.

-Tipo de letra: esta característica añade personalidad al sitio Web pero es preferible no incluir muchos tipos de letra en una página Web.

-Formas: en casi todas las páginas Web se emplean rectángulos para colocar las cabeceras de página o titulares. Pero podemos emplear cualquier otra forma geométrica que nos ayudará a crear un sitio con personalidad.

-Textura o gráficos de fondo: hay que asegurarse de que el texto sea claro y fácil de leer.

-Consistencia: emplear por todas las partes un mismo esquema de colores que facilite la navegación.

Ir al principio

Qué hacer y no hacer en el diseño Web
Hay que tener en cuenta que hay que captar la atención del lector en un breve espacio de tiempo, por lo que habrá que tener cuidado con el aspecto de la Web, la velocidad de carga y todos los factores que hagan la visita más agradable a la Web.

Sugerencias.- Veamos algunas ideas.

- Colocar un título corto, descriptivo y preciso.
- Proporcionar pistas sobre el contenido en la parte superior de la página. No suponga que nadie va a desplazarse hasta la parte inferior.
- Si la página ocupa más de tres "pantallas", dividirla en más de una página; equilibrar el espacio en blanco, las imágenes grandes y pequeñas y los bloques de texto para dotar a la página de interés y variedad.
- Usar un color para el texto y enlaces que complemente al del fondo, en lugar de que se confundan con él.
- No crear dos enlaces con el mismo nombre que lleven a sitios diferentes o dos enlaces con diferentes nombres que lleven al mismo sitio.
- Ofrecer siempre una forma de retornar a través de un enlace a la página principal.
- Evitar generalidades como "¡Haga clic aquí!".
- Emplear imágenes comprimidas en los formatos adecuados.
- Emplear vistas en miniatura como enlaces a imágenes mayores.
- Recordar que el acceso a Internet se realiza por diferentes navegadores.
- Mantener nombres de archivos cortos.
- Informar a la gente del tamaño de los ficheros descargables.
- Obtener el permiso necesario para emplear texto o imágenes creados por otros.
- Crear un enlace con la dirección de correo del webmaster.
En Internet existen numerosas páginas que nos dan consejos sobre como diseñar páginas Web, ofrecen modelos de páginas e incluso se critican páginas para detectar los fallos más comunes. Ejemplos de estas páginas son las siguientes:
-Guía de estilo de Webestilo.com: nos proporciona cómo crear páginas de visualización más rápida, más cómodas y fáciles de navegar.
-La web ideal: realiza análisis sobre nuestra Web para detectar errores y solucionarlos. (los análisis son de pago).
-Usability Methods & Tools: describe los métodos de usabilidad y herramientas de trabajo para el desarrollo de sitios Web (en inglés).
-Think Tank: Web que revisa otras páginas Web acerca de su usabilidad. Contiene numerosos artículos y críticas. Muy recomendable su lectura.
-Los diez errores más frecuentes en el diseño Web: Artículo de Jakob Nielsen en 1999.

Regresar a la Página Principal