Download - Mano a Mano
![Page 1: Mano a Mano](https://reader030.vdocuments.co/reader030/viewer/2022013106/568c39e01a28ab0235a40405/html5/thumbnails/1.jpg)
![Page 2: Mano a Mano](https://reader030.vdocuments.co/reader030/viewer/2022013106/568c39e01a28ab0235a40405/html5/thumbnails/2.jpg)
INDICE
Planteamiento de ProyectoDesarrollo de la problemáticaGrupo objetivoObjetivos
Propuesta de diseñoRequerimientosConceptualizaciónPropuesta general
Arquitectura de la informaciónEstudio de usabilidadEstructura hipertextual
4467
889
10
121214
![Page 3: Mano a Mano](https://reader030.vdocuments.co/reader030/viewer/2022013106/568c39e01a28ab0235a40405/html5/thumbnails/3.jpg)
PLANTEAMIENTODE PROYECTO
En Chile, las diferencias sociales son bastante grandes y se definen princi-palmente por el ingreso per capita de cada familia. Debido a estas diferen-cias, los niños y jóvenes son separa-dos de otros que no pertenezcan a su grupo social por causas comprensibles pero inaseptables desde el punto base en donde se inicia.
Al analizar y estudiar los proyectos dedicados a esta problemática se defin-en a rasgos generales por programas de apoyo a los sectores más pobres como Chile Solidario, Chile crece contigo, etc,
vistos desde la perspectiva de inserción al mercado laboral, bonos solidarios, y más por parte del Ministerio de Desar-rollo Social y a becas y créditos por ex-celencia académica, hijo de profesores, etnias entre otros dentro del Minister-io de Educación. El proyecto de más al-cance a los objetivos de Mano a Mano es el Programa de Desarrollo Social de integreación socioescolar.
Los proyectos de incerción social para estudiantes son, en su mayoría, defini-dos y financiados por organismos ex-ternos ya que las diferencias sociales
les concerne a todo el país. Para hacer un cambio no necesitamos partir de grandes políticas de Estado o proyec-tos con un presupuesto incalculable; las propuestas de cambio parten hasta de las ideas más sencillas que cualqui-era de nosotros pueda tener.
Es por esto que nace el concepto de in-tegración escolar mediante talleres de teatro para todos los colegios y liceos de manera transversal, con voluntari-ado de alumnos de tratro y fondos fa-cilitados por proyectos concursables del gobierno y beneficencia. Los alum-
nos comprenderán su entorno, acepta-ran su realidad, buscarán herramientas para superar dificultades, compartirán con otros alumnos y se les motivará la superación personal y profesional, influenciando de manera positiva a su entorno.
Desarrollo de la problematica
![Page 4: Mano a Mano](https://reader030.vdocuments.co/reader030/viewer/2022013106/568c39e01a28ab0235a40405/html5/thumbnails/4.jpg)
Se aplicarán estos talleres a colegios y liceos desde 3ro básico a 4to medio (niños desde los 8 años hasta jóvenes de 17) y la página web se les sumará jóvenes uni-versitarios hasta aproximadamente 27 años. Se espera que los usuarios partici-pen activamente de las actividades compartidas con otros colegios y realidades para crear redes sociales que incentiven el trabajo en equipo.Los potenciales alumnos serán aquellos que paticipen activamente de estos tall-eres, con padres que incentiven el desarrollo personal de su hijo, así como sus profesores y jóvenes que estén interesados en el teatro.
El sitio web será el principal medio informativo de las actividades que se re-alizarán, por lo que se pensó en usabilidad abierta a todo público con interfaces simples. Se organizarán y convocarán proyectos, se responderá a dudas, se reci-birán donaciones, se exibirán las metas y visiones de la fundación, etc.
Los objetivos del proyecto son desarrollar un sitio web intengrando medios digitales y redes sociales que cautiven al público objetivo, utilizando herrami-entas y aplicaciones establecidas durante el semestre.
Se desea incentivar y apoyar iniciativas que contribuyan a que la relación de los estudiantes con la realidad social de nuestro país, ya sea de mutuo aprendizaje y colaboración y crear conciencia a las personas de las faltas de oportunidades que reciben estos niños y jóvenes sin la participación ciudadana, ya que es nuestra tarea proponer iniciativas de cambio que contribuyan al reconocimien-to positivo de la diversidad, al cuidado del medio ambiente y al mejoramiento de la calidad de vida de diferentes poblaciones.
ObjetivosGrupo objetivo y perfil de usuario
![Page 5: Mano a Mano](https://reader030.vdocuments.co/reader030/viewer/2022013106/568c39e01a28ab0235a40405/html5/thumbnails/5.jpg)
Para el sitio web se optó por un diseño simple y claro, rescatando elementos de su tema (el teatro) y resaltando las principáles vías de navegación (bot-onera). Se quiso crear un ambiente juvenil y cercano, sin la exageración y añadiendo seriedad que podrá ser per-cibida por el usuario.
En cuanto al imagotipo, el uso de difer-entes capas se refiere a los diferentes elementos que se rescatan del proyec-to social, convirtiéndolo en un gran objetivo: tolerancia, respeto y trabajo en equipo. Se optó por trazos rectos y torcidos, enlazados con el logotipo, con tendecia juvenil y clara.
Los colores elegidos son llamativos, juveniles, patrióticos y entretenidos, evocando el grupo objetivo al que va dirigido.
PROPUESTADE DISENO
![Page 6: Mano a Mano](https://reader030.vdocuments.co/reader030/viewer/2022013106/568c39e01a28ab0235a40405/html5/thumbnails/6.jpg)
Teatro M
Con éxito sel colegio mla comuna participarode teatro d
Por
AREAS
PROYECTOS
APOYANOSAPOYANOSAPOYANOS
PROYECTOSPROYECTOS
AREASAREAS
FAQ Política de privacidad Términos y condiciones2011
Estamos conectados
![Page 7: Mano a Mano](https://reader030.vdocuments.co/reader030/viewer/2022013106/568c39e01a28ab0235a40405/html5/thumbnails/7.jpg)
Arquitectura dela informacion
Estudio de usabilidad
Para este proyecto se han establecido ciertos parametros que ayudarían a la usabilidad y facilidad de manejo del sitio web:
Para una mayor comprensión del sitio, la ordenación de la botonera está hacia el lado izquierdo, diseñada con formas simples e indicando con una flecha en lugar donde el usuario se encuentra.
Se pensó también en el tiempo de con-centración del visitante, las preferen-cias de navegación y la información clara y conciza que se busca. Es por esto que la imagen de fondo será es-tática, lo que dará una sensación de la información más resumida y una nave-
gación más simple, bajar el tiempo de carga de las diferentes páginas del sitio y reducir el scroll al mínimo.
Se definió que la información no debe ser mostrada al menos que el usuario así lo desee, por lo que estará resumida y organizada en cajas, con un título claro e imagen que los lleve a dicha in-formación.
Los links a otros sitios de interés es-tarán visibles en cada página, pero con una animación mínima para no distraer al usuario de lo que busca. Accesos a páginas relacionadas también estarán presentes pero con signos pequeños para el fácil acceso a ellos.
Se establecieron en primera instancia los puntos más importantes a consid-erar para el buen funcionamiento de la web y un buena respuesta por parte del usuario:
Sencilléz de uso, contenido de alta calidad, frecuente actualización, corto tiempo de descarga por página, infor-mación relevante para las necesitades del usuario, aprovechamiento de las herramientas que entrega la web, re-flejo de una organización centrada en la red.
![Page 8: Mano a Mano](https://reader030.vdocuments.co/reader030/viewer/2022013106/568c39e01a28ab0235a40405/html5/thumbnails/8.jpg)
Mapa de sitio
![Page 9: Mano a Mano](https://reader030.vdocuments.co/reader030/viewer/2022013106/568c39e01a28ab0235a40405/html5/thumbnails/9.jpg)
María Elena Orellana D.Taller Diseño Gráfico VI
sección 01Renato Heck