Browse > Article
http://dx.doi.org/10.14400/JDC.2019.17.4.261

Study on floating action button's use and its application  

Kang, Hyo Jin (Digital Media Design, HongIk University, International Design School for Advanced Studies)
Kim, Seung-In (Digital Media Design, HongIk University, International Design School for Advanced Studies)
Publication Information
Journal of Digital Convergence / v.17, no.4, 2019 , pp. 261-266 More about this Journal
Abstract
The purpose of this study is to assess usage of floating action button, a component of Google's Material Design. Case studies were conducted to overview the component's current usage and qualities, followed by eye-tracking experiments and in-depth interviews conducted to 12 subjects. Results have shown that while floating button can promote an action by catching viewers' attention with its striking visual, users tend to look at top more, thus preferring top placement for interfaces. To give positive user experience, designers should consider factors such as the amount of content covered by the button, the way users interact with the application, etc. This study aims to provide proper guidelines for the component's application.
Keywords
Mobile Design; Material Design; GUI; Floating Action Button; User Experience;
Citations & Related Records
연도 인용수 순위
  • Reference
1 Natjam. (2018. 6. 8). 2018 Mobile design trend 1: Stop it with the hamburger menus Brunch https://brunch.co.kr/@ambler/83
2 L. Mearian. (2018. 3. 9). iOS vs. Android: When it comes to brand loyalty, Android wins. Computer World from IDG https://www.computerworld.com/article/3262051/android/ios-vs-android-when-it-comes-to-brand-loyalty-android-wins.html
3 N. Jitkoff. (2014. 7. 18). What is material design?. Google Developers https://developers-kr.googleblog.com/2014/07/this-is-material-design.html
4 Webmaster. (2018. 4. 19). Material design for androids. Android Developers. https://developer.android.com/design/material/?hl=ko
5 N. Babich. (2017. 5. 7). Floating action button in UX design. UX Planet. https://uxplanet.org/floating-action-button-in-ux-design-7dd06e49144e
6 Google. (2018). Buttons: Floating action button. Material design: material component guidelines https://material.io/design/components/buttons-floatingaction-button.html
7 T. Y. Siang. (2015. 6. 2). Material design: Why the floating action button is bad UX design Medium - Tech in Asia https://medium.com/tech-in-asia/material-design-whythe-floating-action-button-is-bad-ux-design-acd5b32c5ef
8 G. B. Joe. (2018. 9. 11). The hidden reason behind the removed swipe in KakaoTalk's 8.0 update. Naver Blog https://blog.naver.com/okpl54/221356506718
9 mickeygonebad. (2018. 9. 8). KakaoTalk's 8.0 Update: How did it change and what do people think? Naver Blog https://blog.naver.com/mickeygonebad/221354873040
10 Twitter Support. (2018. 10. 31) Twitter https://twitter.com/TwitterSupport/status/1057726896765423616
11 A. Livingston. (2018. 10. 31). Twitter https://twitter.com/AndrewLiv/status/1057832587824164 864
12 Joana. (2018. 10. 31). Twitter https://twitter.com/joannastar/status/1057745151571955712
13 J. Nielsen & T. K. Landauer. (1993). A mathematical model of the finding of usability problems. Proc. ACM INTERCHI'93 Conf. (Amsterdam, the Netherlands, 24-29 April). 206-213
14 S. Hoober. (2013. 2. 18). How do users really hold mobile devices? UX Matters https://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
15 Multiple Authors. (2017. 11. 29). Phablets to overtake regular smartphone shipments by 2019, with phablets expected to hit 1 billion units by 2021, according to IDC Business Wire https://www.businesswire.com/news/home/20171129005220/en/Phablets-Overtake-Regular-Smartphone-Shipments-2019-Phablets
16 C. McNear. (2014. 7. 18). You'll have to pry my tiny smartphone from my cold, dead, very small hands The Ringer https://www.theringer.com/tech/2018/4/25/17282336/small-iphone-size-apple-samsung-galaxy-jelly-mobile