Taller de Editores Nueva web Comillas. Guía de Estilo Web Objetivos de la web Transmitir imagen, misión, visión y valores de la Universidad Difundir la.

Presentación del tema: "Taller de Editores Nueva web Comillas. Guía de Estilo Web Objetivos de la web Transmitir imagen, misión, visión y valores de la Universidad Difundir la."— Transcripción de la presentación:

1 Taller de Editores Nueva web Comillas

2 Guía de Estilo Web Objetivos de la web Transmitir imagen, misión, visión y valores de la Universidad Difundir la oferta académica Favorecer el conocimiento de los servicios Requerimientos Funcionalidad Fácil mantenimiento Coherencia Usabilidad

3 Guía de Estilo Web Usabilidad: útil De valor creíble atractiva accesible utilizable localizable

4 Guía de Estilo Web Estructura básica HEADER O CABECERA Incluye el logo de la Universidad, su lema corporativo, buscador y accesos directos a redes sociales. MENÚ PRINCIPAL SLIDER O CARRUSEL Sucesión de imágenes con texto explicativo, que cambian según las necesidades de comunicación de la Universidad. ESPACIO PARA CONTENIDOS Espacio disponible para los contenidos de cada página de la web, que variará en función del wireframe aplicado FOOTER

5 Guía de Estilo Web Lógica de navegación Página Landing Menú/botón Home

6 Guía de Estilo Web Home HEADER O CABECERA Incluye el logo de la Universidad, su lema corporativo, buscador y accesos directos a redes sociales. MENÚ PRINCIPAL SLIDER O CARRUSEL Sucesión de imágenes con texto explicativo, que cambian según las necesidades de comunicación de la Universidad. BOTÓN ACCESO RAPIDO 1 BOTÓN ACCESO RAPIDO 2 BOTÓN ACCESO RAPIDO 3 BOTÓN ACCESO RAPIDO 4 AREA NOTICIASAGENDA ACCESOS RÁPIDOS BANNER FOOTER

7 Guía de Estilo Web Home Facultades HEADER O CABECERA MENÚ PRINCIPAL SLIDER O CARRUSEL Imagen fija o sucesión de imágenes del centro, su oferta o actividades. BOTÓN ACCESO RAPIDO 1 BOTÓN ACCESO RAPIDO 2 BOTÓN ACCESO RAPIDO 3 BOTÓN ACCESO RAPIDO 4 Presentación del centro, introducción o descripción básica del mismo Localización centro/facultad AREA NOTICIASAGENDA ACCESOS RÁPIDOS BANNER FOOTER

8 Guía de Estilo Web Estudios HEADER O CABECERA MENÚ PRINCIPAL SLIDER O CARRUSEL Imagen fija o sucesión de imágenes evocativas del objeto de la landing. BOTÓN ACCESO RAPIDO 1 BOTÓN ACCESO RAPIDO 2 BOTÓN ACCESO RAPIDO 3 BOTÓN ACCESO RAPIDO 4 INTRODUCCIÓN PROGRAMA LOCALIZACIÓN MENU 1 MENU 2 MENU 3 … MENU N BANNER EDITABLE 1 BANNER EDITABLE 2 BANNER EDITABLE 3 BANNER EDITABLE 4 FOOTER

9 Guía de Estilo Web Hoja de estilo única Tipografías, tamaños y estilos predeterminados Módulo de edición solo admite las opciones permitidas Colores predeterminados Banners y botones predefinidos Tablas predeterminadas en editor Imágenes: Tamaños ya sugeridos (ver Guía de Estilo) Nomenclatura SEO: Comillas_ _ _ 00.jpg

10 Guía de Estilo Web Edición por módulos Sin carga de programación HTML Hojas de estilo precargadas y fijadas (CSS único) El editor se encarga del contenido, no del estilo (viene predefinido) El supervisor se responsabiliza de la veracidad y actualización del contenido - supervisión

11 Guía de Estilo Web Edición por módulos Sin carga de programación HTML Hojas de estilo precargadas y fijadas (CSS único) El editor se encarga del contenido, no del estilo (viene predefinido) Edita y mantiene el contenido de su página El supervisor se responsabiliza de la veracidad y actualización del contenido Verifica que el contenido es riguroso y cumple con los parámetros de la Guía

12 Guía de Estilo Web Flujo de aprobación de contenidos. Editor : ejecuta los cambios Supervisor : aprueba los contenidos en la web de desarrollo. STIC : aprueba los cambios y pasa a producción. Flujo de aprobación de diseño. Editor : ejecuta los cambios. Supervisor : aprueba los cambios en la web de desarrollo. Marketing Institucional : aprueba o deniega, en su caso, los cambios de diseño.

13 Home pages: Módulos, edición, recomendaciones

14 Nueva plantilla de centros Slider o carrusel 4 espacios superiores Presentación + localización Noticias simples y destacadas Agenda + Twitter Accesos rápidos 3 espacios laterales

15 Nueva plantilla de centros

16 Estructura de módulos

17 Nueva plantilla de centros

18

19

20

21 Páginas de estudios: Módulos, edición, recomendaciones

22 Nueva plantilla de estudios Adaptar los contenidos a los nuevos espacios Slider o carrusel 3 nuevos espacios inferiores

23 Nueva plantilla de estudios

24

25 Calendario de actualización

26 Mayo: página home de la universidad Julio: páginas home de centros Septiembre: estudios Septiembre-diciembre: servicios y otras páginas

27 Preguntas?