Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
Upcoming SlideShare
Loading in...5
×
 

Biblioapps, o cómo crear aplicaciones móviles para bibliotecas

on

  • 1,082 views

Webinar impartido por David Maniega en SocialBiblio el 18 de junio de 2014

Webinar impartido por David Maniega en SocialBiblio el 18 de junio de 2014

Statistics

Views

Total Views
1,082
Views on SlideShare
743
Embed Views
339

Actions

Likes
2
Downloads
21
Comments
0

6 Embeds 339

http://www.socialbiblio.com 267
http://www.icalia.com 33
http://feedly.com 23
http://feeds.feedburner.com 13
https://twitter.com 2
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Biblioapps, o cómo crear aplicaciones móviles para bibliotecas Biblioapps, o cómo crear aplicaciones móviles para bibliotecas Presentation Transcript

  • Biblioapps o cómo crear aplicaciones móviles para la biblioteca David Maniega Legarda CTO de Icalia Solutions 18 JUNIO 2014
  • 18 de Junio de 2014 David Maniega Legarda CTO de ICAlia Solutions david.maniega@icalia.es dmaniega www.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 px 2000 -------------- 800 x 600 px 2005 -------------- 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 verdad 2. Rodéate de un buen equipo 3. Conoce el ecosistema lo máximo posible 4. ¿Android, iOS, Windows Phone…? 5. Interfaz amigable y funcionalidad clara 6. Contenido adaptado, ¡no es una web! 7. Plan de difusión, promociónala
  • Proceso de creación Estrategia Usabilidad Calidad Idea Validación Presupuesto Audiencia Correcciones Mejoras Diseño Desarrollo Contenidos Testing
  • 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
  • ht t p: //soci al bi bl i o. com David Maniega Legarda CTO de ICAlia Solutions david.maniega@icalia.es www.icalia.com dmaniega