Interaction Design Glossary

Here you can find important tech terms and definitions, explained in a simple and clear way.

Zoom Interaction

Zoom Interaction allows users to enlarge the view of a webpage. This includes: browser zoom and UI zoom.

UI (User Interface)

The UI is the visual layer of the website, including all the design elements: buttons, icons, images, typography, and color schemes. Its primary goals are to ensure the interface is visually appealing, consistent, and reflective of the Brand Identity.

Tooltip

Tooltips are a form of Microinteraction used to provide brief, helpful information without cluttering the main User Interface (UI). They are common on icons, abbreviated terms, or forms where extra clarity is needed.

Scroll Animation

Scroll Animation includes effects like elements fading in as they enter the Viewport, objects moving at different speeds (Parallax Scrolling), or entire Sections transitioning as the user scrolls.

Microinteractions

Microinteractions are the subtle details that make a user interface feel alive and polished. They consist of: triggers, rules, feedback, and modes.

Loading Animation

A Loading Animation is a form of Microinteraction used when a system needs a few moments to complete a task, such as fetching Dynamic Content via an API call, or during the initial page load.

Hover Effect

The Hover Effect is a key element of Interaction Design and one of the Button States. It is a small, subtle Animation used to confirm to the user that an element (like a button, link, or image) is interactive and ready to be clicked.

Form Validation

Form Validation provides necessary checks to ensure data accuracy and improve the User Experience (UX). It includes: format checks, required fields, real-time feedback and error states.

Error State

The Error State is a crucial element of Interaction Design that addresses user mistakes or system failures. Effective error states must be: clear, informative, and actionable.

Button States

Every interactive element on a website, particularly a button or a CTA (Call to Action), should have multiple Button States to provide clear feedback to the user, a core tenet of Interaction Design. The most common states include: normal, hover, disabled, and focus.

SERVICES

Webflow Development Figma to Webflow Migration Webflow Enterprise Website Design Motion Graphics SEO

COMPARE

Adobe Experience Manager Squarespace Strapi Contentful HubSpot Wix Framer Wordpress

INDUSTRIES

AI Startups B2C VC B2B SaaS Real Estate Healthcare Fintech Hospitality Sales Web3

RESOURCE CENTER

Blogs Testimonial Case studies FAQs Glossary

COMPANY

About us Career Sitemap

Subscribe now for expert insights

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Send a message

hello@flowtrix.co

See how Flowtrix can transform your digital journey in just 25 minutes