PAUTAS PARA LA EXPOSICIÓN DEL PROYECTO WEB

Les coloco aquí un ejemplo para que les sirva de guía. Recuerden que la fecha final y única para la entrega de la página web completa es el viernes 7 de noviembre.


1. Nombre de la página: Sabores peruanos.

“Le pusimos ese nombre a nuestra página por la gran variedad de platos típicos que posee el Perú, tanto en la costa, sierra y selva. Es una página exclusiva acerca de la gastronomía peruana, en la cual enfatizamos una de nuestras principales características turísticas: la riqueza de nuestra comida peruana”.

2. Dirección: http://www.sabores-peruanos.com/ Este sitio no está registrado por tanto podemos usarlo

3. Público Objetivo: A quiénes va dirigida la página. Definir edades, estrato socioeconómico, ocupación.

4. Características del sitio: ¿Cuántas secciones tiene la web? Cuáles son esas secciones.

Nuestra página web se divide en 6 secciones. La primera se llama….y tiene… Describir lo que contiene cada una de las secciones.

5. Diseño: Sustentar el uso de colores, la estructura de la página (columnas, jerarquía). Así como el Logotipo, la tipografía, y los botones.

Ejemplo:

La tipografía que usamos en todos los contenidos fue letra arial 16 (para los títulos) con color celeste y letra arial 12 (para los contenidos).

Los botones de las secciones fueron letra arial 24 en color plomo con fondo negro, donde al pasar o cambia el fondo a color blanco. El nombre de sabores peruanos es letra arial 72 en color blanco con un fondo plomo trasparente.

El logo que escogimos fue el de una papa por varias razones. La primera porque la papa es peruana, el Perú es un gran productor de papa con una cantidad enorme de variedad de papas. La segunda porque en el 2008, celebramos “el año de la papa” y desde nuestra sitio web deseamos incentivar su consumo y difusión.


6. Estrategias de posicionamiento: ¿Cómo hacer para ganar visitas?

Podemos encontrar diversas páginas web acerca de la gastronomía peruana. Sin embargo, nosotros presentamos una propuesta diferente para posicionarnos poco a poco y captar mayor número de visitantes proponiendo las siguientes estrategias:


7. Recursos necesarios: El equipo a cargo está formado por….estudiante A y estudiante B. Costos del servidor y dominio de la página.

Entrega de trabajo para el viernes 12 de setiembre

-Cada grupo debe presentar diseñada la cabecera de su página web. Esta debe incluir: el logotipo y la barra de navegación.

Ejemplos:

Arquitectura de la información

Una vez definidas las secciones de nuestra página web la siguiente tarea que tenemos que enfrentar es la de organizar toda la información. A esto se le conoce como arquitectura de la información, es decir, el diseño del esquema bajo el cual se organizarán los contenidos de una página web.

Los cuatro pasos básicos para organizar la información son:

1. Dividir la información en unidades lógicas: textos, imágenes, espacio de interactividad.
2. Establecer una jerarquía por orden de importancia y generalidad.
3. Utilizar esta jerarquía para establecer relaciones entre las piezas de información.
4. Analizar el sistema estética y funcionalmente.


Cuatro aspectos de la Arquitectura de la información:

• Actualización: si la web es de noticias, se hará al poco tiempo de ocurridos los acontecimientos.

• Cantidad de contenidos: ¿Cuánta información va a haber?

• Jerarquía de la información: cuál es la más importante.

• Retroinformación: feedback (foros, encuestas, chats).


Algunos enlaces que nos podrán ilustrar más sobre el tema:

- Arquitectos de la Web (El País, 11/10/2007)

- La diagramación en la arquitectura de información.

- Arquitectos de la información como agentes de cambio.

La nueva web de Perú.21

El rediseño de la página web del diario Perú.21 (ahora http://peru21.pe) ha privilegiado una serie de innovaciones en cuanto al formato de publicación y al uso de elementos multimedia, estos últimos para complementar las informaciones que antes eran básicamente textuales. Además, ahora aprovecha el máximo de la pantalla (1024 x 780 pixeles) y ha optado, al igual que Elcomercio.com.pe , por incluir sus propios blogs.

De ser un sitio web que solo jerarquizaba las noticias por su importancia, Perú21.pe ahora da prioridad a las noticias de último momento a través del formato cronológico (como si fuera un Weblog), propuesta que ya manejaban sitios como Clarin.com y Le Post.fr. Sin embargo, a diferencia de estos dos cibermedios, Perú21.pe utiliza una parrilla en la parte superior (franja azul) donde coloca las noticias más importantes del momento. Esto para sugerir al visitante una ruta de lectura.

Para el usuario que estaba habituado a navegar en la anterior versión, la nueva página se desmarca totalmente de la edición impresa. Y esto no ha caído nada bien, aunque tenga una explicación lógica. Por ejemplo, los columnistas del diario no aparecen destacados con sus fotografías, como antes, en la página de inicio de la web, a excepción de la opinión del director. En su lugar, se ha incluido ahora unos blogs (de distinta temática, que aún se irá implementando), los cuales –vale recordar- son también espacios de opinión y permiten la interacción directa con el público. Sin embargo, debajo de la captura de la portada de la edición impresa uno puede encontrar resaltado en un recuadro amarillo el enlace respectivo a los columnistas.

En cuanto a la inclusión de recursos multimedia, la novedad es el uso de los videos de los espacios noticiosos de América Televisión y Canal N (sobre todo ellos por ser parte del mismo grupo empresarial), los cuales permiten complementar la información escrita, que no ha dejado de ser importante, sino que ahora se ve enriquecida con este elemento informativo. La nueva página cuenta con una plataforma propia para alojar los videos, aunque esto no indica que se haya descartado el uso de videos de YouTube.

Asimismo, presenta la inclusión de audios de entrevistas propias, las cuales son realizadas por un grupo de personas que se encarga también de redactar el respectivo texto. Esto se hace en coordinación con una agencia interna (que también provee de información a la versión digital de El Comercio), que tiene un equipo que, además de las entrevistas, se encarga de realizar las grabaciones en video sobre temas de actualidad y otros que sin ser tan importantes son atractivos, como es el caso del detrás de cámaras (backstage) de la Chica.21.

Otra de las novedades, quizás la más importante, es en cuanto se refiere al Sistema de Gestión de Contenidos (CMS, por sus siglas en inglés). El equipo de desarrollo web, encabezado por César Soplín, ha utilizado Drupal, que según él mismo lo explica en su blog Backdraft (Ver el post “Rediseño de Perú21: preguntas y respuestas”), es un buen CMS de open source (software libre, para más señas) que permite darle a Perú21.pe mayor usabilidad, seguridad y también facilidad en el mantenimiento.

La anterior versión de la página web de Perú21 dependía mucho más de la
edición impresa

En cuanto al diseño, el uso de colores azul, fondo negro (en la cabecera), es sobrio aunque el negro no guarda correspondencia con los colores del diario de papel (rojo, azul, amarillo y blanco). El tamaño de la tipografía se ha incrementado a un Arial 18 para los titulares y la bajada tiene tamaño 12, lo cual hace que las noticias resalten mucho más, aunque esto obliga al usuario a desplegar más el scroll para poder visualizar todas las notas del día. Esto para algunos, que no tienen el mouse con el scroll incorporado, puede ser una tarea extenuante.

Definitivamente que esta nueva página es notablemente mejor que la anterior (que fue puesta en línea en diciembre de 2005), aunque deberán hacerse algunas mejoras. Por ejemplo, ese banner de publicidad de la parte superior se podría subir un poco más (tomar como referencia elmundo.es) para que a primer golpe de vista pueda verse la noticia más reciente. Esto sería importante también porque “obligaría” al usuario a visualizar las demás noticias. Algunos problemas, como el de las encuestas o la distinta visualización en otros exploradores, se van subsanando; y naturalmente, a una semana de su lanzamiento son comprensibles algunas imperfecciones.

Como en su momento lo fue el lanzamiento de la nueva web de El Comercio, el que se haya invertido recursos y esfuerzos para el rediseño del sitio electrónico de Perú.21 contribuye al desarrollo del periodismo digital en el país. Esto, a su vez, plantea nuevos desafíos a quienes nos desenvolvemos en este ámbito y permitirá a quienes vengan en el futuro tener una referencia de cuál es el camino que apenas estamos empezando a recorrer.

¡Quiero tener mi propia web!

Hace unos meses una alumna me contó que quería sacar su propia revista de turismo. Me comprometí a averiguarle los costos de impresión y cuando le dije que para editar mil ejemplares necesitaba alrededor de 10 mil soles (unos 3,500 dólares), pisó tierra.

Esto viene a cuento, pues lo que le recomendé fue que primero empiece con tener una página web, claro sin renunciar al proyecto de la revista. Los gastos de hosting (alojamiento de una web) con suerte llegan a los 150 soles al año (eso dice Hosting Perú). Por eso, considero que no está fuera de la realidad decir que nosotros podremos tener nuestra propia web.

Así va la historia

Si bien hay personas que se dedican exclusivamente a diseñar páginas web, el objetivo de nuestro curso de Periodismo Digital es ofrecer algunas nociones para poder poner en marcha el proyecto de una página web. Es conocer el proceso de construcción y estructuración de un sitio web. Esto con el criterio de que muchos de ustedes, más adelante, tendrán a su cargo el proyecto de una página web.


Tenemos dos términos, que por razones prácticas hemos separado:

1. Periodismo.
2. Internet.

Si el periodismo escrito tiene como soporte al papel, el Periodismo en Internet, tiene como soporte a la Web.

Soporte: Web (World Wide Web) –> diseñada en 1993 por Tim Berners Lee.

UNA GRAN TELARAÑA. El desarrollo de la World Wide Web nos permite ver las informaciones tal como ahora podemos apreciarlas (texto, imagen, audio).

¿Qué es una página web?

Es una fuente de información adaptada a la World Wide Web y accesible a través de un navegador de Internet (Internet Explorer, Mozilla, etc).


Hay dos tipos de páginas web:

- Estáticas: Para modificar su estructura, se tiene que modificar el código HTML con el cual está estructurado nuestro sitio web. Cada contenido es como una pieza rígida de un rompecabezas.

Las primeras web que aparecieron eran hechas solo con lenguaje HTML. La cantidad de información que contenían era limitada.

- Dinámicas: Su estructura se puede modificar, es decir se puede almacenar información en cantidad indefinida. Tiene extensión PHP (Hypertext Pre-processor) y Java Script.

Utiliza Sistemas de Gestión de Contenidos (CMS, por sus siglas en inglés Content Management System). Un ejemplo de CMS es Joomla!

Una web dinámica son las que podemos apreciar en todas los sitios informativos.

Una página web tiene la siguiente estructura:

1. Cabecera: donde están ubicados el logotipo de la página y la información básica (la fecha, hora de actualización, temperatura, etc).

2. Barra de navegación: conocida como barra de menú, donde están desplegados los contenidos del sitio web.

3. Módulos o celdas: es cada recuadro en el que se encuentra ubicado cada uno de los hiperdocumentos (unidades de información).

4. Zona de créditos: donde está la información sobre el medio o empresa que desarrolla la página web (correo electrónico, teléfono, etc).

Pasos para desarrollar un proyecto web:

Para desarrollar una página web, debemos hacerlo desde el punto de vista del usuario. Es decir, pensar que este “producto” tiene un “público objetivo” (para utilizar términos del marketing).

1. Definir la temática de nuestro sitio web: ¿De qué va a tratar nuestra página?

2. Determinar nuestro público objetivo: ¿A quién va dirigida la página? Edad, actividad profesional e intereses de nuestros usuarios.

3. Establecer las secciones: nuestro sitio aloja unidades de información (hiperdocumentos), por ello es necesario dividir en áreas, en temas nuestro sitio web.

Ejemplo: En el caso de una página web sobre turismo, pensemos en que tendremos una sección sobre noticias de actualidad (semana turística de una determinada zona, festividades, etc), otra donde desarrollemos crónicas y reportajes sobre algún lugar turísticos. Otra sección podría ser aquella en donde destaquemos el contenido multimedia que poseemos. (fotogalerías, mapas o infografías, etc).

4. Realizar el mapa de navegación: Es la hoja de ruta que guía al usuario para entrar a cada una de las unidades de información.

5. Organizar los contenidos: etapa conocida como Arquitectura de la Información. Las informaciones tendrán que ubicarse en determinados lugares para destacarse más que otros. Una referencia para ello es el estudio de Eyetracking (estudio de ‘rastreo del ojo’) que nos permite saber en qué lugares destacar una información.

6. Empezar a trabajar los contenidos: Empezar a redactar las informaciones, editar las fotos, el video, etc.


Diseñando una página web:

Como el éxito de nuestra página web está condicionado a la satisfacción de nuestros usuarios, diremos que el diseño de nuestro sitio estará pensado para que estos puedan encontrar la información que están buscando.

Tal como señalan Yusef Hassan, Francisco J. Martín Fernández y Gózala Iazza, en su ensayo “Diseño web centrado en el usuario” (verlo aquí en Número 2, mayo 2004) , un buen diseño de un sitio web se caracteriza por ser:

- comprensible.
- Fácil de usar.
- Amigable.
- Claro.
- Intuitivo.
- Fácil aprendizaje.


Para tal fin estos autores recomiendan centrar el diseño de un sitio web en dos criterios:

- Usabilidad: es el grado de eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr objetivos específicos (o sea, encontrar la información).

- Accesibilidad: El sitio debe posibilitar el acceso a todos sus potenciales usuarios, sin excluir a aquellos con limitaciones individuales (discapacidades, dominio del idioma) o limitaciones derivadas del contexto de acceso (software y hardware, ancho de banda, etc).



Evaluación y posicionamiento de nuestra página web

Hay algunos términos importantes a considerar que nos permiten medir el éxito de nuestra página web.

IAB Perú se encarga de ver las estadísticas de los sitios web (Dar click sobre la imagen para ver en detalle el estudio).


- Usuarios únicos: Es el número de personas que visitan una página en un período determinado. Si una persona visita más de una vez una misma página, se la contabiliza sólo una vez. Los usuarios únicos se calculan por día y por mes.

- Sesión: Cada una de las visitas que realiza el navegante al sitio. Esta concluye cuando se registran más de 30 minutos de inactividad.

- Page view: Corresponde al envío de una página completa al navegador del usuario. Cada vez que una página es descargada completamente en el navegador de un usuario se contabiliza como una page view adicional. Sinónimos de page view es: Pagina Vista.


New York Times.com : 24 millones de usuarios únicos al mes.
ElMundo.es: 9. 899, 507 usuarios únicos al mes.
ElPais.com: 2. 2566, 000 usuarios únicos al mes.
Clarin.com: 5.024, 312 usuarios únicos al mes.
Elcomercioperu.com: 1.309, 961 usuarios únicos al mes.


Con estos criterios básicos debemos estructurar nuestra página web. Naturalmente nuestro objetivo es captar el mayor número de visitas. Si queremos generar visitas un mecanismo es a través del sistema de avisos llamado Google Adsense. Naturalmente, otro camino es la publicidad convencional que en Internet va creciendo.

Concha Edo en su ensayo “Incertidumbres del periodismo en Internet” señala que: “la renovación permanente y actualizada de los contenidos y la facilidad de acceso a la información son las claves del éxito de los medios de comunicación en Internet”.

Si tomamos en cuenta que ahora más que nunca las personas se conectan a Internet, estas palabras tienen mucho sentido.

diseño,
estructura,
periodismo
digital,
página
web