3.4. Ejemplo de aplicaciones que integran el enfoque ApS

Una vez hemos visto el punto 3.3, podemos decir que nos hemos familiarizado con el entorno MIT App Inventor y el proceso de creación de una App muy simple. Este es un paso esencial para perder el miedo a la plataforma y poder empezar de esta forma a crear nuestras propias aplicaciones.

Con el fin de tener una visión más amplia sobre el diseño de Apps más complejas y, particularmente, para que puedas crear tu propia aplicación como un producto dentro de una situación de aprendizaje que tenga el enfoque de ApS, en los siguientes apartados de este módulo se expondrán algunos ejemplos de aplicaciones móviles muy útiles para coger ideas sobre el diseño y las funcionalidades que podemos incorporar en el desarrollo de nuestra aplicación. En cada ejemplo se muestra una pequeña descripción y viene acompañada con un vídeo muy didáctico que explica el desarrollo y/o funcionamiento de cada aplicación. 

No obstante, antes de comenzar con los ejemplos, queremos compartir una serie de recursos que pueden ayudar al diseño y creación de vuestras aplicaciones:

• Inspiración. Las siguientes webs recopilan ejemplos de apps que pueden servir para identificar patrones y tendencias:

  • http://androidniceties.tumblr.com/

  • http://pttrns.com/

  • http://www.mobile-patterns.com/

• Diseño de la interfaz. Servicios que nos permiten realizar un prototipo del diseño de la interfaz de nuestra aplicación: 

  • http://zurb.com/playground/responsive-sketchsheets

  • http://proto.io/

  • https://marvelapp.com/

• Iconos: cientos de iconos de todo tamaño para poder utilizar en nuestro diseño:

  • https://freeicons.io/

  • https://icon-icons.com/

  • https://iconos8.es/icons

Es importante que todas las imágenes, ya sean iconos, fotografías o ilustraciones tengan un tamaño y un peso en megabites adecuado. Hay que pensar en el tipo de aplicación que vamos a desarrollar y el dispositivo o dispositivos en los que se van a ejecutar. Poner una imagen de una alta calidad con una alta cantidad de píxeles y que tenga un peso muy alto no significa que se vea mejor que una imagen optimizada para un dispositivo móvil. Una imagen optimizada permite Mejora de la velocidad de carga de la aplicación web, menor consumo de recursos del dispositivo y una mejor experiencia del usuario.