# Cited Works ## Articles and Webpages Avila-Munoz, R., Clemente-Mediavilla, J., & Perez-Luque-Maricalva, M. J. (2021). Communicative Functions in Human-Computer Interface Design: A taxonomy of Functional Animation. *Review of Communication Research*, *9*, 119–146. Dribbble. (n.d.). *About Dribbble*. Retrieved February 10, 2023, from *Material Design Components*. (n.d.). Material Design. Retrieved February 10, 2023, from Saffer, D. (2013). *Microinteractions: Designing with Details*. O’Reilly Media, Inc. Said, A. (2022, June 18). *Understanding temporality in human-computer interaction*. Medium. Willenskomer, I. (2018, March 4). Creating Usability with Motion: The UX in Motion Manifesto. *UX in Motion*. ## Dribbble Shots ### Action Components #### Buttons Iker, A. (2020, October 20). *Publish button animation*. Mercati, E. (2021, September 15). *Star Button*. Scarpa, C. (2020, February 21). *Button // Next—Previous Action*. #### Floating Action Button Bucardo, M. (2019, April 4). *Floating Action Button Interaction*. Frolov, O. (2019, September 13). *Share Button Interaction Concept*. Lauretsky, D. (2021, June 7). *Liquid Tab Bar Animation*. #### Icon Button Desai, P. (2018, August 6). *Search & Close Microinteraction*. Desai, P. (2019, July 24). *Add to Bookmark Interaction*. Iker, A. (2020, July 17). *Bookmark*. Ivanchikova, M. (2019, December 18). *Custom Like Animation*. Pronskyi, O. (2019, February 12). *Front to back camera switch micro interaction Principle Freebie*. ### Communication Components #### Onboarding Iker, A. (2022, May 12). *Onboarding*. Nguyen, Y. (2021a, June 15). *Mentorcam—Onboarding (final version)*. Nguyen, Y. (2021b, July 13). *Curated—How it works*. #### Progress Indicators Aquino, P. (2018, March 14). *Loading Animation Concept on Google Style*. Gil. (2021, October 6). *Service page loading animation*. KVS, C. (2021, January 11). *Heart Progress Bar Animation*. Margalit, G. (2019, April 24). *Wix App Builder*. Solerieu, N. (2021, December 8). *Listing card loading placeholder*. Yoo, S. (2020, October 2). *Transition*. #### System Status Iker, A. (2018, September 10). *Password error animation*. [https://dribbble.com/shots/5180423-Password-error-animation#](https://dribbble.com/shots/5180423-Password-error-animation) Mironov, A. (2015, October 30). *Button with success/error states*. Sergushkin, D. (2022, July 27). *Email Verification*. ### Navigation Components #### Nav Bar Erfan. (2021, March 29). *App Store Tab Bar Interaction*. Iker, A. (2020, December 14). *Twitter Sidebar (Light)*. Schnorr, D. (2019, September 10). *Nav Bar Animations with Lottie*. Smith, A. C. (2019, September 13). *Nav Interaction*. ### Selection Components #### Checkbox Iker, A. (2019, December 10). *Checkbox*. Kamushken, R. (2019, May 22). *Design System Components—Checkbox Selection UI by Roman Kamushken on Dribbble*. #### Radio Button bg-d. (2020, December 21). *CSS UI Interactive Elements*. Scarpa, C. (2020, February 22). *UI // Radio Button*. #### Slider Frolov, O. (2021, October 25). *Slider*. Iker, A. (2020, January 16). *Rating slider*. Pinkevych, T. (2020, February 20). *E-commerce—Weight slider exploration*. Zehrfeldt, B. (2022, June 8). *UI/UX slider control fluid animation interactive design*. #### Switches Frolov, O. (2019, April 1). *Checkboxswitcher*. Frolov, O. (2020, February 17). *Segmented Control XII*. Scarpa, C. (2021, February 28). *UI // Toggle Switch Button*. Zaderaka, A. (2020, June 23). *On/Off Switch*. #### Pickers ampersandrew. (2020, May 6). *Micro-interactions | Date Picker*. Mercati, E. (2018, October 25). *Page Tool: Momentum*. Rodríguez, D. (2019, March 8). *Date Picker*. ### Input Components #### Text Inputs Frolov, O. (2018, August 13). *TextField Interaction Experiment*. Iker, A. (2020, December 16). *Password field animation*. Khrystyna. (2018, September 13). *Name Field*. Rodenburg, J. (2019, March 15). *Search micro interaction*. #### Audio Inputs Glinsky, S. (2021, January 7). *Kintsugi Voice Journaling*. Kuznetsov, G. (2020, May 4). *Voice file manager*. Kuznetsov, G. (2022, February 8). *Voice visual design*. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://abhishekshankar.gitbook.io/uxm/references/cited-works.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.