guía de aplicaciones móviles - gobierno de canarias · guía de aplicaciones móviles del...
Post on 19-Sep-2018
217 Views
Preview:
TRANSCRIPT
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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
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 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,
Guía de aplicaciones móvilesdel Gobierno de Canarias
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...).
Guía de aplicaciones móvilesdel Gobierno de Canarias
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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
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 cibercentro@gobiernodecanarias.org
Guía de aplicaciones móvilesdel Gobierno de Canarias
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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
9
Alta de nuevas aplicaciones2.
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:
Guía de aplicaciones móvilesdel Gobierno de Canarias
10
Alta de nuevas aplicaciones2.
– 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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
11
Alta de nuevas aplicaciones2.
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
12
Alta de nuevas aplicaciones2.
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
13
Alta de nuevas aplicaciones2.
– 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...
Guía de aplicaciones móvilesdel Gobierno de Canarias
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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
15
Alta de nuevas aplicaciones2.
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).
Guía de aplicaciones móvilesdel Gobierno de Canarias
16
Alta de nuevas aplicaciones2.
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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
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.
Guía de aplicaciones móvilesdel Gobierno de Canarias
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
20
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
21
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
22
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
23
4. Diseño de la plataforma eGobcan
Botón compartir y botón opciones
X
X
23 X
18,5 X
23 X
23 X
Guía de aplicaciones móvilesdel Gobierno de Canarias
24
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
25
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
26
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
27
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
28
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
29
4. Diseño de la plataforma eGobcan
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ú
Guía de aplicaciones móvilesdel Gobierno de Canarias
30
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
31
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
32
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
33
4. Diseño de la plataforma eGobcan
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ú
Guía de aplicaciones móvilesdel Gobierno de Canarias
34
4. Diseño de la plataforma eGobcan
Cabecera(X)
Menú navegaciónsuperior (X)
Sub-menú(0,5X)
Elementos delcontenido(1,15X mínimo)
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
apps noticias mapa avisos social
texto sub-menú
Guía de aplicaciones móvilesdel Gobierno de Canarias
35
4. Diseño de la plataforma eGobcan
Cabecera(X)
Menú navegaciónsuperior (X)
Sub-menú(0,8X)
Elementos delcontenido(1,15X mínimo)
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
apps noticias mapa avisos social
islas
texto sub-menú y selección filtrada actual
Guía de aplicaciones móvilesdel Gobierno de Canarias
36
4. Diseño de la plataforma eGobcan
Cabecera(X)
Menú navegaciónsuperior (X)
Sub-menú(0,8X)
Elementos delcontenido(1,15X mínimo)
Filtro de contenidos(0,65X)
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
apps noticias mapa avisos social
islas
texto sub-menú y selección filtrada actual
Guía de aplicaciones móvilesdel Gobierno de Canarias
37
4. Diseño de la plataforma eGobcan
Cabecera(X)
Menú navegaciónsuperior (X)
Sub-menú(0,8X)
Elementos delcontenido(1,15X mínimo)
Filtro de contenidos(0,65X)
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
apps noticias mapa avisos social
islas
texto sub-menú y selección filtrada actual
filtro de islas desplegado
Guía de aplicaciones móvilesdel Gobierno de Canarias
38
4. Diseño de la plataforma eGobcan
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ú
Guía de aplicaciones móvilesdel Gobierno de Canarias
39
4. Diseño de la plataforma eGobcan
Cabecera(X)
Menú navegaciónsuperio (X)
Sub-menú(1/2X)
Elementos delcontenido(1,15X mínimo)
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
apps noticias mapa avisos social
texto sub-menú
Guía de aplicaciones móvilesdel Gobierno de Canarias
40
4. Diseño de la plataforma eGobcan
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
Guía de aplicaciones móvilesdel Gobierno de Canarias
41
4. Diseño de la plataforma eGobcan
Cabecera(X)
Menú navegaciónsuperio (X)
Sub-menú(1/2X)
Elementos delcontenido(1,15X mínimo)
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
apps noticias mapa avisos social
temasFiltro de contenidos(0,65X)
imagen texto
imagen texto
imagen texto
imagen texto
texto sub-menú
Guía de aplicaciones móvilesdel Gobierno de Canarias
42
4. Diseño de la plataforma eGobcan
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)
Menú navegaciónsuperio (X)
Sub-menú(1/2X)
Elementos delcontenido(1,15X mínimo)
marcabotón inicio-
departamentos
imagen
texto
redes
apps noticias mapa avisos social
temasFiltro de contenidos(0,65X)
imagen
imagen
redes que dispone la selección marcada
imagen
texto
texto
texto
Deplegable(X)
texto sub-menú
Guía de aplicaciones móvilesdel Gobierno de Canarias
43
4. Diseño de la plataforma eGobcan
Cabecera(X)
Menú navegaciónsuperio (X)
Sub-menú(1/2X)
Elementos delcontenido(1,15X mínimo)
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
apps noticias mapa avisos social
temasFiltro de contenidos(0,65X)
imagen texto
texto sub-menú
Guía de aplicaciones móvilesdel Gobierno de Canarias
44
4. Diseño de la plataforma eGobcan
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)
Menú navegaciónsuperio (X)
Sub-menú(1/2X)
Elementos delcontenido(1,15X mínimo)
marcabotón inicio-
departamentos
imagen
filtro temas desplegado
texto
redes
apps noticias mapa avisos social
temasFiltro de contenidos(0,65X)
imagen
imagen
imagen
imagen texto
texto sub-menú
Guía de aplicaciones móvilesdel Gobierno de Canarias
45
4. Diseño de la plataforma eGobcan
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)
Menú navegaciónsuperio (X)
Sub-menú(1/2X)
Elementos delcontenido(1,15X mínimo)
marcabotón inicio-
departamentos
imagen
texto
redes
apps noticias mapa avisos social
temasFiltro de contenidos(0,65X)
imagen
filtro redes desplegado
imagen
imagen
imagen
texto
texto sub-menú
top related