{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2025,10,11]],"date-time":"2025-10-11T13:41:09Z","timestamp":1760190069482,"version":"build-2065373602"},"reference-count":31,"publisher":"MDPI AG","issue":"7","license":[{"start":{"date-parts":[[2019,7,6]],"date-time":"2019-07-06T00:00:00Z","timestamp":1562371200000},"content-version":"vor","delay-in-days":0,"URL":"https:\/\/creativecommons.org\/licenses\/by\/4.0\/"}],"content-domain":{"domain":[],"crossmark-restriction":false},"short-container-title":["Future Internet"],"abstract":"<jats:p>Google\u2019s Material Design, created in 2014, led to the extended application of floating action buttons (FAB) in user interfaces of web pages and mobile applications. FAB\u2019s roll is to trigger an activity either on the present screen, or it can play out an activity that makes another screen. A few specialists in user experience (UX) and user interface (UI) design are sceptical regarding the usability of FAB in the interfaces of both web pages and mobile applications. They claim that the use of FAB easily distracts users and that it interferes with using other important functions of the applications, and it is unusable in applications designed for iOS systems. The aim of this paper is to investigate by an experiment the quality of experience (QoE) of a static and animated FAB and compare it to the toolbar alternative. The experimental results of different testing methods rejected the hypothesis that the usage and animation of this UI element has a positive influence on the application usability. However, its static and animated utilization enhanced the ratings of hedonic and aesthetic features of the user experience, justifying the usage of this type of button.<\/jats:p>","DOI":"10.3390\/fi11070148","type":"journal-article","created":{"date-parts":[[2019,7,8]],"date-time":"2019-07-08T03:01:31Z","timestamp":1562554891000},"page":"148","update-policy":"https:\/\/doi.org\/10.3390\/mdpi_crossmark_policy","source":"Crossref","is-referenced-by-count":6,"title":["The Effects of the Floating Action Button on Quality of Experience"],"prefix":"10.3390","volume":"11","author":[{"ORCID":"https:\/\/orcid.org\/0000-0003-2121-8319","authenticated-orcid":false,"given":"Jesenka","family":"Pibernik","sequence":"first","affiliation":[{"name":"Department for Graphic Design and Imaging, University of Zagreb Faculty of Graphic Arts, 10000 Zagreb, Croatia"}]},{"given":"Jurica","family":"Dolic","sequence":"additional","affiliation":[{"name":"Department for Graphic Design and Imaging, University of Zagreb Faculty of Graphic Arts, 10000 Zagreb, Croatia"}]},{"given":"Hrvoje Abraham","family":"Milicevic","sequence":"additional","affiliation":[{"name":"Department for Graphic Design and Imaging, University of Zagreb Faculty of Graphic Arts, 10000 Zagreb, Croatia"}]},{"given":"Bojan","family":"Kanizaj","sequence":"additional","affiliation":[{"name":"Department for Graphic Design and Imaging, University of Zagreb Faculty of Graphic Arts, 10000 Zagreb, Croatia"}]}],"member":"1968","published-online":{"date-parts":[[2019,7,6]]},"reference":[{"key":"ref_1","unstructured":"McCormack, M.J., Bryant, C.W., Miller, A.R., Coggins, R.E., and Gardner, S.T. (2010). Floating Action Buttons. (7,818,672 B2), U.S. Patent."},{"key":"ref_2","unstructured":"Google Inc. (2019, May 29). Material Design Guidelines, Buttons: Floating Action Button. Available online: https:\/\/material.io\/design\/components\/buttons-floating-action-button.html."},{"key":"ref_3","unstructured":"Babich, N. (2019, May 29). Basic Patterns for Mobile Navigation: Pros and Cons. Available online: http:\/\/www.webcitation.org\/78qsLKEhN."},{"key":"ref_4","unstructured":"Siang, T.Y. (2019, May 29). Material Design: Why the Floating Action Button Is Bad UX Design. Available online: http:\/\/www.webcitation.org\/78qsrqOzX."},{"key":"ref_5","unstructured":"Moss, B. (2019, May 29). Is the Floating Action Button the New Hamburger Menu?. Available online: https:\/\/www.webdesignerdepot.com\/2015\/11\/is-the-floating-action-button-the-new-hamburger-menu."},{"key":"ref_6","unstructured":"Jager, T. (2019, May 29). Is the Floating Action Button Bad UX Design?. Available online: http:\/\/www.webcitation.org\/78r4RmY1l."},{"key":"ref_7","unstructured":"Van Rijn, J. (2019, May 29). The Ultimate Mobile Email Statistics Overview, Emailmonday.Com. Available online: http:\/\/www.webcitation.org\/78r3r37xg."},{"key":"ref_8","doi-asserted-by":"crossref","unstructured":"Novick, D., Rhodes, J., and Wert, W. (2011, January 3\u20135). The communicative functions of animation in user interfaces. Proceedings of the 29th ACM international conference on Design of communication (IGDOC \u201911), Pisa, Italy.","DOI":"10.1145\/2038476.2038478"},{"key":"ref_9","unstructured":"Alvre, P., and Sousa, S. (2017). The Impact of Interface Animation on the User Experience. [Master\u2019s Thesis, Tallinn University]."},{"key":"ref_10","unstructured":"Babich, N. (2019, May 29). How Functional Animation Helps Improve User Experience. Available online: https:\/\/www.smashingmagazine.com\/2017\/01\/how-functional-animation-helps-improve-user-experience\/."},{"key":"ref_11","doi-asserted-by":"crossref","unstructured":"Chang, B.W., and Ungar, D. (1993, January 3\u20135). Animation: from cartoons to the user interface. Proceedings of the 6th annual ACM symposium on User interface software and technology (UIST \u2019930), Atlanta, GA, USA.","DOI":"10.1145\/168642.168647"},{"key":"ref_12","doi-asserted-by":"crossref","unstructured":"Gonzaiez, C. (1996, January 13\u201318). Does Animation in User Interfaces Improve Decision Making?. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, (CHI \u201996), Vancouver, BC, Canada.","DOI":"10.1145\/238386.238396"},{"key":"ref_13","doi-asserted-by":"crossref","unstructured":"Huhtala, J., Sarjanoja, A.H., Mantyjarvi, J., Isomursu, M., and Hakkila, J. (2010, January 10\u201315). Animated UI transitions and perception of time. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI \u201910), Atlanta, GA, USA.","DOI":"10.1145\/1753326.1753527"},{"key":"ref_14","unstructured":"Babich, N. (2019, May 29). Floating Action Button in UX Design. Available online: http:\/\/www.webcitation.org\/78qwDZA67."},{"key":"ref_15","doi-asserted-by":"crossref","unstructured":"Byrne, M.D. (1993, January 24\u201329). Using Icons to Find Documents: Simplicity Is Critical. Proceedings of the INTERACT \u201993 and CHI \u201993 Conference on Human Factors in Computing Systems, Amsterdam, The Netherlands.","DOI":"10.1145\/169059.169369"},{"key":"ref_16","unstructured":"Naji, C. (2019, May 29). 3 Alternatives to the Floating Action Button. Available online: http:\/\/www.webcitation.org\/78qwTo6hJ."},{"key":"ref_17","doi-asserted-by":"crossref","first-page":"11","DOI":"10.1145\/235008.235010","article-title":"Quality of experience: defining the criteria for effective interaction design","volume":"3","author":"Alben","year":"1996","journal-title":"Interactions"},{"key":"ref_18","unstructured":"Nielsen, J. (2019, May 29). Usability 101: Introduction to Usability. Available online: https:\/\/www.nngroup.com\/articles\/usability-101-introduction-to-usability\/."},{"key":"ref_19","unstructured":"Brunnstr\u00f6m, K., Beker, S.A., de Moor, K., Dooms, A., Egger, S., Garcia, M., Hossfeld, T., Jumisko-Pyykk\u00f6, S., Keimel, C., and Larabi, M.C. (2019, May 29). Qualinet White Paper on Definitions of Quality of Experience. Available online: https:\/\/hal.archives-ouvertes.fr\/hal-00977812."},{"key":"ref_20","doi-asserted-by":"crossref","unstructured":"M\u00f6ller, S. (2010). Quality Engineering\u2014Qualit\u00e4t Kommunikationstechnischer Systeme, Springer.","DOI":"10.1007\/978-3-642-11548-6"},{"key":"ref_21","unstructured":"Nielsen, J. (2019, May 29). Putting A\/B Testing in Its Place, Nielsen Norman Group (NN\/g). Available online: https:\/\/www.nngroup.com\/articles\/putting-ab-testing-in-its-place\/."},{"key":"ref_22","unstructured":"Nielsen, J. (2019, May 29). Why You Only Need to Test with 5 Users. Available online: https:\/\/www.nngroup.com\/articles\/why-you-only-need-to-test-with-5-users\/."},{"key":"ref_23","unstructured":"(2019, May 29). ISO 9241-11:2018, Ergonomics of Human-System Interaction\u2014Part 11: Usability: Definitions and Concepts. Available online: https:\/\/www.iso.org\/standard\/63500.html."},{"key":"ref_24","unstructured":"(2019, May 29). ISO\/IEC TR 9126-4:2004, Software Engineering\u2014Product Quality\u2014Part 4: Quality in Use Metrics. Available online: https:\/\/www.iso.org\/standard\/39752.html."},{"key":"ref_25","unstructured":"UsabilityNet (2019, May 29). System Usability Scale (SUS), usability.gov, Available online: https:\/\/www.usability.gov\/how-to-and-tools\/resources\/templates\/system-usability-scale-sus.html."},{"key":"ref_26","unstructured":"Misfud, J. (2019, May 29). Usability Metrics\u2014A Guide to Quantify the Usability of Any System. Available online: http:\/\/www.webcitation.org\/78quCFeQz."},{"key":"ref_27","unstructured":"(2018, May 28). Accenture, Beyond Usability: Designing for Continuous Customer Delight. Available online: http:\/\/www.accenture.com\/SiteCollectionDocuments\/PDF\/Accenture-Beyond-Usability-Designing-Continuous-Customer-Delight.pdf."},{"key":"ref_28","unstructured":"(2019, May 29). AttrakDiff, Work Model, Measurements and Studies. Available online: http:\/\/www.attrakdiff.de\/sience-en.html."},{"key":"ref_29","unstructured":"(2019, May 29). In Vision Platform. Available online: https:\/\/www.invisionapp.com\/."},{"key":"ref_30","unstructured":"Sauro, J. (2019, May 29). 10 Things to Know about the Single Ease Question (SEQ), Measuring U. Available online: https:\/\/measuringu.com\/seqlO\/."},{"key":"ref_31","unstructured":"Jones, S. (2016). User Experience Implications of the Floating Action Button. [Bachelor\u2019s Thesis, University of Massachusetts-Amherst]."}],"container-title":["Future Internet"],"original-title":[],"language":"en","link":[{"URL":"https:\/\/www.mdpi.com\/1999-5903\/11\/7\/148\/pdf","content-type":"unspecified","content-version":"vor","intended-application":"similarity-checking"}],"deposited":{"date-parts":[[2025,10,11]],"date-time":"2025-10-11T13:03:10Z","timestamp":1760187790000},"score":1,"resource":{"primary":{"URL":"https:\/\/www.mdpi.com\/1999-5903\/11\/7\/148"}},"subtitle":[],"short-title":[],"issued":{"date-parts":[[2019,7,6]]},"references-count":31,"journal-issue":{"issue":"7","published-online":{"date-parts":[[2019,7]]}},"alternative-id":["fi11070148"],"URL":"https:\/\/doi.org\/10.3390\/fi11070148","relation":{},"ISSN":["1999-5903"],"issn-type":[{"type":"electronic","value":"1999-5903"}],"subject":[],"published":{"date-parts":[[2019,7,6]]}}}