Giulia de Andrade Cardieri
ABSTRACT
Progressive Web App (PWA) is a new approach to the development of mobile application proposed by Google in 2015. It combines technology resources of both web and native applications. The challenges of designing interfaces for different applications platforms, such as web and native Android, has been discussed in recent years. However, PWAs are a recent technology and their impact regarding user experience have been little exploited. In this paper, we present the findings of an experimental study with 8 participants that explored the aspects of user experience on three different platforms. We carried out a qualitative analysis that focused on the comparison of the user experience during the participants' interaction with PWA, web mobile and native Android applications. Two distinct perspectives were defined to support our data analysis. First, the user perspective was considered and the participants' feedback was explored. After, focusing on the human-computer interaction specialist perspective we examined the users' facial expressions with the aims of identifying which emotions they sensed during interactions with each application. We gathered evidence that an overall positive user experience can be achieved even if the user had some interaction issues. There is no bias indicating that either a specific platform or interface element offer more enjoyable interactions.
- Yenny Méndez Alegría, César A Collazos, Toni Granollers, and Rosa Gil. 2013. Behavioral Assessment Proposal to Supplement the Emotional Evaluation of Users as they Interact with Websites. Publicaciones e Investigatión 8 (1) (2013), 185--201.Google Scholar
- Javier A. Bargas-Avila, Olivia Brenzikofer, Alexandre N. Tuch, Sandra P. Roth, and Klaus Opwis. 2011. Working towards usable forms on the world wide web: Optimizing date entry input fields. Advances in Human-Computer Interaction 2011 (2011). Google ScholarDigital Library
- M Bradley and Peter J Lang. 1994. Measuring Emotion: The Self-Assessment Manikin and the Semantic Differential. Journal of Behavior Therapy and Experimental Psychiatry 25, 1 (1994), 49--59.Google ScholarCross Ref
- Jay Bryant and Mike Jones. 2012. Responsive Web Design. In Pro HTML5 Performance. Vol. 67. Apress, Berkeley, CA. Google ScholarDigital Library
- Danilo Camargo Bueno and Luciana Martinez Zaina. 2016. A comparative exploratory study on mobile Web adaptation in front-end frameworks from the perspective of end-users. In 15th Brazilian Symposium on Human Factors in Computing Systems - IHC'16. São Paulo, Brazil. Google ScholarDigital Library
- Andre Charland and Brian Leroux. 2011. Mobile Application Development: Web vs. native. Commun. ACM 54, 5 (2011), 49--53. Google ScholarDigital Library
- Comscore. 2016. The 2016 U.S. Mobile App Report. https://www.comscore.com/Insights/Presentations-and-Whitepapers/2016/The-2016-US-Mobile-App-Report {Accessed: September 17th 2017}.Google Scholar
- Andrew Coyle. 2017. Design better data tables: The ingredients of a successful data table UI. https://uxdesign.cc/design-better-data-tables-4ecc99d23356 {Accessed: November 19th 2017}.Google Scholar
- Eva de Lera and Muriel Garreta-Domingo. 2007. Ten Emotion Heuristics: Guidelines for assessing the user's affective dimension easily and cost-effectively. In 21st BCS HCI Group Conference, Vol 2. 7--10. Google ScholarDigital Library
- Wilbert O. Galitz. 2007. The Essential Guide to User Interface Design: An Introduction to GUI Design (3 ed.). 857 pages. Google ScholarDigital Library
- Andrew Gazdecki. 2015. Why Progressive Web Apps Will Replace Native Mobile Apps. https://www.forbes.com/sites/forbestechcouncil/2018/03/09/why-progressive-web-apps-will-replace-native-mobile-apps {Accessed: May 31st 2018}.Google Scholar
- Giuseppe Ghiani, Marco Manca, Fabio Paternò, and Claudio Porta. 2014. Beyond responsive design: Context-dependent multimodal augmentation of web applications. In 11th International Conference on Mobile Web and Intelligent Information Systems - MobiWis'14, Vol. 8640 LNCS. 71--85.Google ScholarCross Ref
- Google Developers. 2015. All showcase tagged: progressive-web-apps | Web | Google Developers. https://developers.google.com/web/showcase/tags/progressive-web-apps {Accessed: February 1st 2018}.Google Scholar
- Google Developers. 2016. Alibaba | Web | Google Developers. https://developers.google.com/web/showcase/2016/alibaba {Accessed: January 22nd 2017}.Google Scholar
- Aurora Harley. 2014. Maps and Location Finders on Mobile Devices. https://www.nngroup.com/articles/mobile-maps-locations/ {Accessed: November 19th 2017}.Google Scholar
- Interaction Design Foundation. 2017. User Interface (UI) Design Patterns. https://www.interaction-design.org/literature/topics/ui-design-patterns {Accessed: October 28th 2017}.Google Scholar
- Jonathan Lazar, Jinjuan Heidi Feng, and Harry Hochheiser. 2017. Research Methods in Human-Computer Interaction (2 ed.). 560 pages. https://books.google.com.br/books?hl=pt-BR&lr=&id=hbkxDQAAQBAJ&oi=fnd&pg=PP1&dq=lazar+hci+experiments&ots=Sp26adX76W&sig=WANTTSkvlc7CifKHeKgQuiIHPvc {Accessed: February 6th 2018}.Google Scholar
- Marco Manca, Fabio Paternò, Carmen Santoro, and Lucio Davide Spano. 2013. Generation of multi-device adaptive multimodal web applications. In 10th International Conference on Mobile Web and Intelligent Information Systems -MobiWis'13, Vol. 8093 LNCS. 218--232. Google ScholarDigital Library
- Ethan Marcotte. 2011. Responsive web design, a book apart. https://alistapart.com/article/responsive-web-design {Accessed: October 30th 2017}.Google Scholar
- Anna Beatriz Marques, Adriana Lopes, and Tayana Conte. 2014. Aplicação de métodos de avaliação da experiência do usuário na utilização de serious game em sala de aula. In Congresso Brasileiro de Software: Teoria e Prática. 22--31.Google Scholar
- S Meier, F Heidmann, and Andreas Thorn. 2014. A Comparison of Location Search UI Patterns on Mobile Devices. In 16th International Conference on Human-computer Interaction with Mobile Devices and Services - MobileHCI '14. 465--470. Google ScholarDigital Library
- Andreas Möller, Stefan Diewald, Luis Roalter, and Matthias Kranz. 2014. Supporting Mobile Multimodal Interaction with a Rule-Based Framework. In Mensch und Computer 2014.Google Scholar
- Michael Nebeling, Maximilian Speicher, and Moira Norrie. 2013. W3touch: Metrics-based Web Page Adaptation for Touch. In SIGCHI Conference on Human Factors in Computing Systems - CHI'2013. Paris, France, 2311. Google ScholarDigital Library
- Petele. 2016. Your First Progressive Web App. https://codelabs.developers.google.com/codelabs/your-first-pwapp/index.html {Accessed: Setember 26th 2017}.Google Scholar
- Paulo Pombinho, Ana Paula Afonso, and Maria Beatriz Carmo. 2011. Chameleon - A context adaptive visualization framework for a mobile environment. In 15th International Conference on Information Visualization - IV 2011. 151--157. Google ScholarDigital Library
- J. Ribeiro. 2012. Web Design Patterns for Mobile Devices. Master's thesis.Google Scholar
- Alex Russell. 2015. Progressive Web Apps: Escaping Tabs Without Losing Our Soul. https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/ {Accessed: November 15th 2017}.Google Scholar
- José Luis González Sánchez, Francisco Luis Gutiérrez Vela, Francisco Montero Simarro, and Natalia Padilla-Zea. 2012. Playability: Analysing user experience in video games. Behaviour and Information Technology 31, 10 (2012), 1033--1054. Google ScholarDigital Library
- A. Strauss and J. M. Corbin. (1998). Basics of Qualitative Research: Techniques and Procedures for Developing Grounded Theory (2 ed.). Vol. 4. Thousand Oaks, CA: Sage.Google Scholar
- Jenifer Tidwell. 2011. Designing Interfaces (2 ed.). 278 pages. Google ScholarDigital Library
- UIPatterns. 2017. Navigation Tabs Design Pattern. http://ui-patterns.com/patterns/NavigationTabs {Accessed: November 19th 2017}.Google Scholar
- Claes Wohlin, Per Runeson, Martin Höst, Magnus C Ohlsson, Bjöorn Regnell, and Anders Wesslén. 2000. Experimentation in software engineering: an introduction. Vol. 15. 228 pages. Google ScholarDigital Library
- Rogério Aparecido Campanari Xavier, Franco Eusébio Garcia, and Vânia Paula de Almeida Neris. 2012. Decisões de design de interfaces ruins e o impacto delas na interação: um estudo preliminar considerando o estado emocional de idosos. In 11th Brazilian Symposium on Human Factors in Computing Systems, IHC'12, Vol. 5138. 127--136. Google ScholarDigital Library
Index Terms
- Analyzing User Experience in Mobile Web, Native and Progressive Web Applications: A User and HCI Specialist Perspectives
Recommendations
Pride and Prejudice in Progressive Web Apps: Abusing Native App-like Features in Web Applications
CCS '18: Proceedings of the 2018 ACM SIGSAC Conference on Computer and Communications SecurityProgressive Web App (PWA) is a new generation of Web application designed to provide native app-like browsing experiences even when a browser is offline. PWAs make full use of new HTML5 features which include push notification, cache, and service worker ...
Beyond web/native/hybrid: a new taxonomy for mobile app development
MOBILESoft '18: Proceedings of the 5th International Conference on Mobile Software Engineering and SystemsCurrently, mobile operating systems are dominated by the duopoly of iOS and Android. App projects that intend to reach a high number of customers need to target these two platforms foremost. However, iOS and Android do not have an officially supported ...
Comments