Biblioapps o cómo crear aplicaciones móviles para la biblioteca
David Maniega LegardaCTO de Icalia Solutions
18 JUNIO 2014
18 de Junio de 2014
David Maniega LegardaCTO de ICAlia Solutions
[email protected] dmaniegawww.icalia.com
De qué va a ir esto
• Contexto en el que nos movemos• Cómo llevar mis contenidos a móvil:
• Web adaptativa o Responsive web• Webapps• Apps híbridas• Apps nativas
• Pautas para la creación de una app• #biblioapps o cómo aplicarlo en bibliotecas
http://madrid.theappdate.com/informe-apps-2013
Nomofobia en España
Nomofobia en España
http://madrid.theappdate.com/informe-apps-2013
Principales usos de los móviles
Dispositivos y su contexto
Uso de apps vs browsing
90’s --------------- 640 x 480 px2000 -------------- 800 x 600 px2005 -------------- 1024 x 768 px
¿Cómo era la web?
¿y qué sucede ahora?
Web móvil o App nativa
Mobile optimization best practices book
Aclaremos algunos conceptos
Responsive Web Design
Minnesota University - Libraries
Minnesota University - Libraries
“Una manera de presentar nuestro contenido sin saber en qué dispositivo va a verse.”
Ethan Marcotte
Pero… ¿qué es exactamente?
Un diseño sensible al contexto en el que se visualiza (viewport).
Ventajas
• Menos coste de mantenimiento (1 site)• Mejor SEO y usabilidad• Reutilización en diversos dispositivos• Opciones de elementos enriquecidos• Menor peso / mayor tasa transferencia
Inconvenientes
• Supone complejidad técnica (novedoso)• No hay mucha gente especializada• Curva de aprendizaje amplia• Costes de migración • Incompatiblidad de algunos navegadores
Consejos
• Diseña en pequeño, piensa en móvil primero• Prioriza lo importante primero
• Contenido (clave)• Navegación (auxiliar - Flyout)
• Legibilidad (mínimo 16px)• Si optas por eliminar algo para la versión móvil,
simplemente elimínalo de todas partes• No tengas miedo al scroll móvil
Frameworks de desarrollo
http://responsive.vermilion.com/compare.php
Responsive CSS Framework Comparison
http://getbootstrap.com/
http://foundation.zurb.com/
http://www.getskeleton.com/
http://www.responsinator.com/
RWD Testing: Responsinator
http://www.iammobile.co.uk/
RWD Testing: I am Mobile
El dilema: Web móvil vs App
El dilema: Web móvil vs App
Responsive, Híbrida o Nativa
App híbrida
http://blog.brightcove.com/
Creación de una App
Pasos previos
1. Tener una idea clara…, de verdad2. Rodéate de un buen equipo3. Conoce el ecosistema lo máximo posible4. ¿Android, iOS, Windows Phone…?5. Interfaz amigable y funcionalidad clara6. Contenido adaptado, ¡no es una web!7. Plan de difusión, promociónala
Proceso de creación
Estrategia Usabilidad Calidad
IdeaValidaciónPresupuestoAudiencia
CorreccionesMejoras
DiseñoDesarrolloContenidosTesting
Diseño UI/UX
• Capacidad que tiene tu diseño para conectar con las emociones del usuario.
http://www.studioaum.in/service_ux.html
Diseño UI/UX
http://goo.gl/cRxpIz
Diseño UI/UX
Análisis de requisitos Diseño conceptual Prototipado, mockups Diseño e implementación Evaluación y métricas
Consejos fundamentales
• Fácil de usar, cumple su objetivo y punto• Eficiente, no más de 3 pasos para una tarea• Memorable, fomentar capacidad de recuerdo• Gestión de avisos al usuario• Consistencia = no cambies las reglas del juego
ni visual ni funcional• Implementa mejoras, no te rindas• Originalidad (contenido y diseño)
¿Qué sistema operativo?
Para tomar una decisión…
Frameworks para apps híbridas
http://www.sencha.com/ http://phonegap.com/
http://www.appcelerator.com/titanium/http://jquerymobile.com/
Top 7 Mobile Application HTML5 Framework
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/
Frameworks para apps nativas
http://developer.android.com/sdk/installing/studio.html
https://developer.apple.com/xcode/
http://www.microsoft.com/es-es/download/details.aspx?id=35471
Y si no sabes programar…
App Builders, crea tu app fácil
• Uso sencillo, intuitivo, sin programar• Diseño basado en plantillas (pros/cons)• Tipo de app (nativa o HTML)• Aportan sistemas para compartir contenido• Son de pago (coste mucho menor)• Cuidado con la publicidad• CMS interno – actualiza tu contenido en caliente• Analítica, datos, datos, datos…
Cada vez son más y mejores
http://es.goodbarber.com/ http://www.appmachine.com/
http://www.como.com/http://www.mobincube.com/es/
10 Excellent Platforms for Building Mobile Apps
http://mashable.com/2013/12/03/build-mobile-apps/
#biblioapps
¿Por qué #biblioapps?
• Porque todo el mundo tiene una app• Porque nos hace parecer más modernos• Porque mis usuarios están en el móvil• Porque…
• ¿Necesito realmente una app?
Qué cosas tiene que hacer
• Todo!! Cuidado con eso…• Haz un estudio de mercado local• Define tu estrategia digital
• Funcionar en TODOS los dispositivos• Sin coste• Sencillez + Claridad = Usable• Con valor añadido
Planificación
• ¿Me va a afectar en mis servicios?• ¿Está el equipo preparado para ello?• ¿Qué servicios voy a ofrecer?• ¿Necesito un desarrollo específico?• ¿Qué desean los usuarios?
• Vamos a tomar decisiones
Toma de decisiones
• ¿Conocemos a nuestros usuarios, sus hábitos de consumo de nuestros servicios y productos?
• ¿Entendemos las tendencias de uso que se hacen de los dispositivos móviles?
• ¿Los usamos de forma natural para comprenderlos mejor y saber qué oportunidades nos presentan?
• ¿Sabemos qué quieren los usuarios que se haga desde las bibliotecas? ¿Les hemos preguntado alguna vez?
• ¿Qué productos o servicios se comportan bien en un entorno móvil?
• ¿Por qué queremos tener una presencia móvil? • ¿Qué sería "genial" encontrarse en una
aplicación móvil?
Toma de decisiones
• ¿Estamos preparados para comprender los usos que se derivan de una aplicación móvil?
• ¿Y nuestra "competencia", qué está haciendo?
• ¿Qué sería para nosotros un caso de éxito en el entorno móvil, o cómo nos gustaría que fuera?
Toma de decisiones
Aspectos funcionales
Descubrimiento
• Acceso al catálogo• Datos de contacto• Horarios• Noticias• Videoteca• Rankings• …
Transaccionales
• Reservas y renovaciones• Gestión de actividades• Comentar• Valorar y puntuar• Compartir contenido• Descarga de eBooks• …
Consejos finales
• Estrategia digital - ¿Qué quiero ser de mayor?• Detecta necesidades específicas – Subapps• No repliques tu website en una app• Transforma tus servicios si es necesario• Transforma tu forma de trabajar si es necesario• Reflexiona sobre si webapp o app• Aporta valor y piensa en el uso final• Véndela una y otra vez, di cuan chula es tu app
http://[email protected]
David Maniega LegardaCTO de ICAlia Solutions
[email protected] www.icalia.com
dmaniega
Top Related