Diseñando apps para móviles
Índice de contenidos

Créditos de imágenes

Las aplicaciones

Figura 1.1. Elaboración propia a partir de imagen de Apple. 2013.
Figura 1.2. WALTON, Trent. 2012. Recuperada de: http://trentwalton.com/2012/10/03/a-new-microsoft-com.
Figura 1.3. Elaboración propia. 2013.
Figura 1.4. Elaboración propia. 2013.
Figura 1.5. Elaboración propia a partir de capturas de pantalla de Facebook. 2013.
Figura 1.6. Elaboración propia a partir de capturas de pantalla de Netflix. 2013.

Entendiendo las posibilidades

Figura 2.1. Elaboración propia a partir de captura de pantalla de Angry Birds. 2013.
Figura 2.2. Elaboración propia a partir de captura de pantalla de Path. 2013.
Figura 2.3. Realmac Software. 2013. Recuperada de: https://itunes.apple.com/es/app/clear/id493136154?mt=8.
Figura 2.4. Sophiestication Software. Kit de prensa. 2013.
Figura 2.5. Elaboración propia a partir de captura de pantalla de Paper. 2013.
Figura 2.6. Elaboración propia a partir de capturas de pantalla de Cute the Rope y Whatsapp. 2013.
Figura 2.7. Elaboración propia a partir de captura de pantalla de Line. 2013.
Figura 2.8. Halfbrick. 2013.
Figura 2.9. Elaboración propia. 2013.

Irene Pereyra

Figura 3.1. Fi. 2013. Recuperada de: http://www.f-i.com/nickelodeon/kids-choice-awards.
Figura 3.2. Fi. 2013. Recuperada de: http://www.f-i.com/nickelodeon/kids-choice-awards.

Explorando ideas

Figura 4.1. Elaboración propia a partir de capturas de pantalla de iBulb, iLed FlashLight y Linterna. 2013.
Figura 4.2. DE SOUSA, Fernando. 2013.
Figura 4.3. Dropbox Inc. Kit de prensa. 2013.

Definiendo la propuesta

Figura 5.1. Elaboración propia. 2013.
Figura 5.2. Elaboración propia a partir de artículo en UX Matters. 2012. Recuperado de: http://www.uxmatters.com/mt/archives/2012/05/expressing-ux-concepts-visually.php.
Figura 5.3. Elaboración propia a partir de captura de pantalla de Instagram. 2013.
Figura 5.4. Elaboración propia a partir de artículo en UX Booth. 2012. Recuperado de: http://www.uxbooth.com/articles/lessons-learned-designing-a-windows-8-app.
Figura 5.5. Estudio Chipsa. 2013. www.chipsa.ru.
Figura 5.6. STARK, James.
Figura 5.7. ARNALL, Timo.
Figura 5.8. Android. 2013. Recuperada de: http://developer.android.com/intl/es/design/downloads/index.html.
Figura 5.9. Elaboración propia a partir de captura de pantalla de Omnigraflle e imagen de 2013.

Dustin Barker

Figura 6.1. Elaboración propia a partir de imágenes de Simple. Kit de prensa. 2013.
Figura 6.2. Elaboración propia a partir de imágenes de Simple. Kit de prensa. 2013.

Interacción y patrones

Figura 7.1. Elaboración propia a partir de imagen de HOOBER, Steven. 2013. Recuperada de: http://blog.utest.com/how-mobile-users-hold-devices/2013/03/.
Figura 7.2. Elaboración propia a partir de captura de pantalla de Weightbot. 2013.
Figura 7.3. Elaboración propia. 2013.
Figura 7.4. Elaboración propia. 2013.
Figura 7.5. Elaboración propia. 2013.
Figura 7.6. Elaboración propia. 2013.
Figura 7.7. Elaboración propia. 2013.
Figura 7.8. Elaboración propia. 2013.
Figura 7.9. Elaboración propia. 2013.
Figura 7.10. Elaboración propia. 2013.
Figura 7.11. Elaboración propia. 2013.
Figura 7.12. Elaboración propia. 2013.
Figura 7.13. Elaboración propia. 2013.
Figura 7.14. Elaboración propia. 2013.
Figura 7.15. Elaboración propia. 2013.
Figura 7.16. Elaboración propia. 2013.
Figura 7.17. Elaboración propia. 2013.
Figura 7.18. Elaboración propia. 2013.
Figura 7.19. Elaboración propia. 2013.

Diseño visual

Figura 8.1. Elaboración propia a partir de captura de pantalla de Gmail. 2013.
Figura 8.2. Elaboración propia a partir de capturas de pantalla de iOS. 2013.
Figura 8.3. Elaboración propia a partir de capturas de pantalla de iOS. 2013.
Figura 8.4. Elaboración propia a partir de capturas de pantalla de Windows Phone. 2013.
Figura 8.5. Elaboración propia a partir de capturas de pantalla de Wunderlist. 2013.
Figura 8.6. Path. 2013. www.path.com.
Figura 8.7. Elaboración propia a partir de capturas de pantalla de Vine. 2013.
Figura 8.8. Elaboración propia a partir de capturas de pantalla de Google Play. 2013.
Figura 8.9. Elaboración propia. 2013.
Figura 8.10. Elaboración propia. 2013.
Figura 8.11. Elaboración propia. 2013.
Figura 8.12. Elaboración propia. 2013.
Figura 8.13. Elaboración propia. 2013.
Figura 8.14. Capturas de pantalla de Skype, rdio y Nike+ Running. 2013.
Figura 8.15. Capturas de pantalla de iOS. 2013.
Figura 8.16. Android. 2013. Recuperada de: http://developer.android.com/intl/es/design/style/metrics-grids.html.
Figura 8.17. ARBITER, Principia. 2011.
Figura 8.18. Microsoft. 2013. Recuperada de: http://developer.windowsphone.com/en-us/design/principles.
Figura 8.19. Elaboración propia. 2013.
Figura 8.20. LÜSCHER, Christoph. 2012. Recuperada de: http://ia.net/blog/responsive-typography-the-basics/.
Figura 8.21. Android. 2012. Recuperada de: http://developer.android.com/intl/es/design/style/typography.html.
Figura 8.22. Elaboración propia a partir de captura de pantalla de Bloomberg. 2013.
Figura 8.23. Elaboración propia. 2013.
Figura 8.24. Elaboración propia. 2013.
Figura 8.25. Elaboración propia. 2013.
Figura 8.26. Elaboración propia. 2013.
Figura 8.27. Microsoft. 2013. Recuperada de: http://msdn.microsoft.com/en-us/library/windowsphone/design/hh202878(v=vs.105).aspx.
Figura 8.28. Android. 2013. Recuperada de: http://developer.android.com/intl/es/design/style/color.html.
Figura 8.29. Elaboración propia a partir de recursos de Teehan + Lax. 2013. Recuperados de: http://www.teehanlax.com/blog/ios-6-gui-psd-iphone-5/.
Figura 8.30. Captura de pantalla de Letterpress. 2013.
Figura 8.31. Captura de pantalla de WWDC. 2013.
Figura 8.32. Capturas de pantalla de Spotify. 2013.
Figura 8.33. Elaboración propia a partir de capturas de pantallas de Clear. 2013.
Figura 8.34. Elaboración propia a partir de capturas de pantallas de Windows Phone. 2013.

Dustin Mierau

Figura 9.1. Elaboración propia a partir de capturas de Path. 2013.
Figura 9.2. Elaboración propia a partir de capturas de Path. 2013.

Probando con usuarios

Figura 10.1. Elaboración propia a partir de imagen de BULT, Mark. 2013.
Figura 10.2. Mr. Tappy. Kit de prensa. 2013.
Figura 10.3. Elaboración propia. 2013.
Figura 10.4. MELBOURNE, Ben. 2013.

Preparando los archivos

Figura 11.1. OpenSignal. 2013. Recuperada de: http://opensignal.com/reports/fragmentation.php.
Figura 11.2. Microsoft. 2013. Recuperada de: http://msdn.microsoft.com/en-us/library/windowsphone/develop/jj206974(v=vs.105).aspx.
Figura 11.3. YERMOLAYEV, Nikita. 2013. www.komarov.mobi.
Figura 11.4. Sketch Gems. Kit de prensa. 2013.
Figura 11.5. Elaboración propia. 2013.
Figura 11.6. Elaboración propia. 2013.
Figura 11.7. LEMEDEN, Reda. 2013.
Figura 11.8. Elaboración propia. 2013.
Figura 11.9. Elaboración propia. 2013.
Figura 11.10. Elaboración propia. 2013.

Loren Brichter

Figura 12.1. Elaboración propia a partir de imagen de Atebis. Kit de prensa. 2013.
Figura 12.2. iMore. 2013. Recuperada de: http://www.imore.com/hall-fame-loren-brichter-and-tweetie.

Ejemplos a seguir

Figura 13.1. Captura de pantalla de 500px. 2013.
Figura 13.2. Captura de pantalla de 500px. 2013.
Figura 13.3. Captura de pantalla de Google Drive. 2013.
Figura 13.4. Captura de pantalla de Google Drive. 2013.
Figura 13.5. Captura de pantalla de The Guardian. 2013.
Figura 13.6. Captura de pantalla de The Guardian. 2013.
Figura 13.7. Captura de pantalla de National Parks. 2013.
Figura 13.8. Captura de pantalla de National Parks. 2013.
Figura 13.9. Captura de pantalla de Google Maps. 2013.
Figura 13.10. Captura de pantalla de Google Maps. 2013.
Figura 13.11. Captura de pantalla de Instapaper. 2013.
Figura 13.12. Captura de pantalla de Instapaper. 2013.
Figura 13.13. Captura de pantalla de Spotify. 2013.
Figura 13.14. Captura de pantalla de Spotify. 2013.
Figura 13.15. Captura de pantalla de Twitter. 2013.
Figura 13.16. Captura de pantalla de Twitter. 2013.
Figura 13.17. Captura de pantalla de Tumblr. 2013.
Figura 13.18. Captura de pantalla de Tumblr. 2013.

El mundo tableta

Figura 14.1. Touch Press. Kit de prensa. 2013.
Figura 14.2. Elaboración propia a partir de capturas de pantalla de Dropbox. 2013.
Figura 14.3. plantronicsgermany. Kit de prensa. 2013.
Figura 14.4. Elaboración propia a partir de imagen de WROBLEWSKI, Luke. 2012. Recuperado de: http://www.lukew.com/ff/entry.asp?1649.
Figura 14.5. Spotify. Kit de prensa. 2013.
Figura 14.6. Elaboración propia a partir de captura de pantalla de Flipboard. 2013.

Erik Spiekermann

Figura 15.1. Elaboración propia a partir de material de Erik Spiekermann. 2013. Recuperado de: http://spiekermann.com/en/downloads/.

Lanzando la app

Figura 16.1. Elaboración propia a partir de captura de pantalla de Vine. 2013.
Figura 16.2. Localytics. Kit de prensa. 2013.
Figura 16.3. Simplebots. 2013. www.simplebots.co.

Firefox OS y Ubuntu: Los nuevos jugadores

Figura 17.1. Firefox OS. Kit de prensa. 2013.
Figura 17.2. Ubuntu. Kit de prensa. 2013.