Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

Design Engineering Tip: Add friction at the end of a scroll interaction. When users reach the edge of a scrollable area, the movement should not just stop instantly. A subtle resistance, bounce, or slowdown can make the interface feel more physical and less mechanical. It helps users understand that... show more

Gabriel

13,112 subscribers

26,557 Aufrufe • vor 4 Monaten •via X (Twitter)

Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Design Engineering Tip: If your UI has a draggable split view, don’t make users land on perfect proportions by hand. Add sensible snap points—25 / 50 / 75—and let the handle gently settle on release. Users get precision when they need it, and a calmer interface when they don’t.

Design Engineering Tip: If your UI has a draggable split view, don’t make users land on perfect proportions by hand. Add sensible snap points—25 / 50 / 75—and let the handle gently settle on release. Users get precision when they need it, and a calmer interface when they don’t.

Gabriel

265,737 Aufrufe • vor 1 Monat

@ollybromham The stick itself is a spline that gets more flexion the longer it gets (like a flimsy piece of wood). It's a v subtle detail that gives the interface more materiality and makes it feel less like a slider – even if you're not consciously aware of it

@ollybromham The stick itself is a spline that gets more flexion the longer it gets (like a flimsy piece of wood). It's a v subtle detail that gives the interface more materiality and makes it feel less like a slider – even if you're not consciously aware of it

Alex Widua

10,240 Aufrufe • vor 3 Jahren

In animation, moving the arm without shoulder engagement can make it look disconnected or "broken," lacking natural flow. Adding shoulder movement supports the arm, creating a more believable, anatomical motion that reflects how bodies move in real life.

In animation, moving the arm without shoulder engagement can make it look disconnected or "broken," lacking natural flow. Adding shoulder movement supports the arm, creating a more believable, anatomical motion that reflects how bodies move in real life.

FramebyFrame

433,892 Aufrufe • vor 8 Monaten

Design Engineering Tip If your modal scrolls like this, you’re probably missing one CSS property: overscroll-behavior: contain; It prevents the page behind the modal from scrolling when users reach the top or bottom.

Design Engineering Tip If your modal scrolls like this, you’re probably missing one CSS property: overscroll-behavior: contain; It prevents the page behind the modal from scrolling when users reach the top or bottom.

Gabriel

30,109 Aufrufe • vor 3 Monaten

Mini 6-Axis Robot Arm: Building a robotic arm from scratch is a pretty impressive engineering challenge! 🤖 This low-cost 6-DOF robotic arm was developed to explore what it actually takes to build and control a robot in the real world. And there's a lot more involved than simply making six joints move. The arm features modular joints, custom-designed gearboxes, and a spherical wrist that allows the end effector to approach objects from different orientations. What's particularly interesting is the combination of mechanical design and software. The project covers everything from low-level firmware and motor control to motion planning with ROS 2. And that's where things get challenging. In simulation, you can test movements without worrying too much about mechanical imperfections. On real hardware, you suddenly have to deal with friction, backlash, motor limitations, and the physical behavior of every joint. Even a relatively simple movement requires all these components to work together. I love projects like this because they make robotics engineering more accessible while showing just how much work goes into building a functioning robot. Sometimes the best way to understand robotics is to build one yourself! ⚙️ Credit: James Gullberg

Mini 6-Axis Robot Arm: Building a robotic arm from scratch is a pretty impressive engineering challenge! 🤖 This low-cost 6-DOF robotic arm was developed to explore what it actually takes to build and control a robot in the real world. And there's a lot more involved than simply making six joints move. The arm features modular joints, custom-designed gearboxes, and a spherical wrist that allows the end effector to approach objects from different orientations. What's particularly interesting is the combination of mechanical design and software. The project covers everything from low-level firmware and motor control to motion planning with ROS 2. And that's where things get challenging. In simulation, you can test movements without worrying too much about mechanical imperfections. On real hardware, you suddenly have to deal with friction, backlash, motor limitations, and the physical behavior of every joint. Even a relatively simple movement requires all these components to work together. I love projects like this because they make robotics engineering more accessible while showing just how much work goes into building a functioning robot. Sometimes the best way to understand robotics is to build one yourself! ⚙️ Credit: James Gullberg

Ilir Aliu

16,490 Aufrufe • vor 5 Tagen

Search bar scroll transition from a recent project. Small tip: when an interaction animates 2 or more properties (like width and translate Y for this search bar), consider offsetting the timing and curves for each to get a more natural feel. Here, width starts narrowing first, and translate Y follows about 140 ms later. Which also helps the search bar move up without overlapping with the buttons.

Search bar scroll transition from a recent project. Small tip: when an interaction animates 2 or more properties (like width and translate Y for this search bar), consider offsetting the timing and curves for each to get a more natural feel. Here, width starts narrowing first, and translate Y follows about 140 ms later. Which also helps the search bar move up without overlapping with the buttons.

Vishal Bhardwaj

22,395 Aufrufe • vor 3 Monaten

f the movement feels too linear and unnatural, try adding another motion! 😊 It will make the movement feel much more natural.💃 (The example uses the head, but this can also be applied to the body or accessories.) More detailed information for riggers below. ↓↓↓↓↓↓↓↓↓↓ #Live2D

f the movement feels too linear and unnatural, try adding another motion! 😊 It will make the movement feel much more natural.💃 (The example uses the head, but this can also be applied to the body or accessories.) More detailed information for riggers below. ↓↓↓↓↓↓↓↓↓↓ #Live2D

Vector☕Live2D

17,287 Aufrufe • vor 2 Monaten

Mechanics is probably one of the first things we learn in physics. Newton, the falling apple, gravity, a few equations. It all seems pretty straightforward at first. But the more you learn about it, the more you realize just how enormous this field actually is. It’s not just about machines or moving objects. Mechanics helps us understand how planets orbit stars, how blood flows through our bodies, how molecules interact, and how our muscles work. And then there’s quantum mechanics, which is a whole different world. At that scale, things behave nothing like what we’re used to seeing. I find it fascinating that something as simple as studying motion can take us from a falling apple all the way to the strangest questions in modern physics. And there’s still so much we don’t understand. #Mechanics #Physics #edit #Animation #Engineering

Mechanics is probably one of the first things we learn in physics. Newton, the falling apple, gravity, a few equations. It all seems pretty straightforward at first. But the more you learn about it, the more you realize just how enormous this field actually is. It’s not just about machines or moving objects. Mechanics helps us understand how planets orbit stars, how blood flows through our bodies, how molecules interact, and how our muscles work. And then there’s quantum mechanics, which is a whole different world. At that scale, things behave nothing like what we’re used to seeing. I find it fascinating that something as simple as studying motion can take us from a falling apple all the way to the strangest questions in modern physics. And there’s still so much we don’t understand. #Mechanics #Physics #edit #Animation #Engineering

pitochk

231,500 Aufrufe • vor 2 Tagen

It’s not only what you eat. How you cook it matters too. The same food can end up with way more calories once you add more oil, butter, breading, or deep-frying.. even when the portion looks almost the same. That doesn’t mean you can never have fried food. Just know where the extra calories are coming from and choose the lighter cooking method more often. Boil it. Steam it. Grill it. Air-fry it. Small changes like this can make your meals work better for your goals without making everything feel so strict.

It’s not only what you eat. How you cook it matters too. The same food can end up with way more calories once you add more oil, butter, breading, or deep-frying.. even when the portion looks almost the same. That doesn’t mean you can never have fried food. Just know where the extra calories are coming from and choose the lighter cooking method more often. Boil it. Steam it. Grill it. Air-fry it. Small changes like this can make your meals work better for your goals without making everything feel so strict.

Fitnesstime

33,408 Aufrufe • vor 3 Monaten

OK these guys are looking way cuter than I thought they would, and can make more improvements to this with the movement --- less sliding and more subtle animations. Tiny World Builder

OK these guys are looking way cuter than I thought they would, and can make more improvements to this with the movement --- less sliding and more subtle animations. Tiny World Builder

Jason Kneen

30,380 Aufrufe • vor 5 Monaten

A small tip on making back and forward screen transitions feel a bit snappier and more natural. Use a shorter movement trajectory and apply the movement animation only to the upcoming screen, not the one that is leaving.

A small tip on making back and forward screen transitions feel a bit snappier and more natural. Use a shorter movement trajectory and apply the movement animation only to the upcoming screen, not the one that is leaving.

Jakub Antalik

41,201 Aufrufe • vor 1 Jahr

One of the most common mistakes manufacturers make is relying on engineering logic to shape user behavior, while ignoring how users actually feel. Engineers often believe that as long as a feature exists, moves, or looks different, users will appreciate it. Users, however, care about something much simpler: whether the experience feels natural, refined, and intuitive. Great user experience is never created by stacking options. It is created by coherence and emotional consistency. Samsung’s recent update to Lock Star is a clear example. The new version introduces unlock animations that appear to add playfulness, yet the real experience feels disappointing. Many of these animations come across as childish, low level, poorly connected, and mechanically rigid. They feel closer to children’s UI effects than something designed for Samsung’s broad premium user base. The issue is not the presence of animations themselves. The problem lies in the mindset behind them. These effects are clearly driven by implementation logic rather than user perception. The assumption seems to be that adding visual flair automatically creates delight, while ignoring rhythm, emotional tone, and aesthetic maturity. This reflects a long standing pattern in Samsung’s software design. Random stickers, cartoon like emojis, and decorative elements often appear without a cohesive design language. There is a belief that younger users are attracted to these visuals, yet for Gen Z, such elements often feel outdated, immature, and disconnected from a premium identity. Strong product design allows user experience to constrain engineering decisions. When engineering begins to entertain itself, users quietly begin to disengage. Let's see how far apart Samsung and Xiaomi are.

One of the most common mistakes manufacturers make is relying on engineering logic to shape user behavior, while ignoring how users actually feel. Engineers often believe that as long as a feature exists, moves, or looks different, users will appreciate it. Users, however, care about something much simpler: whether the experience feels natural, refined, and intuitive. Great user experience is never created by stacking options. It is created by coherence and emotional consistency. Samsung’s recent update to Lock Star is a clear example. The new version introduces unlock animations that appear to add playfulness, yet the real experience feels disappointing. Many of these animations come across as childish, low level, poorly connected, and mechanically rigid. They feel closer to children’s UI effects than something designed for Samsung’s broad premium user base. The issue is not the presence of animations themselves. The problem lies in the mindset behind them. These effects are clearly driven by implementation logic rather than user perception. The assumption seems to be that adding visual flair automatically creates delight, while ignoring rhythm, emotional tone, and aesthetic maturity. This reflects a long standing pattern in Samsung’s software design. Random stickers, cartoon like emojis, and decorative elements often appear without a cohesive design language. There is a belief that younger users are attracted to these visuals, yet for Gen Z, such elements often feel outdated, immature, and disconnected from a premium identity. Strong product design allows user experience to constrain engineering decisions. When engineering begins to entertain itself, users quietly begin to disengage. Let's see how far apart Samsung and Xiaomi are.

Ice Universe

59,712 Aufrufe • vor 10 Monaten

Contextual delete confirmation, prototyped in Figma Why this matters? Traditional delete modals often break the flow. They interrupt the user's context by pulling them into a separate layer just to confirm an action. On top of that, these modal typically lack a clear visual or spatial association with the element being deleted. The positioning feels arbitrary—detached from the target item—which can create hesitation or uncertainty for the user. To solve these issues, I designed a contextual delete confirmation that appears directly beneath the target element. Unlike traditional modals that pull users out of the flow and feel disconnected from the action they’re confirming, this approach keeps everything in context. By anchoring the confirmation to the element itself, it reinforces the association and reduces cognitive load—users instantly understand what they’re about to delete without losing their place or momentum.

Contextual delete confirmation, prototyped in Figma Why this matters? Traditional delete modals often break the flow. They interrupt the user's context by pulling them into a separate layer just to confirm an action. On top of that, these modal typically lack a clear visual or spatial association with the element being deleted. The positioning feels arbitrary—detached from the target item—which can create hesitation or uncertainty for the user. To solve these issues, I designed a contextual delete confirmation that appears directly beneath the target element. Unlike traditional modals that pull users out of the flow and feel disconnected from the action they’re confirming, this approach keeps everything in context. By anchoring the confirmation to the element itself, it reinforces the association and reduces cognitive load—users instantly understand what they’re about to delete without losing their place or momentum.

virgil pana

12,500 Aufrufe • vor 1 Jahr

Hi everyone! We’ve developed a Random Caption Website to make it easier and more convenient for everyone to support Lingling Kwong and increase her engagement. 🩵 🖇️ The website contains a large and diverse collection of captions, with a randomization system designed to give each person different sentences. The system helps avoid repeating the same captions, reducing repetitive content and making engagement feel more natural and diverse. So you can feel confident that when you generate a caption, you’re highly likely to receive a sentence that is different from others’. ✨ No need to spend time coming up with a new caption every time! 📌 Feel free to adjust the wording or add your own thoughts to make each post feel more natural and personal. Let’s work together to increase Lingling Kwong’s visibility & engagement! 🫶🏻🩵🦮🪽 Every interaction counts! ✨ #linglingkwong #หลิงหลิงคอง

Hi everyone! We’ve developed a Random Caption Website to make it easier and more convenient for everyone to support Lingling Kwong and increase her engagement. 🩵 🖇️ The website contains a large and diverse collection of captions, with a randomization system designed to give each person different sentences. The system helps avoid repeating the same captions, reducing repetitive content and making engagement feel more natural and diverse. So you can feel confident that when you generate a caption, you’re highly likely to receive a sentence that is different from others’. ✨ No need to spend time coming up with a new caption every time! 📌 Feel free to adjust the wording or add your own thoughts to make each post feel more natural and personal. Let’s work together to increase Lingling Kwong’s visibility & engagement! 🫶🏻🩵🦮🪽 Every interaction counts! ✨ #linglingkwong #หลิงหลิงคอง

00K TURBO

15,107 Aufrufe • vor 2 Monaten

At this point the “no screens” thing is just self-sabotage virtue signaling. You can buy some overpriced artisan wooden blocks to make yourself feel superior, or accept that new technology is more convenient, more effective, and more useful in a broader variety of environments

At this point the “no screens” thing is just self-sabotage virtue signaling. You can buy some overpriced artisan wooden blocks to make yourself feel superior, or accept that new technology is more convenient, more effective, and more useful in a broader variety of environments

Niels Hoven 🐮

262,199 Aufrufe • vor 1 Jahr

One of the easiest ways to make a photo look stronger is to find a frame inside the frame. Frame-in-frame composition is a simple photography technique that adds depth, structure, and focus. It helps separate your subject from the background and guides the viewer’s eye with more intention. That frame can come from a doorway, window, arch, branches, fence, shadow, reflection, or foreground shape. Once you start looking for it, you realize strong composition is everywhere. I love using this in travel photography, street photography, and everyday scenes because it can make an ordinary moment feel more layered and more interesting without needing perfect light or a dramatic subject. Which photo here has your favorite framing? #photography #photographytips #photographer #photography101 #composition

One of the easiest ways to make a photo look stronger is to find a frame inside the frame. Frame-in-frame composition is a simple photography technique that adds depth, structure, and focus. It helps separate your subject from the background and guides the viewer’s eye with more intention. That frame can come from a doorway, window, arch, branches, fence, shadow, reflection, or foreground shape. Once you start looking for it, you realize strong composition is everywhere. I love using this in travel photography, street photography, and everyday scenes because it can make an ordinary moment feel more layered and more interesting without needing perfect light or a dramatic subject. Which photo here has your favorite framing? #photography #photographytips #photographer #photography101 #composition

Chris Ha | Photography

18,500 Aufrufe • vor 7 Monaten

A city isn't just roads and buildings, it's the details that make it iconic. Our new 3D landmarks in Osaka feature vibrant billboard visuals and city-defining architecture, helping developers create experiences that feel instantly familiar to users. Take a closer look: #BuiltWithMapbox #MapDesign #LocationIntelligence

A city isn't just roads and buildings, it's the details that make it iconic. Our new 3D landmarks in Osaka feature vibrant billboard visuals and city-defining architecture, helping developers create experiences that feel instantly familiar to users. Take a closer look: #BuiltWithMapbox #MapDesign #LocationIntelligence

Mapbox

22,566 Aufrufe • vor 4 Monaten