Guía de aplicaciones móviles

Transcripción

1 Guía de aplicaciones móviles

2 Aplicaciones móviles: guía de estilo Primera Edición: Julio 2014 Creatives Commons Basado en la Guía de servicios móviles de la Generalitat de Cataluña, Departamento de la Presidencia (Depósito legal: B ). Gobierno de Canarias Consejería de Presidencia, Justicia e Igualdad Inspección General de Servicios Aviso legal Este obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial 3.0. Usted es libre de: copiar, hacer obras derivadas, distribuir, comunicar públicamente la obra de forma total o parcial. Bajo las condiciones siguientes: Reconocimiento: Se debe citar al titular de los derechos, en este caso, al Gobierno de Canarias. No comercial: No puede utilizar esta obra para fines comerciales. La licencia completa y el reconocimiento 3.0 España se puede consultar en: Diseño y maquetación: Waldemar Diseño y Comunicación (

3 INDICE 1. Introducción Movilidad orientada a la ciudadanía Factores a la hora de impulsar la movilidad El enfoque tecnológico de las iniciativas Experiencia de uso de calidad Alta de nuevas aplicaciones Procedimiento de inclusión de una iniciativa Requerimientos para participar en servicios móviles Características de la aplicación Adaptación al dispositivo destinatario Evolución y mantenimiento Plataforma egobcan Características Ventajas de participar en la plataforma egobcan Contenido de la plataforma Diseño de la plataforma egobcan Marca Cromatismo de la plataforma Elementos gráficos e iconos Estructura y navegación de la plataforma... 29

4 1. Introducción 1. Introducción El canal móvil se posiciona como el nuevo medio que tiene la ciudadanía para relacionarse y comunicarse con la Administración Pública de la Comunidad Autónoma de Canarias, y con las entidades públicas o privadas integrantes del sector público autonómico (en adelante Gobierno de Canarias), debido a su inmediatez, conectividad, accesibilidad y fácil usabilidad. A través del móvil, la ciudadanía puede: Acceder a los servicios electrónicos. Tramitar y consultar electrónicamente. Interactuar a través de las redes sociales. Existen previciones y estudios que indican que el canal móvil se convertirá en una vía preferente de consulta y tramitación ante otros medios como la web de escritorio. La incorporación de este nuevo medio para comunicarse y ofrecer servicios requiere un planteamiento estructurado que permita incorporarlo en la estrategia multicanal de la institución. Debe alinearse este canal con los objetivos de cada organismo, y aprovechar las capacidades propias y distintivas, tanto por las características de los terminales como por el con de uso. Este documento tiene por objetivo informar a los organismos sobre cómo debe enfocarse la movilidad, el estado de despliegue de la movilidad en el ámbito ciudadano y, sobre todo, cómo abordar iniciativas móviles, conocer y que se apliquen los criterios para poner a disposición de la ciudadanía un nuevo servicio. 1

5 1. Introducción 1.1. Movilidad orientada a la ciudadanía Para fijar las directrices necesarias para asegurar un crecimiento ordenado y coherente en el uso del canal móvil, se recogen unas consideraciones que los organismos deben cumplir a la hora de iniciar la prestación de servicios a la ciudadanía a través del canal móvil: La ciudadanía debe poder acceder a información y hacer trámites desde cualquier dispositivo. Eso implica que la Administración debe integrar el canal móvil en una estrategia multicanal. La ciudadanía debe tener una experiencia fructífera cuando interaccionan con la Administración a través de cualquier canal, de manera que, por ejemplo, puedan iniciar un trámite presencialmente o a través de su dispositivo móvil y consultar su estado a través del mismo. Los organismos que quieran impulsar la movilidad en su ámbito de actuación deben basarse en un planteamiento estratégico que determine y priorice las actuaciones. Estas actuaciones deben alinear el nuevo canal con los objetivos del organismo. Los organismos deben ponerse en contacto con la Dirección General de Telecomunicaciones y Nuevas Tecnologías (en adelante DGTNT), para que les pueda asesorar en todo el proceso de contratación y desarrollo, a través del buzón de correo electrónico gobcan.movil@gobiernodecanarias.org 1.2 Factores a la hora de impulsar la movilidad La presencia del uso de los servicios móviles (acceso a servicios en cualquier lugar y en cualquier momento). Oportunidades para mejorar la eficiencia de los servicios prestados por la Administración. La utilización del móvil para innovar en la manera en la que la Administración presta los servicios, 2

6 1. Introducción creando nuevas formas de relacionarse con la ciudadanía derivadas de las capacidades de la tecnología móvil. La mejora de la transparencia fomentando el acceso a datos e información a través de un nuevo canal altamente usado entre la ciudadanía. La estrategia para tratar la movilidad puede tener en cuenta la colaboración pública y privada para dinamizar el despliegue de iniciativas. La estrategia móvil también hay que relacionarla con las iniciativas de apertura de datos de cada departamento. Estas iniciativas tienen por objetivo: Mejorar la información pública y garantizar el acceso a todo el mundo. Promover la creación de valor con la reutilización de la información pública. Incrementar la transparencia informativa. Fomentar la interoperatividad entre servicios del sector público. Los servicios móviles deben estar construidos de forma desacoplada a la información. La información correctamente estructurada, jerarquizada y etiquetada en formatos que sean interoperables debe ser el núcleo a partir del cual se pueden crear distintas maneras de presentación (webs, contenidos en redes sociales, datos abiertos, servicios para móvil...). 3

7 1. Introducción 1.3 El enfoque tecnológico de las iniciativas Deben fomentar un acceso amplio a la ciudadanía, independientemente de la calidad de su cobertura, capacidades del terminal, sistema operativo y navegador, tamaño y resolución de la pantalla. Posibles soluciones tecnológicas: Enfoque de web única. Para nuevos servicios, que deben adecuarse a diferentes dispositivos y pantallas (ordenador de escritorio, teléfonos inteligentes, ordenadores híbridos, tabletas...) y que no necesitan ofrecer en cada entorno una experiencia de uso y un enfoque funcional propio. Web optimizada para móviles. Para iniciativas dirigidas a teléfonos móviles que no requieren una explotación de las capacidades internas del dispositivo. Permite disponer de una solución única que se adapta a múltiples plataformas móviles (ios, Android, Windows Phone, Blackberry...). Aplicación nativa. Aplicación que el usuario localiza en la tienda de aplicaciones (App Store; Google Play; Marketplace...) y descarga en su dispositivo móvil. Permite ser usada en espacios sin cobertura de datos y permite también una fuerte personalización, interacción rica e integración con capacidades del terminal como cámara, vídeo, audio, acelerómetro, notificaciones push... La tienda de aplicaciones donde la localiza el usuario acaba siendo un importante mecanismo de difusión. 4

8 1. Introducción Híbrido aplicación nativa-web. Permite combinar buena parte de las ventajas de la web optimizada para móviles y de la aplicación nativa. La parte web queda integrada en un contenedor nativo que además puede incorporar funcionalidades propiamente nativas. Los servicios a la ciudadanía con varias soluciones según el dispositivo de acceso teléfonos inteligentes, tabletas y una web destinada a consumo desde la web escritorio deben promover una marca única y presentar al usuario la solución óptima según el dispositivo desde el que accede. 1.4 Experiencia de uso de calidad Las aplicaciones y los servicios móviles deben ofrecer una experiencia de uso de calidad basada en: Facilitar un amplio acceso y uso por parte de la ciudadanía con distintas calidades de cobertura de datos, capacidades del terminal, sistema operativo, navegadores, tamaños y resoluciones de pantalla. Tener un diseño centrado en el usuario que tiene en cuenta qué tipo de usuario lo utilizará, con qué finalidad y en qué con de uso. El despliegue de las iniciativas móviles requiere, además de la inversión inicial de construcción, la disponibilidad de presupuesto para correctivos e incidencias, así como también para evolucionar la solución: El cambiante escenario tecnológico (sistemas operativos, características de los terminales, estándares...) requiere hacer adaptaciones tecnológicas para continuar asegurando un amplio acceso y uso. Nuevas funcionalidades derivadas de la disponibilidad de nuevos datos, de las demandas de la ciudadanía y de las tendencias de uso. 5

9 1. Introducción La adopción del nuevo canal móvil, y el despliegue de iniciativas supone una adaptación organizativa para iniciar los nuevos procesos y tareas. Algunas de las responsabilidades asociadas para disponer de una oferta de calidad a través del canal móvil son: Promoción de las novedades y/o mejoras. Mantenimiento tecnológico. Tendencias del sector móvil y de la administración pública. Creación y actualización de contenidos específicos para el móvil. Evolución funcional y adaptada a las necesidades de los usuarios. Seguimiento de la reputación digital. 6

10 2. Alta de nuevas aplicaciones 2. Alta de nuevas aplicaciones Responsable de Servicios móviles. La DGTNT coordina y establece las directrices de los servicios móviles. También organiza acciones para impulsar el uso del canal móvil por parte de la Administración y prioriza las iniciativas dirigidas a la ciudadanía. 2.1 Procedimiento de inclusión de una iniciativa Quién lo solicita Los departamentos, centros directivos, organismos autónomos, así como las entidades públicas o privadas integrantes del sector público autonómico que sean promotores de la iniciativa móvil. Cuándo lo solicita Cuando se planifica el objetivo de poner en marcha una iniciativa móvil, antes de iniciar la contratación del proyecto. Cómo lo solicita Se debe enviar el formulario de solicitud iniciativa móvil que estará disponible en la aplicación TraSos ( a cibercentro@gobiernodecanarias.org 7

11 2. Alta de nuevas aplicaciones El formulario contiene los datos siguientes: Título de la App. Organismo promotor; debe indicarse el nombre, correo electrónico y teléfono de la persona del organismo promotor con quien contactar para más información sobre la iniciativa. Categoría en la que se engloba la aplicación dentro de la tienda (Educación, Herramienta, Juego, etc). Tipo de servicio; debe indicarse si la iniciativa es una aplicación web o una aplicación nativa y, en este último caso, los sistemas operativos. Objetivo; qué se quiere alcanzar con la creación de la iniciativa móvil. Público destinatario. Principales funcionalidades (breve descripción). Estado de la iniciativa; el estado idóneo del proceso de comunicación a la DGTNT correspondería a la fase de definición interna. Tipo de fases: Iniciativa en fase de definición interna. Iniciativa en fase de contratación. Iniciativa contratada al proveedor. Iniciativa contratada al proveedor y en fase de definición. Iniciativa contratada al proveedor y en fase de construcción / desarrollo. Iniciativa desarrollada pendiente de publicar. Iniciativa publicada. Iniciativa publicada y de la que debe hacerse la difusión y promoción. 8

12 2. Alta de nuevas aplicaciones 2.2 Requerimientos para participar en servicios móviles Promotor de la iniciativa Las iniciativas móviles las promueve el Gobierno de Canarias. A estos efectos, las referencias al Gobierno de Canarias que contienen deben entenderse hechas a las personas jurídicas mencionadas. Publicación en las tiendas de aplicaciones El Gobierno de Canarias comunica su presencia en las tiendas de aplicaciones mediante el perfil de publicación Gobierno de Canarias. Este perfil identifica que una aplicación es del ámbito del Gobierno de Canarias y, por lo tanto, que se trata de una iniciativa de titularidad pública. Con esta finalidad, el Gobierno de Canarias actualmente dispone de perfiles de publicación en App Store y Google Play. Deben publicarse en estos perfiles todas las aplicaciones de los departamentos, organismos, canales temáticos, productos, campañas, actuaciones y servicios que tienen participación del Gobierno de Canarias. Si la iniciativa pertenece a un organismo autónomo, entidades públicas o privadas, la aplicación puede estar publicada bajo el perfil corporativo de la institución promotora, o el, de forma indistinta. Plataformas Las iniciativas que se adhieren a servicios móviles pueden ser: 9

13 2. Alta de nuevas aplicaciones a) webs optimizadas para dispositivos móviles. b) aplicaciones para sistema operativo Android 2.2 o superior. d) aplicaciones para terminales iphone con sistema operativo ios 4 o superior. e) aplicaciones para otros sistemas operativos móviles. Se recomienda que las iniciativas se desarrollen en plataformas ios y en Android, con el fin de poder incorporarlas en la plataforma egobcan. Público destinatario Las iniciativas adheridas darán servicio a la ciudadanía, visitantes, profesionales o empresas. Gratuidad y publicidad Las iniciativas móviles deben poder descargarse de forma gratuita. Dentro la aplicación móvil puede haber alguna funcionalidad o algún servicio de valor añadido que sea de pago. Las iniciativas móviles están excluidas de publicidad como mecanismo de obtención de ingresos por parte de los promotores de la iniciativa. En el caso que una iniciativa requiera incluir algún formato publicitario, se procederá a evaluar la conveniencia conjuntamente con la DGTNT. 10

14 2. Alta de nuevas aplicaciones 2.3 Características de la aplicación Identificación corporativa Las aplicaciones nativas deben mostrar en un apartado de la aplicación que ha sido desarrollada por el Gobierno de Canarias. Para ello se utilizará el logotipo de la marca junto con el del copyright Gobierno de Canarias. Dependiendo del color del fondo podrá utilizar una de las siguiente variantes de marcas a continuación del : Marca en color formato horizontal para fondo blanco Marca en positivo formato horizontal para fondos claros Marca en negativo formato horizontal para fondos oscuros 11

15 2. Alta de nuevas aplicaciones Marca en color formato vertical para fondo blanco Marca en positivo formato vertical para fondos claros Marca en negativo formato vertical para fondos oscuros Las aplicaciones web deben mostrar las identificaciones descritas en la Guía de edición y publicación de página web en la Administración Pública de la Comunidad Autónoma de Canarias Idioma La aplicación y sus contenidos deben estar redactados en castellano. Se valorará positivamente que también se ofrezcan en otras lenguas. La aplicación se abre por defecto en castellano hasta que el usuario lo modifique en la configuración de la aplicación. Usabilidad y diseño Es necesario que las aplicaciones web sigan las directrices descritas en Guía de edición y publicación de página web en la Administración Pública de la Comunidad Autónoma de Canarias. Las aplicaciones nativas deben respetar las guías Human Interface Guidelines (HIG) correspondientes a las diferentes plataformas. 12

16 2. Alta de nuevas aplicaciones ios human interface guidelines. Android user interface guidelines. Otras guidelines. Funcionamiento Las diferentes opciones de navegación con que estará estructurada la aplicación móvil deberá funcionar correctamente y ofrecer resultados coherentes con las expectativas razonables y comunes de los usuarios. Si hay problemas puntuales en alguna parte o en la totalidad de la aplicación, deberá informarse convenientemente al usuario. Enfoque móvil Las iniciativas móviles deben ir más allá de la mera traducción de los servicios web escritorio al formato móvil. Es decir, se recomienda no restringir la iniciativa móvil a una adaptación de la web escritorio por lo que se refiere al diseño y a la navegación. Se tendrán en cuenta positivamente los servicios concebidos para: Aprovechar las capacidades que ofrecen los terminales móviles (GPS, cámara, brújula, acelerómetro, notificaciones...). Ofrecer prestaciones específicas para el canal móvil, orientadas al con móvil, como información valiosa en el con de uso y ubicación del usuario; información en tiempo real, interacción con códigos QR, pago por móvil... 13

17 2. Alta de nuevas aplicaciones 2.4 Adaptación al dispositivo destinatario Aplicaciones nativas Android Las aplicaciones nativas para Android deben adaptarse a la variedad de tamaños y densidades de pantalla (LDPI, MDPI, HDPI y XHDPI) de los dispositivos con Android 2.3 o superior. Aplicaciones nativas ios Las aplicaciones nativas para iphone deben adaptarse a los tamaños de pantalla y resoluciones de iphone 4S (960x640) y 5 (1136 x 640). Y funcionar correctamente para ios 5 y 6. Aplicaciones web Las aplicaciones web deben visualizarse y funcionar correctamente en los principales sistemas operativos y navegadores: Apple ios 5-6; navegador Safari y recomendable navegador Chrome. Android 2.3-2; navegador estándar y recomendable navegador Chrome. Blackberry ; navegador estándar. Windows Phone 7-8; navegador estándar. Se recomienda utilizar dispositivos con varios tamaños de pantallas cuando se hagan las pruebas sobre aplicaciones web. 14

18 2. Alta de nuevas aplicaciones Descarga y rendimiento Debe minimizarse el tamaño de la aplicación. La aplicación no debería superar los 20 MB. Es necesario que la aplicación no requiera mucha velocidad de conexión a Internet. En este sentido, hace falta una necesidad de conexión de menos de 4,5 MB durante un intervalo de cinco minutos. Las aplicaciones deben poder funcionar sin servicio de datos, en la medida de sus posibilidades funcionales. Debe recomendarse al usuario que se conecte a una red Wi-Fi antes de hacer una carga o descarga voluminosa de información. Deben limitarse las sincronizaciones que requieren grandes intercambios de información a través de la red. En el caso que se requiera, debe advertirse al usuario, que debe poder configurar o cancelar según sus preferencias. La navegación por los contenidos y las pantallas de la aplicación debería ofrecer al usuario una percepción de inmediatez y agilidad. En procesos que requieren de un tiempo mayor de respuesta, se debe mantener informado al usuario. Lenguaje Las iniciativas móviles que se agreguen deben hacer un uso correcto del idioma. Además de seguir las normas ortográficas y gramaticales establecidas, debe tener en cuenta las buenas prácticas a la hora de definir los literales y los botones de la aplicación. Así mismo se pueden seguir las pautas de estilo y redacción como las usadas en la Guía de estilo en las redes sociales del Gobierno de Canarias (web de identidad gráfica ). 15

19 2. Alta de nuevas aplicaciones Derechos de uso y privacidad La aplicación no puede contener materiales con derechos de autor propiedad de terceros (incluyendo música, fotografías, vídeo, esculturas, pinturas y otras obras de arte o imágenes publicadas en sitios web o en la televisión, películas u otros medios) sin la correspondiente cesión de los derechos de explotación de forma expresa y por escrito. El material incluido en la aplicación debe estar sujeto a las especificaciones del aviso legal. 2.5 Evolución y mantenimiento Las iniciativas móviles cumplirán obligatoriamente los siguientes servicios: Atender a las personas usuarias de la aplicación y la gestión de las incidencias que surjan. Llevar a cabo el mantenimiento de la aplicación para resolver las incidencias y las actualizaciones necesarias para el buen funcionamiento de la aplicación. Informar a la DGTNT de las actualizaciones y mejoras que se implementen. Hacer el seguimiento de la reputación en línea de la aplicación. 16

20 3. Plataforma egobcan 3. Plataforma egobcan 3.1 Características Se ha desarrollado la aplicación egobcan con el fin de facilitar a la ciudadanía un punto de acceso único a todas las aplicaciones y servicios móviles desarrollados por el Gobierno de Canarias. La aplicación cuenta con una sección de apps, noticias, mapas, avisos y redes sociales. A fecha de publicación de esta guía, el Gobierno de Canarias ofrece la aplicación egobcan únicamente para dispositivos IOS y Android. 3.2 Ventajas de participar en la plataforma egobcan Las iniciativas incluidas se beneficiarán de una mayor visibilidad entre la ciudadanía con varias acciones de difusión y promoción: Inclusión en la aplicación egobcan (disponible para terminales ios y Android). Esta aplicación ofrece un punto de acceso único para la persona usuaria de la oferta de servicios móviles. Difusión en las redes sociales a través de los perfiles. Promoción a través de la web 17

21 3. Plataforma egobcan Otras acciones puntuales, como campañas de TV, publicidad en eventos, revistas especializadas, trípticos... Las iniciativas móviles se pueden beneficiar de otras acciones de comunicación que se puedan llevar a cabo. Las aplicaciones nativas, adicionalmente, se beneficiarán de estar publicadas en el perfil corporativo del Gobierno de Canarias, en las respectivas tiendas de aplicaciones. 3.4 Contenido de la plataforma La plataforma dispone de los siguientes servicios: Apps: Listado de todas las aplicaciones nativas y servicios web (web adaptadas a móvil) desarrolladas por el Gobierno de Canarias. Noticias: Principales noticias para que la ciudadanía se encuentre en todo momento informada de la actividad. Mapa: Mapas de localización e información de las Oficinas de Información y Atención ciudadana, Oficinas de Atención Especializada y Oficinas de Registro. Avisos: Últimas alertas y avisos que sean de interés para la ciudadanía. Social: Acceso a las diferentes redes sociales, como medio directo de interacción entre la ciudadanía y la Administración. 18

22 Diseño de la plataforma egobcan En este apartado se muestran los diferentes elementos básicos que componen la aplicación egobcan. 1 Marca La construcción y usos de la marca viene definida en su manual de identidad corporativa, en esta aplicación se utiliza la marca y el simbolo en las formas reseñadas a continuación: Marca para la cabecera de la aplicación Marca para la pantalla de inicio Símbolo para cabecera 19

23 2 Cromatismo de la plataforma R48 G82 B130 R97 G143 B203 R104 G167 B217 R104 G167 B217 Degradado lineal R97 G143 B203 R157 G120 B44 R237 G196 B108 R253 G209 B134 R253 G209 B134 Degradado lineal R237 G196 B108 R126 G32 B45 R194 G84 B123 R204 G102 B153 R204 G102 B153 Degradado lineal R74 G88 B38 R174 G186 B138 R188 G201 B161 R194 G84 B123 R188 G201 B161 Degradado lineal R94 G44 B124 R159 G100 B197 R193 G133 B213 R174 G186 B138 R193 G133 B213 Degradado lineal R0 G0 B0 R134 G134 B134 R216 G216 B216 R159 G100 B197 20

24 3 Elementos gráficos e iconos Flecha de dirección X X Flecha orientadora de dirección para la navegación fondo azul: R104 G167 B X Flecha orientadora de dirección para la navegación sin fondo color: R104 G167 B X 21

25 Botón volver y símbolo X X Volver apartado anterior color azul: R104 G167 B X Volver apartado anterior color gris: R216 G216 B216 Volver apartado anterior fondo azul: R104 G167 B X 22

26 Botón compartir y botón opciones X X 23 X 23 X 18,5 X 23 X 23

27 Botón APPs X X Botón Apps en menú inicio azul oscuro: R48 G82 B X Botón Apps en menú superior gris: R134 G134 B X Botón Apps en menú superior azul claro: R104 G167 B217 azul oscuro: R48 G82 B130 24

28 Botón Noticias X X Botón Noticias en menú inicio amarillo oscuro: R157 G120 B44 23 X Botón Noticias en menú superior gris: R134 G134 B X Botón Noticias en menú superior amarillo claro: R253 G209 B134 amarillo oscuro: R157 G120 B44 25

29 Botón Avisos X X Botón Avisos en menú inicio rojo oscuro: R126 G32 B45 23 X Botón Avisos en menú superior gris: R134 G134 B X Botón Avisos en menú superior rojo claro: R204 G102 B153 rojo oscuro: R126 G32 B45 26

30 Botón Mapa X X Botón Mapa en menú inicio verde interior degradado: R188 G201 B161 R174 G186 B138 verde oscuro: R74 G88 B38 23 X Botón Mapa en menú superior gris: R134 G134 B X Botón Mapa en menú superior verde claro: R188 G201 B161 verde oscuro: R74 G88 B38 27

31 Botón Redes Sociales (Redes) X X Botón Redes Sociales en menú inicio violeta oscuro: R94 G44 B X Botón Redes en menú superior gris: R134 G134 B X Botón Redes en menú superior violeta claro: R193 G133 B213 violeta oscuro: R94 G44 B124 28

32 4 Estructura y navegación de la plataforma Cabecera inicio Cab. inicio + carrousel Cabecera + Mapa Cab. + Mapa + submenú Cabecera + App Cab. + App + submenú Cabecera + Avisos Cab. + Avisos + submenú Cabecera + Noticias Cab. + Noticias + submenú Cabecera + Social Cab. + Noticias + submenú 29

33 Pantalla de bienvenida o carga: Esta pantalla deberá contener obligatoriamente la marca, así como un elemento gráfico que indique la carga del programa, para que el usuario sepa inequívocamente que el programa está iniciándose. Se incluirá la palabra cargando o iniciando marca Centro elementos visuales de carga Centro Android IOS 30

34 marca botón inicio- Cabecera (X) Pantalla de inicio: Esta pantalla se compone de 3 elementos básicos; la cabecera fija, el carrousel de imágenes y el menú de opciones. El menú de opciones se ha creado de forma que fuese simple y fácil de usar para todos los usuarios, consta de 5 botones diferenciados por colores que al presionarlos nos dirigen a las diferentes secciones de la plataforma. Carousel imágenes (3X) carousel de imágenes Listado aplicaciones Últimas noticias Mapas oficinas Menú opciones (4,6X) Últimos avisos Listado de redes Android IOS 1/2 ancho pantalla 1/4 ancho pantalla 1/4 ancho pantalla 31

35 marca botón inicio- botón inicio e información desplegado Cabecera (X) Botón de inicio e información: En la parte superior de la aplicación, siempre estará visible el botón para volver al menú de inicio o acceder a la información de la aplicación. Carousel imágenes (3X) carousel de imágenes Listado aplicaciones Últimas noticias Mapas oficinas Menú opciones (4,6X) Últimos avisos Listado de redes Android IOS 1/2 ancho pantalla 1/4 ancho pantalla 1/4 ancho pantalla 32

36 botón inicio- marca apps noticias mapa avisos social sub-menú Cabecera (X) Menú navegación superior (X) Sub-menú (0,5X) Sección apps: Cuando se accede a la sección apps, debajo del menú de navegación principal aparecerá el sub-menú informativo con el fondo del mismo color que el apartado (lleva un degradado reseñado en el apartado 2- Cromatismo de la plataforma) y los elementos de contenido de dicha sección. botón Elementos del contenido (1,15X mínimo) botón botón botón botón Android IOS 33

37 botón inicio- marca apps noticias mapa avisos social sub-menú Cabecera (X) Menú navegación superior (X) Sub-menú (0,5X) Sección noticias: Cuando se accede a la sección noticias, debajo del menú de navegación principal aparecerá el sub-menú informativo con el fondo del mismo color que el apartado (lleva un degradado reseñado en el apartado 2- Cromatismo de la plataforma) y los elementos de contenido de dicha sección. botón Elementos del contenido (1,15X mínimo) botón botón botón botón 34

38 botón inicio- marca apps noticias mapa avisos social sub-menú y selección filtrada actual Cabecera (X) Menú navegación superior (X) Sub-menú (0,8X) Sección mapa: Cuando se accede a la sección mapa, debajo del menú de navegación principal aparecerá el sub-menú informativo con el fondo del mismo color que el apartado (lleva un degradado reseñado en el apartado 2- Cromatismo de la plataforma) y los elementos de contenido de dicha sección. Esta sección cuenta además con varios botones cuya función es la de filtrar y organizar el contenido. oficinas islas Filtro de contenidos (0,65X) botón Elementos del contenido (1,15X mínimo) botón botón botón 35

39 marca botón inicio- Cabecera (X) Sección mapa, filtro oficinas desplegado: A través del filtro oficinas Se podrá elegir el tipo de oficina de atención ciudadana y solo ver las que pertenezcan a una de esas categorías. apps noticias mapa avisos social sub-menú y selección filtrada actual Menú navegación superior (X) Sub-menú (0,8X) oficinas islas Filtro de contenidos (0,65X) filtro de oficinas desplegado botón Elementos del contenido (1,15X mínimo) botón botón botón 36

40 marca botón inicio- Cabecera (X) Sección mapa, filtro islas desplegado: A través del filtro islas se podrá elegir la isla que le interese y solo ver las oficinas que estén geográficamente ubicadas en dicha isla. apps noticias mapa avisos social sub-menú y selección filtrada actual Menú navegación superior (X) Sub-menú (0,8X) oficinas filtro de islas desplegado islas Filtro de contenidos (0,65X) Elementos del contenido (1,15X mínimo) botón 37

41 -botón volver sub-menú botón compartir- Cabecera reducida (0,6X) Sub-menú (0,4X) Sección mapa, interior de un mapa de localización: Muestra el mapa de ubicación, dirección, teléfono y horario de la oficina. Mapa de geolocalición (4,75X) Titular Texto mapa Separación (0,25X) Elementos del contenido (scroll según contenido) 38

42 botón inicio- marca apps noticias mapa avisos social sub-menú Cabecera (X) Menú navegación superio (X) Sub-menú (1/2X) Sección avisos: Cuando se accede a la sección avisos, debajo del menú de navegación principal aparecerá el sub-menú informativo con el fondo del mismo color que el apartado (lleva un degradado reseñado en el apartado 2 - Cromatismo de la plataforma) y los elementos de contenido de dicha sección. En caso de no haber ningún aviso o alerta se informará de ello. botón Elementos del contenido (1,15X mínimo) botón botón botón botón 39

43 -botón volver botón compartir- Cabecera reducida (0,6X) Sección avisos, interior de un aviso: Muestra el banner y la información correspondiente al aviso. (2,6X) Titular Texto Separación (0,25X) Elementos del contenido (scroll según contenido) 40