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 oferta académica Favorecer el conocimiento de los servicios Requerimientos Funcionalidad Fácil mantenimiento Coherencia Usabilidad

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

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

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

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

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

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

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

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

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

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.

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

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

Nueva plantilla de centros

Estructura de módulos

Nueva plantilla de centros

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

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

Nueva plantilla de estudios

Calendario de actualización

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

Preguntas?