Web 1Grupo 24

Objetivos y Propósitos

• Permitir que cualquier usuario que visite nuestra página web pueda entender y seguir el proceso de desarrollo del proyecto y de forma detallada, ya sea, mostrando todas las acciones realizadas, a través de imágenes, encuestas, prototipos, problemas, errores, etc.

Orientación a usuarios • El tema consiste en mejorar la eficiencia en el proceso

del reciclado, el perfil del visitante sera;

• Estudiantes; que necesitan información o referencia respecto al desarrollo del proyecto.

• Personal relacionado con el reciclaje.

• Profesores del área.

Comparación con web similares .

• Página; http://reciclandoenespiral.com/blogreciclaje/• País; Costa Rica.• Diseño tipo blog, el sitio no es de fácil uso para un usuario

promedio, presenta dificultades en la entrega de información de manera eficiente, al costado izquierdo cuenta con un buscador y categorías que sirven para encontrar información de manera fácil y rápida.

• Pagina: http://yoreciclo.cl/• País: Chile.• Buen diseño (colores, imagenes, etc.), fácil acceso a la información,

intuitiva, cuenta con cada punto ordenado por categorías específicas, además, se integra con redes sociales para mantener al usuario informado (de esta manera hace que visite el sitio más de una vez).

• Cuenta con un buscador dirigido a Google (nuestra web tendrá este tipo de buscador).

Pagina: http://web.ing.puc.cl/~g0/2011-2/g10/index.html País: Chile, Grupo año 2011 segundo semestre. Un sitio que cuenta con buena estética visual, la información no

es difícil de encontrar, cuenta con una barra superior que contiene los macro temas, dentro de estos se encuentra información detallada del procedimiento que realizaron, cumple con los objetivos de informar y dar a conocer su trabajo.

Contenidos• Quienes somos:

• Información de los integrantes del grupo• Instituciones relacionadas

• Objetivos: Explicación en detalle sobre proyecto que emprendemos.• Proyecto: Dentro de esta sección se incluye:

• Que nos diferencia (benchmarking)• Prototipos• Errores• Detalles técnicos• Diseño

• Galería: Álbum de imágenes, videos, audio de entrevistas, ordenados por fecha y nombre del evento.

• Búsqueda: (Detallado en la próxima lámina) • Descargas: Presentaciones, videos promocionales, afiches.• Contacto: Posibilidad del usuario para hacer consultas, sugerencias, quejas,

etc.

Sistema de BÚsqueda.

• Usaremos un script HTML para usar el buscador de Google en nuestra web.• Código de referencia;

<form action="http://www.google.com/cse" id="cse-search-box" target="_blank"> <div> <input type="hidden" name="cx" value=«Direccion de nuestra web" /> <input type="hidden" name="ie" value="ISO-8859-1" /> <input value="ISO-8859-1" name="ie" type="hidden"/>

<input id="s" name="q" size="26" type="text"/> </div> </form>

Criterios de Usabilidad

• Manejo de colores adecuado, hacer sentir al usuario en un ambiente tranquilo y acogedor (de esta forma pasará más tiempo en nuestra web).

• Mostrar diferentes opciones de forma clara y precisa para acceder a la información que necesita de manera rápida.

• Integrar redes sociales (ojala solo con 1 click) para mantener al usuario conectado a nuestras actualizaciones.

Ejemplo de Plantilla Web recomendada

MAPA DEL SITIO (GENERAL)• Inicio• Proyecto

1. Contexto general2. Proceso de investigación3. Búsqueda4. Galería5. Descargas

• Equipoi. Integrantesii. Instituciones relacionadas

• Contacto

Mapa del Sitio (detallado)

•Inicio (portada)•Proyecto §Contexto general acerca del reciclaje y objetivos §Proceso de investigación: oLos problemas. oPlanificación. oSolución propuesta. §Nuestro proyecto: oBenchmarking. oPrototipos. oDetalles técnicos, errores oDiseño. oAcercamiento al usuario. §Búsqueda

§Galería

oImágenes.

oVideos.

oAudios.

§Descargas

oPresentaciones.

oCorrecciones.

oPropaganda.

•Equipo

§Integrantes.

§Instituciones relacionadas (PUC, Escuela de Ingeniería UC, Puentes UC, Municipalidad de la Reina)

• Contacto.

Dentro de la sección;

§Descargas

o Presentaciones.

Se incluirá la Presentación 1, donde se detallaran los errores cometidos, la evaluación docente, y lo rescatable.