> For the complete documentation index, see [llms.txt](https://abhishekshankar.gitbook.io/uxm/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://abhishekshankar.gitbook.io/uxm/references/cited-works.md).

# Cited Works

Bibliography of cited works in the system

## 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 <https://dribbble.com/about>

*Material Design Components*. (n.d.). Material Design. Retrieved February 10, 2023, from <https://m3.material.io/components>

Saffer, D. (2013). *Microinteractions: Designing with Details*. O’Reilly Media, Inc.

Said, A. (2022, June 18). *Understanding temporality in human-computer interaction*. Medium. <https://uxdesign.cc/temporality-in-human-computer-interaction-f03204ce850d>

Willenskomer, I. (2018, March 4). Creating Usability with Motion: The UX in Motion Manifesto. *UX in Motion*. <https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc>

## Dribbble Shots

### Action Components

#### Buttons

Iker, A. (2020, October 20). *Publish button animation*. <https://dribbble.com/shots/14420497-Publish-button-animation>

Mercati, E. (2021, September 15). *Star Button*. <https://dribbble.com/shots/16455206-Star-Button>

Scarpa, C. (2020, February 21). *Button // Next—Previous Action*. <https://dribbble.com/shots/10250629-Button-Next-Previous-Action>

#### Floating Action Button

Bucardo, M. (2019, April 4). *Floating Action Button Interaction*. <https://dribbble.com/shots/6288899-Floating-Action-Button-Interaction>

Frolov, O. (2019, September 13). *Share Button Interaction Concept*. <https://dribbble.com/shots/7139585-Share-Button-Interaction-Concept>

Lauretsky, D. (2021, June 7). *Liquid Tab Bar Animation*. <https://dribbble.com/shots/15785696-Liquid-Tab-Bar-Animation>

#### Icon Button

Desai, P. (2018, August 6). *Search & Close Microinteraction*. <https://dribbble.com/shots/4919186-Search-Close-Microinteraction>

Desai, P. (2019, July 24). *Add to Bookmark Interaction*. <https://dribbble.com/shots/6833828-Add-to-Bookmark-Interaction>

Iker, A. (2020, July 17). *Bookmark*. <https://dribbble.com/shots/13665300-Bookmark>

Ivanchikova, M. (2019, December 18). *Custom Like Animation*. <https://dribbble.com/shots/8975035-Custom-Like-Animation>

Pronskyi, O. (2019, February 12). *Front to back camera switch micro interaction Principle Freebie*. <https://dribbble.com/shots/6006337-Front-to-back-camera-switch-micro-interaction-Principle-Freebie>

### Communication Components

#### Onboarding

Iker, A. (2022, May 12). *Onboarding*. <https://dribbble.com/shots/18227366-Onboarding>

Nguyen, Y. (2021a, June 15). *Mentorcam—Onboarding (final version)*. <https://dribbble.com/shots/15852415-Mentorcam-Onboarding-final-version>

Nguyen, Y. (2021b, July 13). *Curated—How it works*. <https://dribbble.com/shots/16034912-Curated-How-it-works>

#### Progress Indicators

Aquino, P. (2018, March 14). *Loading Animation Concept on Google Style*. <https://dribbble.com/shots/4343366-Loading-Animation-Concept-on-Google-Style>

Gil. (2021, October 6). *Service page loading animation*. <https://dribbble.com/shots/16600907-Service-page-loading-animation>

KVS, C. (2021, January 11). *Heart Progress Bar Animation*. <https://dribbble.com/shots/14905733-Heart-Progress-Bar-Animation>

Margalit, G. (2019, April 24). *Wix App Builder*. <https://dribbble.com/shots/6388141-Wix-App-Builder>

Solerieu, N. (2021, December 8). *Listing card loading placeholder*. <https://dribbble.com/shots/17024372-Listing-card-loading-placeholder>

Yoo, S. (2020, October 2). *Transition*. <https://dribbble.com/shots/14313673-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*. <https://dribbble.com/shots/2323892-Button-with-success-error-states>

Sergushkin, D. (2022, July 27). *Email Verification*. <https://dribbble.com/shots/18901175-Email-Verification>

### Navigation Components

#### Nav Bar

Erfan. (2021, March 29). *App Store Tab Bar Interaction*. <https://dribbble.com/shots/15382852-App-Store-Tab-Bar-Interaction>

Iker, A. (2020, December 14). *Twitter Sidebar (Light)*. <https://dribbble.com/shots/14756430-Twitter-Sidebar-Light>

Schnorr, D. (2019, September 10). *Nav Bar Animations with Lottie*. <https://dribbble.com/shots/7123065-Nav-Bar-Animations-with-Lottie>

Smith, A. C. (2019, September 13). *Nav Interaction*. <https://dribbble.com/shots/7136005-Nav-Interaction>

### Selection Components

#### Checkbox

Iker, A. (2019, December 10). *Checkbox*. <https://dribbble.com/shots/8947291-Checkbox>

Kamushken, R. (2019, May 22). *Design System Components—Checkbox Selection UI by Roman Kamushken on Dribbble*. <https://dribbble.com/shots/6518803-Design-System-Components-Checkbox-Selection-UI>

#### Radio Button

bg-d. (2020, December 21). *CSS UI Interactive Elements*. <https://dribbble.com/shots/14796756-CSS-UI-Interactive-Elements>

Scarpa, C. (2020, February 22). *UI // Radio Button*. <https://dribbble.com/shots/10344240-UI-Radio-Button>

#### Slider&#x20;

Frolov, O. (2021, October 25). *Slider*. <https://dribbble.com/shots/16721218-Slider>

Iker, A. (2020, January 16). *Rating slider*. <https://dribbble.com/shots/9532755-Rating-slider>

Pinkevych, T. (2020, February 20). *E-commerce—Weight slider exploration*. <https://dribbble.com/shots/10239118-E-commerce-weight-slider-exploration>

Zehrfeldt, B. (2022, June 8). *UI/UX slider control fluid animation interactive design*. <https://dribbble.com/shots/18436713-UI-UX-slider-control-fluid-animation-interactive-design>

#### Switches

Frolov, O. (2019, April 1). *Checkboxswitcher*. <https://dribbble.com/shots/6266357-Checkboxswitcher>

Frolov, O. (2020, February 17). *Segmented Control XII*. <https://dribbble.com/shots/10146838-Segmented-Control-XII>

Scarpa, C. (2021, February 28). *UI // Toggle Switch Button*. <https://dribbble.com/shots/15207302-UI-Toggle-Switch-Button>

Zaderaka, A. (2020, June 23). *On/Off Switch*. <https://dribbble.com/shots/12233967-On-Off-Switch>

#### Pickers

ampersandrew. (2020, May 6). *Micro-interactions | Date Picker*. <https://dribbble.com/shots/11296174-Micro-interactions-Date-Picker>

Mercati, E. (2018, October 25). *Page Tool: Momentum*. <https://dribbble.com/shots/5450806-Page-Tool-Momentum>

Rodríguez, D. (2019, March 8). *Date Picker*. <https://dribbble.com/shots/6144975-Date-Picker>

### Input Components

#### Text Inputs

Frolov, O. (2018, August 13). *TextField Interaction Experiment*. <https://dribbble.com/shots/4948429-TextField-Interaction-Experiment>

Iker, A. (2020, December 16). *Password field animation*. <https://dribbble.com/shots/14769791-Password-field-animation>

Khrystyna. (2018, September 13). *Name Field*. <https://dribbble.com/shots/5248422-Name-Field>

Rodenburg, J. (2019, March 15). *Search micro interaction*. <https://dribbble.com/shots/6182009-Search-micro-interaction>

#### Audio Inputs

Glinsky, S. (2021, January 7). *Kintsugi Voice Journaling*. <https://dribbble.com/shots/14889786-Kintsugi-Voice-Journaling>

Kuznetsov, G. (2020, May 4). *Voice file manager*. <https://dribbble.com/shots/11272739-Voice-file-manager>

Kuznetsov, G. (2022, February 8). *Voice visual design*. <https://dribbble.com/shots/17454040-Voice-visual-design>