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#

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

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