manual de lineamientos para sitios web facultades y

Manual de Lineamientos

para sitios web secundarios

y de las Facultades

Universidad de Caldas 2012Elaborado Febrero 2012

1. Introducción� El comité web trabajó con el consultorio de diseño, jefe de prensa, web master en el

análisis de la organización de crear sitios secundarios y a partir de allí se vio la necesidad de crear un manual de lineamientos para sitios web secundarios y de las facultades para lograr obtener estructuras de contenido y una identidad visual homogénea para cumplir con requerimientos externos de la estrategia de Gobierno en Línea y Transparencia Nacional.

� Los sitios secundarios de la Universidad de Caldas en este caso de las Facultades deben ser representaciones en internet, por lo que deben enfocar sus esfuerzos en brindar al ciudadano todos los elementos necesarios para la realización de trámites y servicios y para mantener lo informado sobre los temas de mayor interés, a través de elementos gráficos y de contenidos homogéneos, que generen una percepción en el usuario de que los sitios pertenecen a la Universidad de Caldas.

� En el presente manual se establecen los elementos de estructura de contenido y gráficos para el diseño de los sitios Web secundarios de la Universidad de Caldas.

Manual de Lineamientos para sitios web de las Facultades

2. Gobierno en Línea� Se viene trabajando desde el año 2009 en la

implementación de la estrategia de Gobierno en Línea, para el portal principal de la Universidad el cual al 2012 se tiene avanzado prácticamente en un 100% el manual se puede consultar la siguiente dirección:

� http://www.ucaldas.edu.co/docs/ManualGEL2010.pdfEste manual es importante revisarlo y aplicarlo antes de crear un sitio web secundario dentro la Universidad de Caldas ya que contiene criterios obligatorios por cumplir.

� Nota: el no cumplimiento de este manual de Gobierno en Línea puede implicar sanciones de tipo legal y disminución del ranking o posicionamiento.


3. Planeación del SitioPara proyectar, crear o planear correctamente el diseño o rediseño de un sitio Web, se deben tener en cuenta los siguientes criterios:

3.1 Definir la visión y los objetivos del sitio Web

� ¿Para qué necesito el sitio?� ¿Qué necesidad de la dependencia o entidad cubrirá el sitio Web, y qué necesidades

de los ciudadanos quedarán debidamente cubiertas con este sitio?� ¿Qué ventajas y beneficios tengo al contar con un sitio Web? � ¿Cuántos procesos, trámites, servicios o gestiones podré llegar a realizar a través de

este medio? � ¿Qué capacidad tiene la institución para mantener permanentemente actualizado el

sitio? � ¿el sitio será sólo informativo, o también interactivo o transaccional?


3.2 Definir un responsable o administrador de los contenidos


3.3 Implementado en un Administrador de Contenidos (CMS)


� También conocidos como CMS por su siglas en inglés Content Management System, es un sistema que le permite gestionar de manera ágil y sencilla los contenidos su sitio web. Entre otros, usted podrá editar o agregar nuevos textos y fotografías.

� No requiere ningún nivel avanzado de conocimientos en Internet ni de lenguajes complejos de programación. Usted edita una página web de manera similar a un documento de MS Word.

3.4 Clasificar la información de manera correcta, eficiente y clara

� Para determinar la mejor manera de estructurar y organizar la información del sitio web, se debe pensar de forma funcional y no organizacional, hacia el usuario final, agrupando la información de manera lógica.

� La Arquitectura de Información y su etiquetado juegan un papel importante, ya que de éstas disciplinas depende el fácil acceso a la información para los usuarios.


3.5 Redactar los contenidos de forma clara, sencilla y concisa� La redacción de los contenidos debe ser clara, concisa y sencilla.

� Una gran cantidad de texto en internet es difícil de leer. Por ello, se debe planear siempre la forma más fácil de emitir mensajes por este medio, como lo son textos de tamaño legible, formatos útiles de presentación, tablas para facilitar la comprensión de datos y gráficos para reforzar la información.

� Recordemos que existe la opción de adjuntar archivos donde se detalle la información, para que sean descargados únicamente por los usuarios a quienes interese conocer a mayor detalle.


3.6 Revisar que la información del sitio sea fidedigna

� El sitio debe contener información verídica sin tolerancia a ningún tipo de equivocación, porque un sitio que contenga información errónea o confusa, además de los problemas legales que puede generar, tiene como consecuencia la falta de credibilidad.


3.7 Actualizar la información de manera permanente

� Se debe tener presente que la actualización permanente del sitio será la clave para que éste y la imagen de la Universidad de Caldas.


3.8 Evitar la duplicidad de información

� Las dependencias deberán evitar publicar la misma información, sin embargo, será válido proveer vínculos o referencias a la fuente original de la información.


3.9 Incluir espacios para la Atención Ciudadana

� Al ser un elemento de contacto entre la ciudadanía y la Universidad, los sitios web de las dependencias, deberán contar con un formato o buzón de atención para quejas, preguntas, denuncias y comentarios para fomentar la retroalimentación por parte de la ciudadanía.


3.10 Evitar un sitio web excesivamente dinámico

� Puede creerse que un sitio con muchas animaciones y movimiento es más impactante y llamativo, pero en términos de usabilidad el uso excesivo de estos recursos, lejos de ser agradable, genera ruido visual que confunde y molesta al usuario.


4. Lineamientos de Identidad Institucional� 4.1 Imagen institucional de la Universidad de Caldas

�


La imagen institucional de La Universidad de Caldas constituye el soporte de la imagen universitaria y en base a ella deberá estructurarse la forma de emitir cualquier contenido, consolidando además la estrategia de marca (branding) de la Universidad de Caldas.

Para que la imagen institucional sea exitosa es necesario que su aplicación sea correcta, constante y sobretodo, respetada. En el apartado “Lineamientos de Interfaz gráfica” de este manual, se especifica la integración de la imagen en las plantillas de diseño.

4. Lineamientos de Identidad Institucional

Colores institucionales:

El color es un factor muy importante debido a que constituye un componente fundamental dentro de la comunicación visual.


Tomado de: Manual de identidad


Colores institucionales para las Facultades:

.




Tipografía institucional:




Asociación de dependencias y entidades con la Imagen institucional de la Universidad de Caldas:

Cuando una dependencia o entidad se asocie con el logotipo de la Universidad de Caldas, se anexará una línea que divide el logotipo del nombre de la dependencia, quedando éste último del lado derecho.Se puede poner el logotipo de la dependencia o entidad en caso de que ésta tenga alguno.En caso de tener logotipo, la dependencia o entidad se podrá colocar de dos maneras; la primera usando nombre y logotipo y la segunda usando solamente el logotipo de ésta.

El logotipo de la dependencia o entidad tendrá máximo el 80% en proporción a la altura del logotipo de la Universidad de Caldas


Facultad deArtes y Humanidades

Facultad deCiencia Agropecuarias

Facultad deCiencias para la Salud

80%100%

4.2 Imagen de las facultades de la

Universidad de Caldas

�

Para generar un discurso gráfico homogéneo en los sitios de Internet de la Universidad de Caldas, que a su vez defina un sentido de pertenencia para cada facultad o sitio secundario, se diseñó un sistema de uso de colores para los sitios de las facultades y dependencias de la Universidad de Caldas, agrupadas en las siguientes facultades:

Facultad de Artes y HumanidadesFacultad de Ciencias AgropecuariasFacultad de Ciencias Exactas y NaturalesFacultad de Ciencias Jurídicas y SocialesFacultad de Ciencias Para la SaludFacultad de Ingenierías



Universidad de Caldas�

Facultad de Artes y Humanidades




Facultad de Ciencias Agropecuarias




Facultad de Ciencias Exactas y Naturales




Facultad de Ciencias Jurídicas y Sociales




Facultad de Ciencias Para la Salud




Facultad de Ingeniería


4.3 Dominio de Internet de la Universidad de Caldas www.ucaldas.edu.co/ _

�

El dominio de Internet de la Universidad de caldas es www.ucaldas.edu.co (Un dominio es el nombre que identifica a un sitio web. Cada dominio tiene que ser único en internet.)La Universidad de Caldas utiliza para sus sitios web, dominios con la terminación ______.ucaldas.edu.co o www.ucaldas.edu.co/_______ por lo que cualquier sitio web de la Universidad de Caldas debe llevar obligatoriamente dicho dominio.

Esto para cumplir con un principio de orden institucional e imagen institucional que transmita confianza, claridad y seguridad en los usuarios, así como un sentido de pertenencia por parte de las dependencias de la Universidad de Caldas. Por otro lado, y para cuestiones de impacto y recordación de los usuarios, se debe pensar en subdominios sencillos y prácticos, evitando el uso de siglas, que generalmente no conocen.

� Por ejemplo: el sitio web del Campus Virtual tiene el dominiocampusvirtual.ucaldas.edu.co, por lo que es sencillo para el usuarioacordarse del nombre. Si su dominio fuera cmpsvirtual.ucaldas.edu.co,sería más difícil recordarlo.

� Nota: es importante tener claro que para el desarrollo de un nuevo sitio web, cada dependencia es responsable de conseguir todos los recursos(técnicos, financieros, humanos y demás) para el desarrollo de un nuevo sitio web, por parte de la oficina de prensa se ofrece la asesoría en laentrega de políticas editoriales y de uso, identidad institucional, y demás relacionados con los contenidos, y también cada dependencia se hace responsable de conseguir el alojamiento para su sitio web.


5. Lineamientos de Arquitectura de información

5.1 Fundamentos de la Arquitectura de Información

Se define como Arquitectura de Información a la disciplina encargada de estructurar y clasificar la información de Sitios Web e Intranets, con el fin de ayudar a los usuarios a encontrar y manejar dicha información de una manera fácil y rápida.

Los puntos clave a considerar para desarrollar un sitio adecuado con contenidos útiles para los usuarios son:

� Detectar y entender las necesidades de los usuarios� Detectar y entender las necesidades de la dependencia� Entender y ajustar la información al medio en el que se va a desarrollar (internet)� Planear antes de diseñar


5.2 Árbol de contenidos

� La creación de árboles de contenidos es útil en el desarrollo de los sitios ya que permiten que de una manera gráfica y sencilla, se muestren las secciones que conformarán el sitio y cuántos niveles de navegación contendrá cada uno de los canales.


InicioInicio

Sección 1Sección 1 Subsección 1

Subsección 1

Contenido 1Contenido 1



Sección 2Sección 2

Sección 3Sección 3

5.2 Árbol de contenidos

� Ejemplo del Árbol de contenidos para el subportal de las Facultades:

� Menú principal para el subportal de las Facultades- Inicio - Facultad : Presentación, Organigrama de Facultad, Secretaría- Programas: Pregrados, Posgrados (cada uno enlazado directamente al contenido del portal principal para evitar duplicación de contenidos)- Departamentos: - Investigación: Directrices de investigación, Procedimientos y formatos, Comité de investigación, Grupos investigación- Publicaciones: Colecciones, revistas, convenios, programas especiales- Contáctenos : Formulario de contacto (Nombres, Apellidos, Correo electrónico, Teléfono)


5.3 Temas y perfiles de usuarioPara estructurar la información con un enfoque ciudadano, los siguientes temas se consideran de mayor interés para el mismo:

• Acerca de – En este apartado se integrará toda la información institucional, aunque no es información prioritaria para el ciudadano, es un apartado que todas las dependencias deben publicar en su sitio, para informar al ciudadano su razón de ser y el personal que las conforman.

• Trámites – Aquí se brindará toda la información necesario para llevar a cabo trámites, en caso de que la dependencia los lleve a cabo.

• Servicios – En este apartado se brindará toda la información necesaria para llevar a cabo servicios, en caso de que la dependencia los lleve a cabo.

• Programas – En este apartado, se publicarán los diversos programas de cada dependencia.

• Temas por perfiles

Tras definir el perfil de usuario que visitará el sitio, se propone la creación de una clasificación de acuerdo a esos perfiles, de tal manera que el usuario cuente con una ruta directa para encontrar los contenidos de su interés.Estos perfiles pueden variar de acuerdo al público objetivo y al tipo de audiencia al que se dirige cada dependencia.


6. Lineamientos de estructura6.1 Resolución de pantalla

Los sitios web se diseñarán para verse a una resolución de:

1024 x 768 pixelesEstadísticas de resoluciones de pantalla más utilizadas por usuarios del Portal Principal de la Universidad de Caldas: Estadísticas tomadas desde Mayo de 2009 a Febrero del 2012

Manual de Lineamientos para sitios web de las Facultades *Fuente: Google Analytics


La resolución de pantalla estándar hace algunos años era de 800 x 600 pixeles. Sin embargo estadísticas recientes del mundo, demuestran un incremento consistente y cada vez más importante en el uso de resoluciones de 1024 x 768 ó mayores.Es necesario considerar esta evolución como el nuevo estándar para los sitios de Internet.Será importante también evaluar las estadísticas en el corto plazo, ya que probablemente en poco tiempo el estándar cambie a 1280x1024.



�

La resolución de 1024 x 768 debe considerar un área de seguridad, ya que los navegadores de internet utilizan espacio vertical para componentes como la barra de herramientas, y espacio horizontal para elementos como las barra de desplazamiento.

� De tal forma, el área de seguridad de la resolución 1024 x 768 es aproximadamente de 982 x 600.

� Se recomienda ubicar cualquier elemento relevante del sitio dentro de las dimensiones del área de seguridad descrita.

� Elementos adicionales del sitio fuera de los 600 pixeles de altura requerirán del desplazamiento de la barra para poder visualizarse.


6.2 Estructura o layout

� La estructura o layout del sitio web define la ubicación de los espacios de información y navegación, considerando fundamentos de usabilidad (consistencia, jerarquización, fácil reconocimiento y aprendizaje de los espacios de información, etc.).

� Los elementos que componen la estructura se detallan en las siguientes láminas, y corresponden a las pantallas de página principal, página índice y página interior o de contenido.


6.2 Estructura o layout� Los Sitios Web de la Universidad de Caldas deben manejar una base reducida de

plantillas, que pueden diferenciarse a partir de este nivel (layout), en los siguientes tipos de página:


� A continuación se detallan los elementos estructurales de cada uno de estos tipos de página, en los que puede apreciarse un principio importante de Usabilidad: la consistencia en la ubicación de los elementos.

6.2 Estructura o layoutPágina principal:

En el diagrama se detalla la estructura de la página principal para los sitios web de la Universidad de Caldas.


7. Lineamientos de interfaz gráfica

� La interfaz gráfica es la última etapa en la definición de un sitio Web de la Universidad de Caldas. Una vez que se tienen bien delimitados los objetivos, principales servicios y el tipo de usuarios del sitio, el árbol de contenidos, los elementos estructurales de cada pantalla y la identidad institucional de la dependencia, se puede incorporar la línea o concepto gráfico.

� En este apartado del manual se establecen lineamientos de imagen, apegados a los principales estándares de usabilidad.


manual de lineamientos para sitios web facultades y

Documents