Source: http://docplayer.es/7947454-Manual-de-lineamientos-para-sitios-web-secundarios.html
Timestamp: 2018-03-18 08:45:31+00:00

Document:
Manual de Lineamientos para sitios web secundarios - PDF
Download "Manual de Lineamientos para sitios web secundarios"
Juan Carlos Cáceres Paz
1 Manual de Lineamientos para sitios web secundarios y de las Facultades Elaborado Febrero 2012 Universidad de Caldas 2012
2 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.
3 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: Este 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.
4 3. Planeación del Sitio Para 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?
5 3.2 Definir un responsable o administrador de los contenidos
6 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.
7 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.
8 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.
9 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.
10 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.
11 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.
12 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.
13 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.
14 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.
15 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
16 4. Lineamientos de Identidad Institucional Colores institucionales para las Facultades:. Tomado de: Manual de identidad
17 4. Lineamientos de Identidad Institucional Tipografía institucional: Tomado de: Manual de identidad
18 4. Lineamientos de Identidad Institucional Asociación de dependencias y entidades con la Imagen institucional de la Universidad de Caldas: 100% Facultad de Artes y Humanidades Facultad de Ciencia Agropecuarias Facultad de 80% Ciencias para la Salud 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
19 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 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ías
20 4.2 Imagen de las facultades de la Universidad de Caldas Facultad de Artes y Humanidades
21 4.2 Imagen de las facultades de la Universidad de Caldas Facultad de Ciencias Agropecuarias
22 4.2 Imagen de las facultades de la Universidad de Caldas Facultad de Ciencias Exactas y Naturales
23 4.2 Imagen de las facultades de la Universidad de Caldas Facultad de Ciencias Jurídicas y Sociales
24 4.2 Imagen de las facultades de la Universidad de Caldas Facultad de Ciencias Para la Salud
25 4.2 Imagen de las facultades de la Universidad de Caldas Facultad de Ingeniería
26 4.3 Dominio de Internet de la Universidad de Caldas _ El dominio de Internet de la Universidad de caldas es (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 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 dominio campusvirtual.ucaldas.edu.co, por lo que es sencillo para el usuario acordarse 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 la entrega 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.
27 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
28 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. Contenido 1 Sección 1 Subsección 1 Contenido 2 Inicio Sección 2 Contenido 3 Sección 3
29 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)
30 5.3 Temas y perfiles de usuario Para 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.
31 6. Lineamientos de estructura 6.1 Resolución de pantalla Los sitios web se diseñarán para verse a una resolución de: 1024 x 768 pixeles Estadí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 *Fuente: Google Analytics
32 6. Lineamientos de estructura 6.1 Resolución de pantalla 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.
33 6. Lineamientos de estructura 6.1 Resolución de pantalla 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.
34 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.
35 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.
36 6.2 Estructura o layout Página principal: En el diagrama se detalla la estructura de la página principal para los sitios web de la Universidad de Caldas.
37 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.
Protocolo WEB. Sitio Web Universidad de Caldas
Protocolo WEB Sitio Web Universidad de Caldas POLÍTICAS Y REGLAMENTO PARA LA ADMINISTRACIÓN Y FUNCIONAMIENTO CORRECTO DEL SITIO WEB DE LA UNIVERSIDAD DE CALDAS Políticas El presente documento contiene

References: Resolución 
 resolución 
 Resolución 
 resolución 
 Resolución 
 resolución 
 resolución