How UI Components are Inspired from Real World Objects Rama Krushna Behera UX Planet

Ever wondered why clicking a button on a website feels so natural? It’s because much of what we see on the web is inspired by how we interact with objects in real life! From flipping switches to browsing stacks of cards, designers borrow everyday experiences to create intuitive interfaces. Let’s explore some popular UI components, see where they come from in the physical world, and have a little fun along... https://webdesignernews.com/how-ui-components-are-inspired-from-real-world-objects-rama-krushna-behera-ux-planet/

Created 5mo | Mar 27, 2025, 9:30:17 AM


Login to add comment

Other posts in this group

User Journeys vs. Customer Journeys

Think “user” and “customer” are the same thing? Think again. Confusing the two could be the silent killer of your product—and your profits. Here’s why designing for the wrong journey could cost you ev

Aug 16, 2025, 9:20:14 AM | Web - Worth to read
Why Users Ignore AI Explanations

A recent study reveals why well-designed AI explanations often go unused and what it means for UX practice https://webdesignernews.com/why-users-ignore-ai-explanations/

Aug 16, 2025, 9:20:12 AM | Web - Worth to read
A simple, perfectly timed design decision

A few days ago, I opened my finance app to check my card details. Nothing unusual about that. Except this time, I was already on a call. https://webdesignernews.com/a-simple-perfectly-timed-design-dec

Aug 16, 2025, 9:20:10 AM | Web - Worth to read
Navigation-Less Designs by 2030

If you’ve ever opened a B2B app and felt like you were fighting a maze of menus, tabs, and dashboards — you’re not alone. Traditional navigation was once the backbone of digital products. But today, i

Aug 16, 2025, 9:20:08 AM | Web - Worth to read
State of CSS 2025

Hope you’re having a good week so far. This edition I loved the deep dive into the State of CSS 2025 results, with :has() rightly in the spotlight. https://webdesignernews.com/state-of-css-2025-

Aug 16, 2025, 9:20:02 AM | Web - Worth to read
What is the Difference Between CSS Grid and Flexbox?

Flexbox is a one-dimensional layout tool, used for arranging elements in a single row or column. It is best suited for simple, one-dimensional layouts and smaller-scale projects. https://webdesignerne

Aug 14, 2025, 5:50:34 PM | Web - Worth to read