guía de aplicaciones móviles - gobierno de canarias · guía de aplicaciones móviles del...

Guía deaplicacionesmóviles

Aplicaciones móviles: guía de estilo

Primera Edición: Julio 2014

Creatives CommonsBasado en la Guía de servicios móviles de la Generalitat de Cataluña, Departamento de la Presidencia (Depósito legal: B. 19230-2013).

Aviso legalEste 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:http://creativecommons.org/licenses/by-nc/3.0/es/legalcode.eshttp://creativecommons.org/licenses/by-nc/3.0/es/

Gobierno de Canarias

Consejería de Presidencia, Justicia e IgualdadInspección General de Servicioswww.gobcan.es

Diseño y maquetación: Waldemar Diseño y Comunicación (www.waldemar.es)

INDICE

1. Introducción ................................................................................ 1

1.1. Movilidad orientada a la ciudadanía ................................ 2

1.2 Factores a la hora de impulsar la movilidad .................... 2

1.3 El enfoque tecnológico de las iniciativas ......................... 4

1.4 Experiencia de uso de calidad ........................................ 5

2. Alta de nuevas aplicaciones ....................................................... 7

2.1 Procedimiento de inclusión de una iniciativa ................. 7

2.2 Requerimientos para participar en servicios móviles ...... 9

2.3 Características de la aplicación ................................... 11

2.4 Adaptación al dispositivo destinatario .......................... 14

2.5 Evolución y mantenimiento ........................................... 16

3. Plataforma “eGobcan” ............................................................... 17

3.1 Características ............................................................... 17

3.2 Ventajas de participar en la plataforma eGobcan ......... 17

3.4 Contenido de la plataforma ........................................... 18

4. Diseño de la plataforma “eGobcan” .......................................... 19

4.1 Marca del Gobierno de Canarias .................................. 19

4.2 Cromatismo de la plataforma ......................................... 20

4.3 Elementos gráficos e iconos .......................................... 21

4.4 Estructura y navegación de la plataforma ..................... 29

Guía de aplicaciones móvilesdel Gobierno de Canarias

1

Introducción1.

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 comuni-carse 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 contexto de uso.

Este documento tiene por objetivo informar a los organismos del Gobierno de Canarias 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.


2

Introducción1.

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 del Gobierno de Canarias 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 del Gobierno de Canarias 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 actuacio-nes 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 [email protected]

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,


3

1. Introducción

creando nuevas formas de relacionarse con la ciudadanía derivadas de las capacidades de la tecnolo-gí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 departa-mento.

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 correc-tamente 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...).


4

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, capaci-dades 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.


5

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é contexto de uso.

El despliegue de las iniciativas móviles requiere, además de la inversión inicial de construcción, la disponibi-lidad 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ánda-res...) 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 ciudada-nía y de las tendencias de uso.


6

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.


7

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 del Gobierno de Canarias. También organiza acciones para impulsar el uso del canal móvil por parte de la Administración y prioriza las inicia-tivas 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 aplica-ción TraSos del Gobierno de Canarias (https://www.gobiernodecanarias.org/dgtnt/trasos/) a [email protected]


8

Alta de nuevas aplicaciones2.

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.


9


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 del Gobierno de Canarias, de forma indistinta.

plataformas

Las iniciativas que se adhieren a servicios móviles del Gobierno de Canarias pueden ser:


10


– 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.


11


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 del Gobierno de Canarias junto con el texto del copyright © Gobierno de Canarias.

Dependiendo del color del fondo podrá utilizar una de las siguiente variantes de marcas a continuación del texto:

Marca en color formato horizontalpara fondo blanco

Marca en positivo formato horizontalpara fondos claros

Marca en negativo formato horizontalpara fondos oscuros


12


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 aplicacio-nes nativas deben respetar las guías Human Interface Guidelines (HIG) correspondientes a las diferentes plataformas.

Marca en color formato verticalpara fondo blanco

Marca en positivo formato verticalpara fondos claros

Marca en negativo formato verticalpara fondos oscuros


13


– 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 convenien-temente 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 contexto móvil, como información valiosa en el contexto de uso y ubicación del usuario; información en tiempo real, interacción con códigos QR, pago por móvil...


14

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-4.2; navegador estándar y recomendable navegador Chrome.

– Blackberry 6.0-10; 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.


15


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 funcio-nales.

– 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 percep-ció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 del Gobierno de Canarias como las usadas en la “Guía de estilo en las redes sociales del Gobierno de Canarias” (web de identidad gráfica del Gobierno de Canarias).


16


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 del Gobierno de Canarias.

2.5 Evolución y mantenimiento

Las iniciativas móviles del Gobierno de Canarias 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.


17

Plataforma eGobcan3.

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 del Gobierno de Canarias.

– Difusión en las redes sociales a través de los perfiles del Gobierno de Canarias.

– Promoción a través de la web www.gobiernodecanarias.org.


18

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

del Gobierno de Canarias.

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 del Gobierno de Canarias, como medio directo de interacción

entre la ciudadanía y la Administración.


19

4. Diseño de la plataforma eGobcan

4. dIsEño dE lA plAtAFormA “eGobcan”

En este apartado se muestran los diferentes elementos básicos que componen la aplicación eGobcan.

4.1 Marca del Gobierno de Canarias

La construcción y usos de la marca del Gobierno de Canarias 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


20


R48 G82 B130

R157 G120 B44

R126 G32 B45

R94 G44 B124

R74 G88 B38

R0 G0 B0

R97 G143 B203 R104 G167 B217

R237 G196 B108 R253 G209 B134

R194 G84 B123 R204 G102 B153

R159 G100 B197 R193 G133 B213

R174 G186 B138 R188 G201 B161

R134 G134 B134 R216 G216 B216

R104 G167 B217

R97 G143 B203

Degradado lineal

R253 G209 B134

R237 G196 B108

Degradado lineal

R204 G102 B153

R194 G84 B123

Degradado lineal

R188 G201 B161

R174 G186 B138

Degradado lineal

R193 G133 B213

R159 G100 B197

Degradado lineal

4.2 Cromatismo de la plataforma


21


Flecha de dirección

Flecha orientadora de direcciónpara la navegaciónfondo azul: R104 G167 B217

X

X

23 X

23 X

Flecha orientadora de direcciónpara la navegaciónsin fondo color: R104 G167 B217

4.3 Elementos gráficos e iconos


22


Botón volver y símbolo del Gobierno de Canarias

Volver apartado anteriorcolor azul: R104 G167 B217

X

X

16 X

23 X

Volver apartado anteriorcolor gris: R216 G216 B216

Volver apartado anteriorfondo azul: R104 G167 B217


23


Botón compartir y botón opciones

X

X

23 X

18,5 X

23 X

23 X


24


Botón APPs X

X

23 X

23 X

Botón Apps en menú inicioazul oscuro: R48 G82 B130

Botón Apps en menú superior gris: R134 G134 B134

Botón Appsen menú superior azul claro: R104 G167 B217azul oscuro: R48 G82 B130


25


Botón Noticias X

X

23 X

23 X

Botón Noticiasen menú inicioamarillo oscuro: R157 G120 B44

Botón Noticias en menú superior gris: R134 G134 B134

Botón Noticias en menú superior amarillo claro: R253 G209 B134amarillo oscuro: R157 G120 B44


26


Botón Avisos X

X

23 X

23 X

Botón Avisos en menú iniciorojo oscuro: R126 G32 B45

Botón Avisos en menú superior gris: R134 G134 B134

Botón Avisos en menú superior rojo claro: R204 G102 B153rojo oscuro: R126 G32 B45


27


Botón Mapa X

X

23 X

23 X

Botón Mapaen menú inicioverde interior degradado: R188 G201 B161R174 G186 B138

verde oscuro: R74 G88 B38

Botón Mapa en menú superior gris: R134 G134 B134

Botón Mapa en menú superior verde claro: R188 G201 B161verde oscuro: R74 G88 B38


28


Botón Redes Sociales (Redes) X

X

23 X

23 X

Botón Redes Socialesen menú iniciovioleta oscuro: R94 G44 B124

Botón Redes en menú superior gris: R134 G134 B134

Botón Redes en menú superior violeta claro: R193 G133 B213violeta oscuro: R94 G44 B124


29


4.4 Estructura y navegación de la plataforma

Cabecera inicio Cab. inicio + carrousel Cab. + Mapa + submenúCabecera + Mapa

Cabecera + App Cabecera + Avisos

Cabecera + Noticias Cabecera + Social

Cab. + App + submenú Cab. + Avisos + submenú

Cab. + Noticias + submenú Cab. + Noticias + submenú


30


Android IOS

Centro

Pantalla de bienvenida o carga:Esta pantalla deberá contener obligatoriamente la marca del Gobierno de Canarias, 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”

Centro

marca

elementosvisuales de

carga


31


Android IOS

Cabecera(X)

Carousel imágenes(3X)

Menú opciones(4,6X)

1/2 ancho pantalla 1/4 anchopantalla

1/4 anchopantalla

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 deimágenes

marcabotón inicio-

Listado aplicaciones

Últimasnoticias

Mapasoficinas

Últimos avisos

Listadode redes


32


Android IOS

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.Cabecera

(X)

Carousel imágenes(3X)

Menú opciones(4,6X)

1/2 ancho pantalla 1/4 anchopantalla

1/4 anchopantalla

botón inicioe informacióndesplegado

carousel deimágenes

marcabotón inicio-

Listado aplicaciones

Últimasnoticias

Mapasoficinas

Últimos avisos

Listadode redes


33


Android IOS

Cabecera(X)

Menú navegaciónsuperior (X)

Sub-menú(0,5X)

Elementos delcontenido(1,15X mínimo)

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 4.2- Cromatismo de la plataforma) y los elementos de contenido de dicha sección.

marcabotón inicio-

imagen

imagen

imagen

imagen

imagen

texto

texto

texto

texto

texto

botón

botón

botón

botón

botón

apps noticias mapa avisos social

texto sub-menú


34


Cabecera(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 4.2- Cromatismo de la plataforma) y los elementos de contenido de dicha sección.

marcabotón inicio-

imagen

imagen

imagen

imagen

imagen

texto

texto

texto

texto

texto

botón

botón

botón

botón

botón


texto sub-menú


35


Cabecera(X)


Sub-menú(0,8X)


Filtro de contenidos(0,65X)

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 4.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.

marcabotón inicio-

imagen

imagen

imagen

imagen

texto

oficinas

texto

texto

texto

botón

botón

botón

botón


islas

texto sub-menú y selección filtrada actual


36


Cabecera(X)


Sub-menú(0,8X)



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. marca

botón inicio-

filtro de oficinas desplegado

imagen

oficinas

texto

botón

botón

botón

botón


islas



37


Cabecera(X)


Sub-menú(0,8X)



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. marca

botón inicio-

imagen

imagen

imagen

imagen

oficinas

texto botón


islas


filtro de islas desplegado


38


Cabecera reducida(0,6X)Sub-menú(0,4X)

Mapa de geolocalición(4,75X)

Elementos delcontenido(scroll según contenido)

Separación(0,25X)

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.-botón volver botón compartir-

mapa

TitularTexto

texto sub-menú


39


Cabecera(X)

Menú navegaciónsuperio (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 4.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.

marcabotón inicio-

imagen

imagen

imagen

imagen

imagen

texto

texto

texto

texto

texto

botón

botón

botón

botón

botón


texto sub-menú


40


Sección avisos, interior de un aviso:Muestra el banner y la información correspondiente al aviso.

Cabecera reducida(0,6X)

imagen(2,6X)

Elementos delcontenido(scroll según contenido)

Separación(0,25X)

-botón volver botón compartir-

imagen

TitularTexto


41


Cabecera(X)


Sub-menú(1/2X)


Sección social: Cuando se accede a la sección “social”, 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 4.2 - Cromatismo de la plataforma) y los elementos de contenido de dicha sección.

marcabotón inicio-

departamentos

imagen texto

redes


temasFiltro de contenidos(0,65X)

imagen texto

imagen texto

imagen texto

imagen texto

texto sub-menú


42


Sección social, filtro redes desplegado, ver redes:Cuando se selecciona un departamento se despliega una ficha con las redes en las que se tiene presencia. Pulsando sobre el icono de cada red se accede al perfil correspondiente.

Cabecera(X)


Sub-menú(1/2X)


marcabotón inicio-

departamentos

imagen

texto

redes



imagen

imagen

redes que dispone la selección marcada

imagen

texto

texto

texto

Deplegable(X)

texto sub-menú


43


Cabecera(X)


Sub-menú(1/2X)


Sección social, filtro departamentos desplegado:A través del filtro “departamentos” se podrá seleccionar las redes sociales por temas y acceder a sus perfile. marca

botón inicio-

departamentos

imagen

filtro departamentos desplegado

texto

redes



imagen texto

texto sub-menú


44


Sección social, filtro temas desplegado:A través del filtro “temas” se podrá seleccionar la red social a la que se quiere acceder.Cabecera

(X)


Sub-menú(1/2X)


marcabotón inicio-

departamentos

imagen

filtro temas desplegado

texto

redes



imagen

imagen

imagen

imagen texto

texto sub-menú


45


Sección social, filtro redes desplegado:A través del filtro “redes” se podrá seleccionar la red social a la que se quiere acceder y ver los departamentos que cuentan con perfiles en la misma.

Cabecera(X)


Sub-menú(1/2X)


marcabotón inicio-

departamentos

imagen

texto

redes



imagen

filtro redes desplegado

imagen

imagen

imagen

texto

texto sub-menú

guía de aplicaciones móviles - gobierno de canarias · guía de aplicaciones móviles del...

Documents