Salud Un Derecho

De Casiopea
Sitio Web: Salud un Derecho


TítuloSitio Web: Salud un Derecho
Tipo de ProyectoProyecto de Titulación
Palabras ClaveDiseño Web, argumento, cambio social
Período2010-
CarrerasDiseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Gley Riquelme, Sofía Savoy
ProfesorHerbert Spencer
PDFArchivo:Memoria Construcción de la Comunicación Visual.pdf
URLhttp://www.saludunderecho.cl

Proyecto

Un primer acercamiento al proyecto de Titulación I, reside en el área de la salud con la presencia de un caso puntual (orientado a lo político-social): Salud Un Derecho. Este movimiento político y social nace ante la urgencia de cambiar el Sistema de Salud y proponer una nueva reforma estructural del Sistema de Salud Chileno, planteando igualdad en este para todas las personas, sin discriminar de su estatus social.

La oportunidad de trabajar en este ámbito, permite abordar la temática de la salud desde una perspectiva diferente, y a la vez, da la posibilidad de reestructurar y rediseñar el sitio web de Salud Un Derecho. Para esto, es fundamental poseer metodologías de estudio por medio de las cuales llegar a construir un proyecto sólido y sustentable a través del tiempo.

Con esto surge la necesidad de navegar a través de la web y comenzar a observar las variadas temáticas y funcionalidades que poseen los sitios web, a partir de lo cual se identificarán distintos patrones que ayudarán a la creación de un nuevo argumento visual, capaz de transmitir el planteamiento de una idea y de una serie de acciones que se ejecutarán dentro del sitio y que responden a los objetivos que se propone este movimiento.

Estrategia

Brief

Salud Un Derecho surge como una urgencia ante una nueva reforma de la salud, enfocada a la igualdad de las personas, en donde no hay discriminación de atención ante quien posee mayor o menor recurso.

Para exponer sus ideas han construido un sitio web a base de sus planteamientos y manifiestos, con ello se quiere que las personas conozcan sus propuestas e ideas y apoyen el proyecto para poder ser planteado como una nueva reforma estructural de la salud ante el gobierno el 14 de mayo del 2014, teniendo al menos 1.000.000 de residentes a favor de ella.

Objetivos

  • Que el sitio web sea un espacio de educación con respecto a la salud, ante toda persona que ingrese a él.
  • Crear una comunidad comprometida y participativa, que pueda generar un activismo social, dando a conocer los planteamientos de “Salud Un Derecho”.
  • Que el Sitio sea un canalizador y capacitador de fácil acceso, con material gráfico explícito para quienes sientan el compromiso de divulgar esta nueva reforma de la salud.

Meta

Conformar una comunidad de al menos 1.000.000 de residentes que apoyen activamente la nueva reforma para el 14 de marzo del 2014.

Benchmark

Comparar el actual sitio de Salud Un Derecho con otros sitios que se constituyen a partir de una temática determinada (este caso "movimientos sociales"), es importante para saber cuales son los pro y los contra que tiene cada uno, de modo que se destaquen los aspectos positivos para integrarlos a la propuesta de arquitectura de información.

En total se analizaron tres sitios -incluyendo el de Salud Un Derecho- nacionales e internacionales que se relacionan con el tema de la salud a nivel político y social.


SALUD UN DERECHO

Texto de descripción de la imagen
Texto de descripción de la imagen
  • Aspectos Positivos
    • Dispone de información rápida para encontrar.
    • El Sitio se actualiza constantemente.
    • Ofrece un espacio de opinión para cualquier persona.
    • Expone los ideales de la organización de forma clara.
    • Existe contacto directo con las redes sociales.
  • Aspectos Negativos
    • Falta un espacio de participación más activa.
    • La información se repite (y está presente) en varias secciones.
    • Faltan recursos gráficos que den a entender (de manera visual y directa) ideas, procesos, temáticas, etc. que se muestren.
    • El sitio no provoca, a quien lo visita, un deseo de participación; no se percibe una invitación.


MI SALUD NO ES UN NEGOCIO

Texto de descripción de la imagen
Texto de descripción de la imagen
  • Aspectos Positivos
    • Espacio de información Categorizada y Actualizada.
    • Comparte su contenido con las redes sociales.
    • Cuenta con un espacio de Opinión dentro de los Artículos.
    • Incita a informarse acerca de temáticas.
  • Aspectos Negativos
    • La Información del sitio se presenta de forma muy condensada.
    • Falta de recursos gráficos que permita entender de manera más visual la gran cantidad de contenido escrito.


NATIONAL HEALTH SERVICE

Texto de descripción de la imagen
Texto de descripción de la imagen
  • Aspectos Positivos
    • Presenta una idea clara de sus planteamientos desde el inicio del sitio.
    • Cuenta con un espacio para generar una campaña, otorgando los elementos gráficos de esta.
    • Ofrece un espacio de participación al que visita el sitio.
    • Declara todos los aspectos de su campaña y quienes aportan a ella.
  • Aspectos Negativos
    • Falta de recursos gráficos que permita entender de manera más visual la gran cantidad de contenido escrito.
    • Falta de definición gráfica en el sitio.
    • No cuenta con un buscador, y sus contenidos dentro de él son difíciles de ser encontrados.


OBSERVATORIO DE EQUIDAD DE GÉNERO EN SALUD

Texto de descripción de la imagen
Texto de descripción de la imagen
  • Aspectos Positivos
    • Dispone la información ordenadamente en las distintas secciones.
    • Señala “campos de observación” dentro de la temática general.
    • Utiliza esquemas para graficar y explicar ciertas ideas.
  • Aspectos Negativos
    • Los campos del buscador son poco claros.
    • La interfaz mezcla muchos elementos.
    • No permite el registro y participación de cualquier persona.


ORGANIZACIÓN PANAMERICANA DE LA SALUD

Texto de descripción de la imagen
Texto de descripción de la imagen
  • Aspectos Positivos
    • Sitio donde se Publican noticias Actualizadas del tema, y actúa también como Generador de Contenido.
    • El Sitio está en Español y en Ingles, por lo que puede acceder a más personas.
    • Da a conocer los miembros que participan.
  • Aspectos Negativos
    • El espacio de Comentario es muy cerrado, los comentarios no quedan visibles como puntos de discusión.
    • Falta de recursos gráficos que permitan entender el contenido de un modo más visual.
    • Nombres de menúes donde no queda claro lo que se señala.


SOCIEDAD INTERNACIONAL DE EQUIDAD DE SALUD

Texto de descripción de la imagen
  • Aspectos Positivos
    • Genera contenido propio.
    • Tiene la opción de ver la mayor parte del contenido en español y francés.
    • El contenido principal se clasifica de buena forma; el menú se organiza claramente.
    • Recalca puntos importantes y detalles de actividades.
  • Aspectos Negativos
    • Se visualizan demasiados contenidos en un mismo espacio.
    • El diseño estructural del sitio carece de un criterio de diseño (falta definición de diagramación).

Propuesta

Según lo analizado en los distintos sitios, se logra destacar:

  • Estructuración y organización concisa de los contenidos
  • Mostrar de manera clara los ideales y temáticas a tratar
  • Generación de contenidos de los propios organizadores
  • Hay un incentivo a participar en el sitio, integrando a las personas


Con esto, es posible identificar los elementos faltantes del sitio actual y hacer las correcciones y propuestas correspondientes para comenzar a desarrollar el proyecto:

  • Conformar una comunidad comprometida con las ideas planteadas mediante un registro de ellas en el sitio, otorgándoles espacios de publicación abierta para que expresen sus ideas, sus testimonios, creen debates y colaboren.
  • Generar el deseo de participación mediante la exposición de argumentos claros, y de la constante actualización de contenidos.
  • Lograr educar acerca del tema de la salud en Chile a través de infografías y modelos explicativos.
  • Ajustar el logotipo.
  • Definir un diseño coherente, con una paleta de color y una línea de dibujo que componen la interfaz del sitio web.
  • Crear de una página con estructura de contenido fija que presente la identidad del movimiento, posicionando el feed de entradas en otra sección.
  • Crear un slideshow en el “Home”, como una presentación inmediata del perfil del movimiento.
  • Crear un sidebar específico para el “Home”.
  • Crear subsecciones en algunas páginas, reordenando el contenido de manera apropiada.
  • Implementar un sistema de calendarización “Google Calendar”.
  • Implementar las redes sociales “Twitter” y “Facebook”, siendo esta última una causa (no perfil) a la cual se pueden unir las personas.
  • Definir tres niveles de accesibilidad para usuarios.
Grafico-Propuesta SUD.jpg

Arquitectura de la Información

El Sector de la Salud en Chile

Lo que sabemos hoy acerca de la salud en nuestro país, ha estado sujeto a diversos cambios a través de la historia, y se hace necesario conocer esta secuencia de eventos para comprender el desarrollo de las distintar reformas que han llevado a concretar la que se encuentra en la actualidad.

Esto es un paso previo para conocer la formación de los organismos que se han creado durante distintos períodos de la historia, y algunos de los cuales siguen vigentes hasta el día de hoy. A partir de esto, se conforma la estructura que da forma al Sistema de Salud y que muestra un panorama general de la conexión entre cada uno de ellos.

Cronología

Año Eventos
1886
  • Promulgación del Reglamento Orgánico de la Junta de Beneficencia (ordena las organizaciones locales y los hospitales generales existentes).
1887
  • Creación de la Junta Nacional de Salubridad (Asesora al Gobierno en materias de salubridad y organizacionalmente los desarrollos locales).
1892
  • Consejo de Higiene Pública asume las funciones de la Junta Nacional de Salubridad.
1917
  • Realización de un Congreso Nacional de sociedades benéficas e instituciones previsionales y sectoriales (estas dieron mayor organización y estructuración al sistema previsional y asistencial de la salud).
1924
  • Creación del Ministerio de Higiene, Asistencia y Previsión Social
  • Se establece el Seguro de Obrero obligatorio (Ley 4.054). (La Caja de Seguro de Obrero fue destinada a cubrir riesgos de enfermedad invalidez, vejez y muerte.)
1938
  • Se dicta la Ley de Medicina Preventiva.
1942
  • Creación del Servicio Médico Nacional de Empleados (SERMENA) (Cubre al sector de empleados públicos y particulares)
  • Creación de la Dirección General de Protección a la Infancia y Adolescencia (PORTINFA) (protección para niños y adolescentes).
1948
  • Construcción por Ley del Colegio Médico de Chile (formula políticas de salud).
1952
  • Creación del Servicio Nacional de Salud (SNS) (unifica diversos organismos públicos que prestaban servicios de salud, y es responsable de atender a obreros, sus cargas e indigentes).
1964
  • Inicio de las reformas sociales (en salud, se invierte en centros asistenciales, formación y enrolamiento de personal y extensión de cobertura geográfica).
1978
  • Se introduce el procedimiento de pago por servicios FAP (Facturación por Atención Prestada) y FAPEM (Facturación por Atención Prestada en Establecimiento Municipal) (financia la compra de insumos, así, los hospitales reciben su financiamiento mediante sueldos, salarios y FAP).
1979
  • Fusión de los recursos del SNS y del SERMENA; Redefinición de las funciones del Ministerio de Salud
  • Creación del Fondo Nacional de Salud (FONASA), el Sistema Nacional de Servicios de Salud (SNSS), el Instituto de Salud Pública (ISP) y la Central de Abastecimientos del SNSS (CENABAST).
1981
  • Comienza el proceso de municipalización de los Centros de Atención Primaria (hasta 1988 se traspasan al rededor del 70% de los establecimientos de atención primaria del SNSS a las municipalidades)
  • Se establece la formación de las Instituciones de Salud Previsionales (ISAPRE) (esto permite al trabajador dependiente, la libre elección de optar por la compra de seguro obligatorio de salud, pudiendo optar por FONASA o ISAPRE).
1990
  • Creación de la Superintendencia de ISAPRE, Ley 18.933 (FIscaliza las ISAPRES, vela por el cumplimiento de la normativa y promulga disposiciones relativas al funcionamiento del sector.
  • Desde esta fecha, los Gobiernos de la Concertación de Partidos por la Democracia han asumido la responsabilidad gubernamental de la administrar el sistema de salud heredado).
1995
  • Promulgación del Estatuto de la Atención Primaria.
1996
  • Se reemplaza el FAP por un sistema de Pago Asociado a Diagnóstico (PAD), combinado con un sistema de Pago Prospectivo por Prestación (PPP) (se corrigen problemas del antiguo sistema de pago y se tiene como objetivo incentivar la eficiencia y calidad de los servicios entregados).
1997
  • Se reemplaza el FAPEM por un sistema capitado de acuerdo a población adscrita.
2004
  • Creación del Plan de Acceso Universal con Garantías Explícitas (Plan AUGE) (entra en vigencia al año siguiente).
2006
  • El Plan AUGE es reemplazado por el plan de Garantías Explícitas de Salud (GES) (garantiza la cobertura por parte de FONASA e ISAPRES).

Estructura del Sistema de Salud Chileno

Para poder comprender la temática que aborda la Salud en Chile, es necesario realizar una organización de los distintos elementos que conforman su estructura, entendiendo esta última como un sistema en el que los agentes cumplen distintos roles.


Salud en Chile 2.jpg

Mapa Conceptual del Sistema de Salud en Chile

Mapa de Navegación Actual

Mapa Nav Salud1Derecho.jpg

Índice de Contenido

  1. Ingresar
  2. Únetenos
  3. Conócenos
    1. Manifiesto
    2. Nuestros Miembros
  4. Aprendamos de Salud
    1. Artículos de Aprendizaje (infografías, esquemas, etc)
  5. Noticias
    1. Artículos de Noticias
  6. Publicación Abierta
    1. Haz tu publicación
  7. Actividades
    1. Actividades Realizadas
    2. Calendario
  8. Descargas
    1. Documentos
    2. Videos
    3. Gráfica de Campaña
  9. Contacto

Mapa de Navegación Propuesto

La organización y disposición de las secciones en el mapa de navegación anterior, no es del todo óptima, pues mucho de sus contenidos están dispersos y repetidos en el sitio. La siguiente propuesta reorganiza y crea nuevas secciones en las cuales el contenido se dispone de manera tal que presenta un discurso coherente respecto a la información que se desea mostrar.

En la nueva estructura del sitio web, se definen áreas de crecimiento identificadas en tres niveles, los cuales indican los sectores en los que se iran agregando contenido, de modo que el sitio tenga un aspecto orgánico, es decir, un espacio vivo que se alimente y retroalimente de contenidos creados por los administradores, por los usuarios, por la gente que visita el sitio y por otras fuentes de información.

Mapa Salud un Derecho Propuesta.png

Niveles de Accesibilidad

La propuesta de navegación del sitio, se basa en aspectos de colaboración y participación, de modo que existen diferentes tipos de usuarios relacionados. Primero se piensa en tres casos comunes posibles dentro de la navegación web; quien sólo observa, quien participa y quien administra. A partir de esto, se determinan tres diferentes niveles de accesibilidad, correspondientes a las acciones anteriores:

  • Usuario No Registrado
  • Usuario Registrado
  • Administrador

Nivel de Accesibilidad.png

Mapa Salud un Derecho Niveles.png

Diseño Estructural y Visual

Teniendo armada la estructura base de contenidos y definidos los roles de usuarios, el siguiente paso corresponde a la disposición y articulación de estos en el diseño del sitio web. En esta etapa es importante tomar en cuenta que hay un argumento por construir, el cual da a entender el discurso del sitio mismo, acerca de lo que Salud Un Derecho quiere dar a conocer.

La disposición de los elementos en la página, juega un rol fundamental en la comunicación con el usuario, donde existe un momento inicial en el que se encuentra con la presentación del argumento y de los aspectos que el sitio abarca. Para esto, se comienza con la maquetación del sitio al crear los wireframes, en donde se definen las distintas áreas de contenidos, sin mucho detalle y sólo como un esqueleto que servirá de guía al momento de realizar el diseño visual.

Logo Inicial de Salud Un Derecho
Logo Modificado de Salud Un Derecho


La interfaz reúne los aspectos más detallados del diseño, pues se debe cuidar cada elemento que se incorpore en ella. La elección de una paleta de color consecuente y de una tipografía adecuada, es fundamental para llamar o no la atención de quien visita el sitio.


El logo del movimiento fue diseñado previamente, y los permisos para modificarlo son limitados, por lo que se mantiene la tipografía y se mejora la imagen, dándole un aspecto de corazón más redondeado y no tan alargado como el que se tenía.



Medidas

Medidas sitio SUD.png

Wireframes

Interfaz

Color

La capa emocional del sitio, está dada principalmente por los colores. Estos tienen distintos significados, que comunican o provocan emoción de manera sensorial (a través de la vista), por lo que es fundamental definir una paleta de colores adecuada para aplicarla al un sitio web.

"Salud Un Derecho" ya cuenta con un logo y colores definidos (naranjo y rojo), por lo que las demás elecciones de color deben tener una relación armónica respecto a los colores base.


Color Significados
Naranja
  • Representa entusiasmo, felicidad, atracción, creatividad, determinación, éxito, estímulo y ánimo.
  • Tiene alta visibilidad, por lo que es útil para captar atención y subrayar aspectos importantes.
  • Se utiliza cuando se reclama participación o acción, también es ideal para botones.
  • Utilizado en pequeñas extensiones o con acento, es un color de gran utilidad, pero en grandes áreas es demasiado atrevido y puede crear una impresión impulsiva o agresiva.
Rojo
  • Es el color más intenso en lo emocional, y cuando se lo usa como color secundario, recomendable para motivar a las personas a tomar decisiones rápidas y a incrementar las expectativas.
  • Trae el texto o las imágenes con este color a primer plano, resaltándolas sobre el resto de colores.
Azul
  • Cuando se utiliza junto a colores cálidos (amarillo, naranjo), la mezcla suele ser llamativa. Puede ser recomendable para producir impacto.
  • No es un color que "sature" la vista al ser utilizado en grandes áreas.
Café
  • Comunica credibilidad y estabilidad. Este es el color de la tierra y de la abundancia en la naturaleza.
  • Excelente para transmitir información, ya que crea un ambiente neutral para discusiones abiertas.
Beige
  • Como el café, también es color de tierra relajante, reductor del estrés, que invita a la comunicación.
  • Utilizado para reconfortar a otros o para transmitir información.
Gris
  • Los grises medio-claros tienen poca atracción visual, siendo idóneos para fondos o elementos de relleno que no aporten información al espectador.
  • Se asocia a la neutralidad absoluta, discreción y equilibrio.


En la paleta de colores definida predominan los tonos cálidos, acompañados de un color frío y un color neutro. Se han utilizan gradaciones de algunos colores, siguiendo la línea de tonalidades.

Paleta de Colores.png

Tipografía

Fuente Tipografía IM Fell English
Fuente Tipográfica Droid Sans

Las decisiones tipográficas se hicieron a partir de fuentes abiertas en la red, para evitar incompatibilidades y complicaciones al utilizar tipografías diferentes a las web safe. Para esto se recurrió a Google Font Directory, que ofrece un listado de fuentes para el uso liberado de ellas.


De las 28 fuentes que Google ofrece, utilizamos sólo dos, IM Fell English y Droid Sans; la primera se definió para los títulos principales, y la segunda para títulos secundarios, texto y enlaces.

El trazo de "IM Fell English", emula un trazo a mano alzada, una tipografía dibujada, manteniendo concordancia entre la línea de dibujo del video y del sitio, pero caer en un aspecto demasiado informal.

Las jerarquías definidas en el sitio varían tanto en tamaño como en color. Para los títulos se decide utilizar el color #D54E21, mientras que para los enlaces y otros, se utiliza el color #2396CB.

La relación jerárquica está dada directamente por la fuente, como puede apreciarse en la imagen superior, los títulos principales utilizan “IM Fell English”, mientras que el texto de párrafos y secciones menores, utilizan “Droid Sans”.

En una sección específica, se utiliza la fuente “Georgia” para los textos breves introductorios de las subpáginas. No se utiliza “IM Fell English“ ya que, a tamaño pequeño y cursiva, no favorece la legibilidad del texto.

Construcción del Argumento

Para el desarrollo de una idea, se hace imprescindible la organización y estructuración de sus partes, que en este caso, será lo que transforme la "idea" en el "argumento" de lo que se desea expresar y dar a conocer.

El texto de las "Cuatro Figuras Maestras" (Four Master Tropes) de Kenneth Burke, indica que metáfora, metonimia, sinécdoque e ironía son recursos para descubrir y describir la verdad, es decir, son recursos que se utilizan como base para la construcción de un argumento lógico y consecuente.


Four Master Tropes.jpg


  • La metáfora en relación a la perspectiva, hace ver una cosa desde el punto de vista de otra, por lo que para nuestro argumento, se aplica a crear distintas vivencias de una persona (dentro del área de la salud), las que son relatadas y que aluden a comparaciones dentro de las mismas.
  • La metonimia en relación a la reducción, transmite la idea de lo tangible (o corpóreo) a lo intangible (o incorpóreo) y viceversa, lo cual se aplica a ciertos momentos o situaciones, que son representados por elementos concretos.
  • La sinécdoque en relación a la representación, siendo aplicada en el argumento, como una forma de traer distintas realidades sociales a través de personajes, que serán el elemento mediante el cual se representarán.
  • Finalmente, la ironía en relación a la dialéctica, se aplica en la argumentación como forma de leve exageración y desarrollo de un drama, el cual llama al sentido de alerta y de interés.


Mapa conceptual de "Four Master Tropes"

Definición del Guión

La construcción del guión de Salud Un Derecho es fundamental para conformar la totalidad del argumento, para mostrar y dar a entender dentro del sitio web, la postura de este movimiento frente a la complejidad del Sistema de Salud Chileno.

Para esto, es necesario tomar ciertos elementos clave y comenzar a vincularlos coherentemente entre sí, logrando crear una estructura base a partir de la cual se desprende un "relato" acerca de lo que el sitio va a contar.


Archivo:Guión Salud un Derecho.cmap.jpg


Estructura del Guión "Salud Un Derecho"


El siguiente paso luego de construído el guión, es llevarlo desde su estado estructural a un estado gráfico y comprensible para todos, transformándose así en una animación. Esta apunta a una situación emocional más que explicativa (pues para esto se encuentra la sección "Aprendamos de Salud") ya que el "enganche" que se trata de lograr, es tomar un caso cotidiano en la vida de las personas, para que se sientan identificadas y se interesen en lo que el sitio y el movimiento les está mostrando.

Si bien esto responde a dirigirse (de modo específico) a un tipo de público, los otros no están excentos, ya que si bien no es una vivencia propia o cotidiana, muestra la diferencia entre un sistema y otro, dejando clara la injusticia ocurrida y su evidente desigualdad.

Construcción de Animación

Historia

Guión Video Presentación Salud Un Derecho

"Cuando llevé mi niño al consultorio con tos y fiebre, estuve todo el día ahí para que después el médico me lo atendiera en 3 minutos. Pero cuando mi patrona lleva su guagua al pediatra, va y solo espera un par de minutos para ser atendida, y el doctor se da su tiempo pa’ revisarla.

En el hospital, cuando el doctor me recetó un remedio, fui a buscarlo en la farmacia y me dijeron "Señora Carmen, no tenemos más de ése, lo tendría que comprar afuera". Yo me pregunto ¿Por qué los hospitales ahora no tienen plata para nuestros remedios? Si yo no tengo culpa de haberme enfermado, o de no tener pa’ comprar.

Como mi vecina, que está hace más de un año con una hernia y nunca la operan, en el hospital le dicen "Lo suyo puede esperar, hay otros más graves", y ella ya ni puede hacer las cosas de la casa. Entonces yo pienso ¿Por qué algunos pueden elegir la fecha de su operación como si fueran unas vacaciones, y el que no puede pagar tiene que esperar años? Allá en el barrio alto, donde trabajo, veo clínicas privadas que parecen hoteles 5 estrellas… yo no pido tanto, sólo pido que me traten bien, y me den lo que necesito! Pero igual una piensa: "Algo debe estar mal si es tan diferente un hospital de una clínica… ¿o no?"

Y al final, de mi salud, ¿quién se preocupa?

Salud Un Derecho nació en Chile como un movimiento político y social, y su razón de ser es el restablecimiento de la solidaridad como el pilar fundamental del sistema de salud chileno. Buscamos que exista un sistema de salud igual para todos en nuestro país, y queremos generar conciencia en la sociedad civil sobre los derechos que emanan de su condición humana. Así, Salud Un Derecho busca la promoción de la salud para todos, especialmente de las personas, familias, grupos y comunidades que viven en condiciones de pobreza y marginalidad.

Luchemos por una reforma estructural de la salud! Sé parte de este sueño. Comprométete. La Salud es un derecho!!!"

Storyboard

La definición de las partes del video introductorio de Salud un Derecho, crea una estructura guía para llevar a cabo la construcción de la animación determinando escenas claves para el desarrollo de ideas y situaciones, de modo que se reitere el argumento, enfocado desde distintos planos.

Personajes y Elementos

El diseño de los personajes y elementos para la animación (y también para elementos dentro del sitio) se define como un trazo a mano alzada, evitando caer en un diseño iconizado, pues se enfoca en la parte emocional del usuario receptor.

Configuración e Implementación

La plataforma sobre la cual se construye el sitio web de Salud Un Derecho, es WordPress, y el template específico a utilizar es Thesis Theme. En esta sección de programación, se modifican tanto cascadas de estilo como archivos .php, dando forma al espacio en el cual se dispondrá el contenido, de acuerdo a la etapa de diseño estructural (wireframes) y visual (interfaz).

Plugins

Al momento de trabajar directamente en la programación del sitio, se hace indispensable buscar plugins que faciliten y complementen el diseño propuesto. Para esto, la búsqueda comienza sabiendo exactamente qué es lo que necesitamos, de modo que se evite la descarga innecesaria de plugins.

Dentro del sitio, existen múltiples aspectos que deben cubrirse, como por ejemplo: para los usuarios, el formulario de registro para un nuevo miembro, el rol que a este se le asigna y los permisos y capacidades que debiese tener; y en el área de las redes sociales, la existencia de bookmarks y un espacio del sidebar para Twitter, RSS y Facebook, entre otros.

Plugin Características
Akismet Chequea los comentarios para ver si son o no spams.
Category Reminder Muestra una "nube de etiquetas" personalizada en el sidebar.
Configurable Tag Cloud Añade un globo gigante que cambia de color, indicando la sección de categorías justo debajo del botón de publicación para no olvidar agregarlas.
Get Posts Añade una etiqueta de código corto en cualquier página estática o entrada, y se mostrará una lista de mensajes utilizando el código de plantilla get_posts.
Google Analytics for WordPress Añade Google Analytics en el blog de WordPress, añadiendo un montón de características como, por ejemplo, variables personalizadas y clickout automático, y el seguimiento de descarga.
Latest Posts by Category Devuelve una lista de sus últimos mensajes, organizados por categoría.
Level2Categories2 Permite crear una relación entre el nivel de usuario y las categorías, así solo los usuarios con definido nivel pueden postear en las categoría elegida.
Raw HTML capability Permite ingresar HTML puro en los mensajes. También puede activar y desactivar "comillas inteligentes" y otros formatos automáticos en función de cada post.
Register Plus Redux Mejora el proceso de registro de usuario con una personalización completa y opciones adicionales de administración.
Role Scoper Sistema de gestión de contenidos (CMS) que otorga permisos para leer y editar, restricciones de contenido específico y crea, complementa y edita roles de WordPress.
ShareThis Permite que los visitantes compartan un post o una página con los demás. Soporta correo electrónico y posteos a los sitios con bookmarks sociales.
Social Profiles Widget Permite insertar íconos de perfiles sociales en el sidebar a través de widgets.
Thesis OpenHook Permite insertar contenido arbitrario en los numerosos hooks que el tema Thesis proporciona.
Widgets Reloaded Reemplaza varios de los widgets que vienen por defecto en WordPress con versiones que permiten mayor control y opciones para personalizarlos, además pueden ser utilizados repetidas veces.
Tweet Blender Proporciona varios widgets de Twitter, como mostrar los propios tweets, mostrar tweets relacionados con las etiquetas de mensaje, mostrar tweets para listas de Twitter, mostrar tweets de hashtags y tweets favoritos, entre otros.
WordPress Importer Importa posts, páginas, comentarios, campos personalizados, categorías, y tags desde un archivo de exportación de WordPress.
WP Filter Post Category Permite elegir las categorías de las entradas que se mostrarán en el home, escondiendo las que no se seleccionen.

Elementos Integrados

Slideshow del sitio: segunda pestaña.

Otra de las implementaciones hechas en el sitio web, fue la incorporación de un Slideshow en el home, en el cual se ubica la animación que explica "qué es Salud Un Derecho", en la primera pestaña, "cuál es su objetivo" en la segunda y "cómo contribuir" en la tercera. De este modo, se optimiza el espacio de la página, en comparación a lo que hubiese sido desplegar estas secciones dentro de la misma.

Los títulos de las pestañas se ubicaron en la parte inferior del recuadro y su apariencia fue modificada mediante la cascada de estilo, dándole un aspecto más ligero, y también fueron eliminados los botones "anterior" y "siguiente".

Mapas de Divs

Para construir de manera simple y eficaz la construcción del sitio, utilizamos mapas de divs para diagramar los sectores del sitio. Si bien Thesis define una cierta cantidad de capas, se han creado otras acorde a la necesidad de cómo disponer el contenido en la página.


  • Header y Barra de Menú: El header, al igual que el menú, se mantiene de la misma manera en todas las secciones del sitio. Consta sólo de dos partes importantes y visibles, que son el logo y el buscador.
  • Home: La página de home, es una página estática, con una estructura personalizada, pues se agrega el slideshow y tres columnas. También posée un sidebar específico, diferente a los de las otras páginas que mantienen la misma estructura.
  • Footer: El footer también se mantiene de la misma manera en todas las secciones del sitio, presentando los mismos enlaces que la barra de menú.
  • Página con Subpáginas: Este tipo de página reemplaza de cierta forma al “menú desplegable”, y permite tener un manejo más personalizado del contenido que quiera introducirse en ella. El sidebar que de esta página, es el mismo para el resto de las secciones del sitio (excepto el home).
  • Página de Noticias: La página de noticias, muestra los resúmenes de las últimas publicaciones en filas, dos por cada una de ellas.


Cierre Primera Etapa

El proceso de trabajo en esta etapa, abarcó distintos aspectos de estudio y desarrollo, los cuales convergeron en un punto crucial para concluir el proyecto; este es, la creación de un argumento visual en un espacio web concreto.

La realización del video introductorio para Salud Un Derecho, se ha terminado para completar el elemento faltante dentro del sitio, esta es la pieza que da forma al argumento globar y que presenta al movimiento de manera clara, dando sentido al discurso.

A pesar de haber producido una sola animación, se han puesto a disposición, de los integrantes de Salud Un Derecho, los archivos que la construyen para que puedan tomarlos y crear otros videos, con el fin de entregar argumentos en distintos casos, que transmitan al público, información e ideas claras y precisas. Lo estimado, es que se siga trabajando con la línea de diseño implementada.

Si bien se ha concretado la construcción del video y del template del sitio, su administración se encuentra en manos de los integrantes del movimiento, por lo que sucede algo similar a lo que pasa con el video; el sitio queda sujeto a cambios de contenido, más que de diseño, según lo que ellos estimen conveniente para el desarrollo de sus necesidades.

Agradecimientos

Durante esta etapa de estudio y trabajo, se ha contado con la presencia de personas que han aportado de diferentes maneras en el desarrollo del proyecto. Comenzando con nuestro profesor de Titulación, Herbert Spencer, por haber proporcionado el uso de Thesis Theme para la construcción del sitio web; a los integrantes de Salud Un Derecho por la entrega de material acerca del movimiento y temas de la salud en Chile, y por las correcciones y aportes hechos en la redacción del guión para el video introductorio; a Mirian Araceli Muñoz Araya y Francisco Javier Vera Muñoz, por su disposición para grabar sus voces en la animación, y a Juan Andrés Mucarquer Fuentes por compartir sus conocimientos de programación.

Bibliografía

WEB

TEXTOS

Proyectos Relacionados

Anteproyecto de Señalética Hospital de Quilpué