Загрузка видео...

Не удалось загрузить видео

На главную

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...

gabriell_lab's profile picture

Gabriel

13,112 subscribers

26,557 просмотров • 4 месяцев назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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.
0:14

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 просмотров • 1 месяц назад

@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
0:13

@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 просмотров • 3 лет назад

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.
0:14

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 просмотров • 7 месяцев назад

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.
0:11

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 просмотров • 3 месяцев назад

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
0:19

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 просмотров • 3 дней назад

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.
0:13

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 просмотров • 3 месяцев назад

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
0:17

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 просмотров • 2 месяцев назад

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.
0:10

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 просмотров • 3 месяцев назад

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
0:13

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 просмотров • 5 месяцев назад

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.
0:18

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 просмотров • 1 год назад

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.
0:07

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 просмотров • 10 месяцев назад

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.
0:16

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 просмотров • 1 год назад

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 #หลิงหลิงคอง
0:16

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 просмотров • 2 месяцев назад

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
0:16

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 просмотров • 1 год назад

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
0:16

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 просмотров • 4 месяцев назад

💡design engineering tip: if you are using toasts, don't just create new toasts and stack every toast on each other. it confuses users, and creates a lot of visual noice. 📷 instead, use a cycling animation (a single animation won't work due to the browsers nature) with a slight bounce to visualize, that the task is already completed.
0:18

💡design engineering tip: if you are using toasts, don't just create new toasts and stack every toast on each other. it confuses users, and creates a lot of visual noice. 📷 instead, use a cycling animation (a single animation won't work due to the browsers nature) with a slight bounce to visualize, that the task is already completed.

nick

37,298 просмотров • 3 месяцев назад

Most people would ruin this small kitchen. Instead of fighting the space, we redesigned it around light, calm and functionality. — enlarged the visual feeling of the window area to make the kitchen feel more open — used one consistent color palette to remove visual chaos and make the space feel bigger — added soft decorative details and warm lighting to create a harmonious luxury atmosphere Small spaces can still feel expensive. Send your room photo for a transformation ✨ First 3 clients get 50% off. #smallkitchen #kitchentransformation #tinykitchen #smallspaceideas #interiorvisualization
0:12

Most people would ruin this small kitchen. Instead of fighting the space, we redesigned it around light, calm and functionality. — enlarged the visual feeling of the window area to make the kitchen feel more open — used one consistent color palette to remove visual chaos and make the space feel bigger — added soft decorative details and warm lighting to create a harmonious luxury atmosphere Small spaces can still feel expensive. Send your room photo for a transformation ✨ First 3 clients get 50% off. #smallkitchen #kitchentransformation #tinykitchen #smallspaceideas #interiorvisualization

🏡 Room Makeovers ✨

187,400 просмотров • 6 месяцев назад