A UX Guide to Microinteractions
  • Basics
    • Introduction
  • Criterion
    • Criteria
    • Component Groups
    • Motion Functions
    • Motion Principles
  • The System
    • Action Components
      • Button
      • Floating Action Button
      • Icon Button
    • Communication Components
      • Onboarding
      • Progress Indicators
      • System Status
    • Navigation Components
      • Nav Bar
    • Selection Components
      • Checkbox
      • Radio Button
      • Sliders
      • Switches
      • Pickers
    • Input Components
      • Text Input
      • Audio Input
  • References
    • Cited Works
Powered by GitBook
On this page
  • Articles and Webpages
  • Dribbble Shots
  • Action Components
  • Communication Components
  • Navigation Components
  • Selection Components
  • Input Components

Was this helpful?

  1. References

Cited Works

Bibliography of cited works in the system

PreviousAudio Input

Last updated 2 years ago

Was this helpful?

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

Icon Button

Communication Components

Onboarding

Progress Indicators

System Status

Navigation Components

Nav Bar

Selection Components

Checkbox

Radio Button

Slider

Switches

Pickers

Input Components

Text Inputs

Audio Inputs

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.

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.

Iker, A. (2022, May 12). Onboarding.

Nguyen, Y. (2021a, June 15). Mentorcam—Onboarding (final version).

Nguyen, Y. (2021b, July 13). Curated—How it works.

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.

Iker, A. (2018, September 10). Password error animation.

Mironov, A. (2015, October 30). Button with success/error states.

Sergushkin, D. (2022, July 27). Email Verification.

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.

Iker, A. (2019, December 10). Checkbox.

Kamushken, R. (2019, May 22). Design System Components—Checkbox Selection UI by Roman Kamushken on Dribbble.

bg-d. (2020, December 21). CSS UI Interactive Elements.

Scarpa, C. (2020, February 22). UI // Radio Button.

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.

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.

ampersandrew. (2020, May 6). Micro-interactions | Date Picker.

Mercati, E. (2018, October 25). Page Tool: Momentum.

Rodríguez, D. (2019, March 8). Date Picker.

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.

Glinsky, S. (2021, January 7). Kintsugi Voice Journaling.

Kuznetsov, G. (2020, May 4). Voice file manager.

Kuznetsov, G. (2022, February 8). Voice visual design.

https://dribbble.com/about
https://m3.material.io/components
https://uxdesign.cc/temporality-in-human-computer-interaction-f03204ce850d
https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
https://dribbble.com/shots/14420497-Publish-button-animation
https://dribbble.com/shots/16455206-Star-Button
https://dribbble.com/shots/10250629-Button-Next-Previous-Action
https://dribbble.com/shots/6288899-Floating-Action-Button-Interaction
https://dribbble.com/shots/7139585-Share-Button-Interaction-Concept
https://dribbble.com/shots/15785696-Liquid-Tab-Bar-Animation
https://dribbble.com/shots/4919186-Search-Close-Microinteraction
https://dribbble.com/shots/6833828-Add-to-Bookmark-Interaction
https://dribbble.com/shots/13665300-Bookmark
https://dribbble.com/shots/8975035-Custom-Like-Animation
https://dribbble.com/shots/6006337-Front-to-back-camera-switch-micro-interaction-Principle-Freebie
https://dribbble.com/shots/18227366-Onboarding
https://dribbble.com/shots/15852415-Mentorcam-Onboarding-final-version
https://dribbble.com/shots/16034912-Curated-How-it-works
https://dribbble.com/shots/4343366-Loading-Animation-Concept-on-Google-Style
https://dribbble.com/shots/16600907-Service-page-loading-animation
https://dribbble.com/shots/14905733-Heart-Progress-Bar-Animation
https://dribbble.com/shots/6388141-Wix-App-Builder
https://dribbble.com/shots/17024372-Listing-card-loading-placeholder
https://dribbble.com/shots/14313673-Transition
https://dribbble.com/shots/5180423-Password-error-animation#
https://dribbble.com/shots/2323892-Button-with-success-error-states
https://dribbble.com/shots/18901175-Email-Verification
https://dribbble.com/shots/15382852-App-Store-Tab-Bar-Interaction
https://dribbble.com/shots/14756430-Twitter-Sidebar-Light
https://dribbble.com/shots/7123065-Nav-Bar-Animations-with-Lottie
https://dribbble.com/shots/7136005-Nav-Interaction
https://dribbble.com/shots/8947291-Checkbox
https://dribbble.com/shots/6518803-Design-System-Components-Checkbox-Selection-UI
https://dribbble.com/shots/14796756-CSS-UI-Interactive-Elements
https://dribbble.com/shots/10344240-UI-Radio-Button
https://dribbble.com/shots/16721218-Slider
https://dribbble.com/shots/9532755-Rating-slider
https://dribbble.com/shots/10239118-E-commerce-weight-slider-exploration
https://dribbble.com/shots/18436713-UI-UX-slider-control-fluid-animation-interactive-design
https://dribbble.com/shots/6266357-Checkboxswitcher
https://dribbble.com/shots/10146838-Segmented-Control-XII
https://dribbble.com/shots/15207302-UI-Toggle-Switch-Button
https://dribbble.com/shots/12233967-On-Off-Switch
https://dribbble.com/shots/11296174-Micro-interactions-Date-Picker
https://dribbble.com/shots/5450806-Page-Tool-Momentum
https://dribbble.com/shots/6144975-Date-Picker
https://dribbble.com/shots/4948429-TextField-Interaction-Experiment
https://dribbble.com/shots/14769791-Password-field-animation
https://dribbble.com/shots/5248422-Name-Field
https://dribbble.com/shots/6182009-Search-micro-interaction
https://dribbble.com/shots/14889786-Kintsugi-Voice-Journaling
https://dribbble.com/shots/11272739-Voice-file-manager
https://dribbble.com/shots/17454040-Voice-visual-design