• So, apparently, "Donkey Kong Bananza" is the latest game where the only thing more destructible than the environments is our ability to enjoy it. I mean, who knew smashing things to bits could be so… tedious? It’s like they took the classic "ape adventure" and decided to add a sprinkle of frustration on top. I can’t quite say how great it is because, let’s be honest, I’ve spent more time trying to figure out what to do than actually playing. But hey, at least I’m getting my daily dose of environmental destruction, right? Who needs progress when you can just smash?

    #DonkeyKongBananza #GamingFrustration #DestructibleEnvironments #NintendoHumor
    So, apparently, "Donkey Kong Bananza" is the latest game where the only thing more destructible than the environments is our ability to enjoy it. I mean, who knew smashing things to bits could be so… tedious? It’s like they took the classic "ape adventure" and decided to add a sprinkle of frustration on top. I can’t quite say how great it is because, let’s be honest, I’ve spent more time trying to figure out what to do than actually playing. But hey, at least I’m getting my daily dose of environmental destruction, right? Who needs progress when you can just smash? #DonkeyKongBananza #GamingFrustration #DestructibleEnvironments #NintendoHumor
    KOTAKU.COM
    Donkey Kong Bananza’s Destructible Environments Are So Good I Can't Stop Smashing Them To Bits
    Donkey Kong Bananza is a great game…probably. I can’t really say for myself yet. To be honest, I haven’t really done much in Nintendo’s latest open-world reimagining of its iconic ape’s adventures. It’s not because I don’t want to, but because I, lik
    1 Comentários 0 Compartilhamentos 0 Anterior
  • In a world filled with vibrant tracks and thrilling races, I find myself drifting through the shadows of loneliness. Each shortcut I master in Mario Kart, each wall ride I conquer, feels insignificant when the laughter of friends is absent. The thrill of smashing world time trial records fades into a hollow echo, as the shells that once brought excitement now serve only to remind me of what I lack—connection and warmth.

    Even the best characters and karts can't fill the void of isolation. I race against the clock, yet I feel like I'm running away from myself.



    #Loneliness #Heartbreak #MarioKart #TimeTrial #Isolation
    In a world filled with vibrant tracks and thrilling races, I find myself drifting through the shadows of loneliness. Each shortcut I master in Mario Kart, each wall ride I conquer, feels insignificant when the laughter of friends is absent. The thrill of smashing world time trial records fades into a hollow echo, as the shells that once brought excitement now serve only to remind me of what I lack—connection and warmth. Even the best characters and karts can't fill the void of isolation. I race against the clock, yet I feel like I'm running away from myself. 💔 #Loneliness #Heartbreak #MarioKart #TimeTrial #Isolation
    KOTAKU.COM
    The Best Characters And Karts For Smashing Mario Kart World Time Trial Records
    Earning first place in Mario Kart World‘s 150cc races depends on a lot of factors, ranging from shortcuts, knowing where to wall ride, and how to deal with the uncertainty of getting bombarded with shells. That hasn’t stopped players from figuring ou
    Like
    Love
    Wow
    Angry
    Sad
    112
    1 Comentários 0 Compartilhamentos 0 Anterior
  • Hey, fellow gamers!

    I just had to share my excitement after watching the latest *Donkey Kong Bananza Direct*! Can we just talk about how absolutely smashing this game is going to be?! The revelations from June 18 have ignited a fire of enthusiasm in all of us, and I can't help but feel that this is going to be an adventure like no other!

    Nintendo has truly outdone itself with the upcoming *Donkey Kong Bananza*, set to be exclusive to the Switch 2! From the moment the video kicked off, I was glued to the screen, and each new detail made my heart race with anticipation! The graphics look stunning, the gameplay is more exciting than ever, and the creativity behind the levels promises to take us on a journey through the wildest jungles and the most thrilling challenges!

    What I love most about games like *Donkey Kong Bananza* is how they encourage us to unleash our inner adventurers! Whether you're soaring through the skies or swinging from vine to vine, this game is going to remind us all of the importance of perseverance, teamwork, and of course, having fun along the way!

    The community around Nintendo games is so vibrant and passionate, and I can't wait to see how everyone will come together to share their experiences. Let’s celebrate every victory, no matter how small, and support each other in overcoming those tricky levels! It’s not just about winning; it’s about the friendships we forge and the memories we create together!

    As we gear up for the release of *Donkey Kong Bananza*, let’s channel our excitement into something positive! Share your thoughts, theories, and what you’re most excited about! Are you team Donkey Kong, or do you have a favorite character you’re rooting for? Let’s get those conversations rolling!

    Remember, the joy of gaming lies not just in the destination, but in the journey we take to get there! So, let’s keep our spirits high and our minds open. Who knows what surprises await us in the world of *Donkey Kong Bananza*!

    Stay hyped, everyone! The adventure of a lifetime is just around the corner!

    #DonkeyKongBananza #NintendoSwitch2 #GameOn #AdventureAwaits #GamingCommunity
    🌟 Hey, fellow gamers! 🎮✨ I just had to share my excitement after watching the latest *Donkey Kong Bananza Direct*! Can we just talk about how absolutely smashing this game is going to be?! 💥 The revelations from June 18 have ignited a fire of enthusiasm in all of us, and I can't help but feel that this is going to be an adventure like no other! 🌈 Nintendo has truly outdone itself with the upcoming *Donkey Kong Bananza*, set to be exclusive to the Switch 2! 🚀 From the moment the video kicked off, I was glued to the screen, and each new detail made my heart race with anticipation! 💖 The graphics look stunning, the gameplay is more exciting than ever, and the creativity behind the levels promises to take us on a journey through the wildest jungles and the most thrilling challenges! 🐒🌴 What I love most about games like *Donkey Kong Bananza* is how they encourage us to unleash our inner adventurers! 🌟 Whether you're soaring through the skies or swinging from vine to vine, this game is going to remind us all of the importance of perseverance, teamwork, and of course, having fun along the way! 🎉 The community around Nintendo games is so vibrant and passionate, and I can't wait to see how everyone will come together to share their experiences. 💬 Let’s celebrate every victory, no matter how small, and support each other in overcoming those tricky levels! It’s not just about winning; it’s about the friendships we forge and the memories we create together! 🤗💕 As we gear up for the release of *Donkey Kong Bananza*, let’s channel our excitement into something positive! 🌟 Share your thoughts, theories, and what you’re most excited about! Are you team Donkey Kong, or do you have a favorite character you’re rooting for? Let’s get those conversations rolling! 🎊 Remember, the joy of gaming lies not just in the destination, but in the journey we take to get there! So, let’s keep our spirits high and our minds open. Who knows what surprises await us in the world of *Donkey Kong Bananza*! 🎁✨ Stay hyped, everyone! The adventure of a lifetime is just around the corner! 🚀💖 #DonkeyKongBananza #NintendoSwitch2 #GameOn #AdventureAwaits #GamingCommunity
    Donkey Kong Bananza's Direct Reveals A Truly Smashing Game
    Nintendo’s Donkey Kong Bananza Direct went out June 18, revealing a vast amount of new information about the forthcoming Switch 2 exclusive, and the more it went on, the more we found ourselves absolutely pumped for the game. You can watch the entire
    Like
    Wow
    Love
    Angry
    Sad
    294
    1 Comentários 0 Compartilhamentos 0 Anterior
  • Dune: Awakening Helicopters Are 'Goomba Stomping' Players, Devs Are Working On A Fix

    In a crowded field full of online survival sims, Dune: Awakening is kicking up storm. The adaptation of Frank Herbert’s sci-fi novels lets players build bases, rid sand worms, and smash Ornithopters into one another. That last part has become a problem, and the developers are already looking into a fix. Suggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode

    Share SubtitlesOffEnglishview videoSuggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode

    Share SubtitlesOffEnglishDune’s Ornithopters are helicopters shaped like dragonflies. In Dune: Awakening, they’re one of the many vehicles players can build that serve as both a resource and an end-goal of sorts. They require a lot of equipment and resources to craft if you’re playing solo, which is why most of them belong to players working in groups. It turns out that they’re pretty indestructible too, making them lethal weapons for ramming enemy players with in PVP. Reddit user Bombe18 shared his run-in with Dune: Awakening’s man-made scourge in a recent clip that blew up on the subreddit showing him repeatedly being accosted by multiple Ornithopters. Shooting at them does nothing. They’re unscathed by constantly smashing into the ground on top of him. At one point, he tries to wall-jump off a ledge and stab one. “Yeah sorry about this,” wrote game director Joel Bylos. “We have people working on fixing the goomba stomping ASAP.”Players have been debating the role of Ornithopters in Dune: Awakening since its beta tests last year. On the one hand, they’re a lot of fun and a cool reward for players to build toward. On the other, they sort of trivialize trying to travel around the desert and survive, the two things the game is supposed to be about. They can also shoot missiles, completely dominating the ground game. Now that’s real desert power. In terms of stopping players from griefing one another with Ornithopters, there are a few different suggestions. Some players just want the vehicles not to be able to be used as weapons at all. Others want them isolated to specific PVP areas. Another solution is to make it easier to destroy them. “Seems like they should just make guns deal more damage to them,” wrote one player. “They’d think twice about doing this if their orni could get wrecked by gunfire.” Another wrote, “Make Deep Desert crashes do significant damage. Two crashes or something past a certain physics threshold should disable the vehicle.”However the developers decide to address the recent outbreak of Ornithopter “goomba stomping,” Dune: Awakening is having a great launch so far. Out earlier this week on PC, it’s nearing a 90 percent positive rating on Steam with almost 20,000 reviews. The concurrent player-count is very healthy, too, peaking at just under 150,000 heading into the weekend. Unfortunately, console players will have to wait a bit to build Ornithropters of their own. A PlayStation 5 and Xbox Series X/S release isn’t planned until sometime in 2026. .
    #dune #awakening #helicopters #are #039goomba
    Dune: Awakening Helicopters Are 'Goomba Stomping' Players, Devs Are Working On A Fix
    In a crowded field full of online survival sims, Dune: Awakening is kicking up storm. The adaptation of Frank Herbert’s sci-fi novels lets players build bases, rid sand worms, and smash Ornithopters into one another. That last part has become a problem, and the developers are already looking into a fix. Suggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode Share SubtitlesOffEnglishview videoSuggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode Share SubtitlesOffEnglishDune’s Ornithopters are helicopters shaped like dragonflies. In Dune: Awakening, they’re one of the many vehicles players can build that serve as both a resource and an end-goal of sorts. They require a lot of equipment and resources to craft if you’re playing solo, which is why most of them belong to players working in groups. It turns out that they’re pretty indestructible too, making them lethal weapons for ramming enemy players with in PVP. Reddit user Bombe18 shared his run-in with Dune: Awakening’s man-made scourge in a recent clip that blew up on the subreddit showing him repeatedly being accosted by multiple Ornithopters. Shooting at them does nothing. They’re unscathed by constantly smashing into the ground on top of him. At one point, he tries to wall-jump off a ledge and stab one. “Yeah sorry about this,” wrote game director Joel Bylos. “We have people working on fixing the goomba stomping ASAP.”Players have been debating the role of Ornithopters in Dune: Awakening since its beta tests last year. On the one hand, they’re a lot of fun and a cool reward for players to build toward. On the other, they sort of trivialize trying to travel around the desert and survive, the two things the game is supposed to be about. They can also shoot missiles, completely dominating the ground game. Now that’s real desert power. In terms of stopping players from griefing one another with Ornithopters, there are a few different suggestions. Some players just want the vehicles not to be able to be used as weapons at all. Others want them isolated to specific PVP areas. Another solution is to make it easier to destroy them. “Seems like they should just make guns deal more damage to them,” wrote one player. “They’d think twice about doing this if their orni could get wrecked by gunfire.” Another wrote, “Make Deep Desert crashes do significant damage. Two crashes or something past a certain physics threshold should disable the vehicle.”However the developers decide to address the recent outbreak of Ornithopter “goomba stomping,” Dune: Awakening is having a great launch so far. Out earlier this week on PC, it’s nearing a 90 percent positive rating on Steam with almost 20,000 reviews. The concurrent player-count is very healthy, too, peaking at just under 150,000 heading into the weekend. Unfortunately, console players will have to wait a bit to build Ornithropters of their own. A PlayStation 5 and Xbox Series X/S release isn’t planned until sometime in 2026. . #dune #awakening #helicopters #are #039goomba
    KOTAKU.COM
    Dune: Awakening Helicopters Are 'Goomba Stomping' Players, Devs Are Working On A Fix
    In a crowded field full of online survival sims, Dune: Awakening is kicking up storm. The adaptation of Frank Herbert’s sci-fi novels lets players build bases, rid sand worms, and smash Ornithopters into one another. That last part has become a problem, and the developers are already looking into a fix. Suggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode Share SubtitlesOffEnglishview videoSuggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode Share SubtitlesOffEnglishDune’s Ornithopters are helicopters shaped like dragonflies. In Dune: Awakening, they’re one of the many vehicles players can build that serve as both a resource and an end-goal of sorts. They require a lot of equipment and resources to craft if you’re playing solo, which is why most of them belong to players working in groups. It turns out that they’re pretty indestructible too, making them lethal weapons for ramming enemy players with in PVP. Reddit user Bombe18 shared his run-in with Dune: Awakening’s man-made scourge in a recent clip that blew up on the subreddit showing him repeatedly being accosted by multiple Ornithopters. Shooting at them does nothing. They’re unscathed by constantly smashing into the ground on top of him. At one point, he tries to wall-jump off a ledge and stab one. “Yeah sorry about this,” wrote game director Joel Bylos. “We have people working on fixing the goomba stomping ASAP.”Players have been debating the role of Ornithopters in Dune: Awakening since its beta tests last year. On the one hand, they’re a lot of fun and a cool reward for players to build toward. On the other, they sort of trivialize trying to travel around the desert and survive, the two things the game is supposed to be about. They can also shoot missiles, completely dominating the ground game. Now that’s real desert power. In terms of stopping players from griefing one another with Ornithopters, there are a few different suggestions. Some players just want the vehicles not to be able to be used as weapons at all. Others want them isolated to specific PVP areas. Another solution is to make it easier to destroy them. “Seems like they should just make guns deal more damage to them,” wrote one player. “They’d think twice about doing this if their orni could get wrecked by gunfire.” Another wrote, “Make Deep Desert crashes do significant damage. Two crashes or something past a certain physics threshold should disable the vehicle.”However the developers decide to address the recent outbreak of Ornithopter “goomba stomping,” Dune: Awakening is having a great launch so far. Out earlier this week on PC, it’s nearing a 90 percent positive rating on Steam with almost 20,000 reviews. The concurrent player-count is very healthy, too, peaking at just under 150,000 heading into the weekend. Unfortunately, console players will have to wait a bit to build Ornithropters of their own. A PlayStation 5 and Xbox Series X/S release isn’t planned until sometime in 2026. .
    0 Comentários 0 Compartilhamentos 0 Anterior
  • Decoding The SVG <code>path</code> Element: Line Commands

    In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon.
    This time around, we are going to tackle a more advanced topic, the absolute powerhouse of SVG elements: path. Don’t get me wrong; I still stand by my point that image paths are better drawn in vector programs than coded. But when it comes to technical drawings and data visualizations, the path element unlocks a wide array of possibilities and opens up the world of hand-coded SVGs.
    The path syntax can be really complex. We’re going to tackle it in two separate parts. In this first installment, we’re learning all about straight and angular paths. In the second part, we’ll make lines bend, twist, and turn.
    Required Knowledge And Guide Structure
    Note: If you are unfamiliar with the basics of SVG, such as the subject of viewBox and the basic syntax of the simple elements, I recommend reading my guide before diving into this one. You should also familiarize yourself with <text> if you want to understand each line of code in the examples.
    Before we get started, I want to quickly recap how I code SVG using JavaScript. I don’t like dealing with numbers and math, and reading SVG Code with numbers filled into every attribute makes me lose all understanding of it. By giving coordinates names and having all my math easy to parse and write out, I have a much better time with this type of code, and I think you will, too.
    The goal of this article is more about understanding path syntax than it is about doing placement or how to leverage loops and other more basic things. So, I will not run you through the entire setup of each example. I’ll instead share snippets of the code, but they may be slightly adjusted from the CodePen or simplified to make this article easier to read. However, if there are specific questions about code that are not part of the text in the CodePen demos, the comment section is open.
    To keep this all framework-agnostic, the code is written in vanilla JavaScript.
    Setting Up For Success
    As the path element relies on our understanding of some of the coordinates we plug into the commands, I think it is a lot easier if we have a bit of visual orientation. So, all of the examples will be coded on top of a visual representation of a traditional viewBox setup with the origin in the top-left corner, then moves diagonally down to. The command is: M10 10 L100 100.
    The blue line is horizontal. It starts atand should end at. We could use the L command, but we’d have to write 55 again. So, instead, we write M10 55 H100, and then SVG knows to look back at the y value of M for the y value of H.
    It’s the same thing for the green line, but when we use the V command, SVG knows to refer back to the x value of M for the x value of V.
    If we compare the resulting horizontal path with the same implementation in a <line> element, we may

    Notice how much more efficient path can be, and
    Remove quite a bit of meaning for anyone who doesn’t speak path.

    Because, as we look at these strings, one of them is called “line”. And while the rest doesn’t mean anything out of context, the line definitely conjures a specific image in our heads.
    <path d="M 10 55 H 100" />
    <line x1="10" y1="55" x2="100" y2="55" />

    Making Polygons And Polylines With Z
    In the previous section, we learned how path can behave like <line>, which is pretty cool. But it can do more. It can also act like polyline and polygon.
    Remember, how those two basically work the same, but polygon connects the first and last point, while polyline does not? The path element can do the same thing. There is a separate command to close the path with a line, which is the Z command.

    const polyline2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y};
    const polygon2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y} Z;

    So, let’s see this in action and create a repeating triangle shape. Every odd time, it’s open, and every even time, it’s closed. Pretty neat!
    See the Pen Alternating Trianglesby Myriam.
    When it comes to comparing path versus polygon and polyline, the other tags tell us about their names, but I would argue that fewer people know what a polygon is versus what a line is. The argument to use these two tags over path for legibility is weak, in my opinion, and I guess you’d probably agree that this looks like equal levels of meaningless string given to an SVG element.
    <path d="M0 0 L86.6 50 L0 100 Z" />
    <polygon points="0,0 86.6,50 0,100" />

    <path d="M0 0 L86.6 50 L0 100" />
    <polyline points="0,0 86.6,50 0,100" />

    Relative Commands: m, l, h, v
    All of the line commands exist in absolute and relative versions. The difference is that the relative commands are lowercase, e.g., m, l, h, and v. The relative commands are always relative to the last point, so instead of declaring an x value, you’re declaring a dx value, saying this is how many units you’re moving.
    Before we look at the example visually, I want you to look at the following three-line commands. Try not to look at the CodePen beforehand.
    const lines =;

    As I mentioned, I hate looking at numbers without meaning, but there is one number whose meaning is pretty constant in most contexts: 0. Seeing a 0 in combination with a command I just learned means relative manages to instantly tell me that nothing is happening. Seeing l 0 20 by itself tells me that this line only moves along one axis instead of two.
    And looking at that entire blue path command, the repeated 20 value gives me a sense that the shape might have some regularity to it. The first path does a bit of that by repeating 10 and 30. But the third? As someone who can’t do math in my head, that third string gives me nothing.
    Now, you might be surprised, but they all draw the same shape, just in different places.
    See the Pen SVG Compound Pathsby Myriam.
    So, how valuable is it that we can recognize the regularity in the blue path? Not very, in my opinion. In some cases, going with the relative value is easier than an absolute one. In other cases, the absolute is king. Neither is better nor worse.
    And, in all cases, that previous example would be much more efficient if it were set up with a variable for the gap, a variable for the shape size, and a function to generate the path definition that’s called from within a loop so it can take in the index to properly calculate the start point.

    Jumping Points: How To Make Compound Paths
    Another very useful thing is something you don’t see visually in the previous CodePen, but it relates to the grid and its code.
    I snuck in a grid drawing update.
    With the method used in earlier examples, using line to draw the grid, the above CodePen would’ve rendered the grid with 14 separate elements. If you go and inspect the final code of that last CodePen, you’ll notice that there is just a single path element within the .grid group.
    It looks like this, which is not fun to look at but holds the secret to how it’s possible:

    <path d="M0 0 H110 M0 10 H110 M0 20 H110 M0 30 H110 M0 0 V45 M10 0 V45 M20 0 V45 M30 0 V45 M40 0 V45 M50 0 V45 M60 0 V45 M70 0 V45 M80 0 V45 M90 0 V45" stroke="currentColor" stroke-width="0.2" fill="none"></path>

    If we take a close look, we may notice that there are multiple M commands. This is the magic of compound paths.
    Since the M/m commands don’t actually draw and just place the cursor, a path can have jumps.

    So, whenever we have multiple paths that share common styling and don’t need to have separate interactions, we can just chain them together to make our code shorter.
    Coming Up Next
    Armed with this knowledge, we’re now able to replace line, polyline, and polygon with path commands and combine them in compound paths. But there is so much more to uncover because path doesn’t just offer foreign-language versions of lines but also gives us the option to code circles and ellipses that have open space and can sometimes also bend, twist, and turn. We’ll refer to those as curves and arcs, and discuss them more explicitly in the next article.
    Further Reading On SmashingMag

    “Mastering SVG Arcs,” Akshay Gupta
    “Accessible SVGs: Perfect Patterns For Screen Reader Users,” Carie Fisher
    “Easy SVG Customization And Animation: A Practical Guide,” Adrian Bece
    “Magical SVG Techniques,” Cosima Mielke
    #decoding #svg #ampltcodeampgtpathampltcodeampgt #element #line
    Decoding The SVG <code>path</code> Element: Line Commands
    In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon. This time around, we are going to tackle a more advanced topic, the absolute powerhouse of SVG elements: path. Don’t get me wrong; I still stand by my point that image paths are better drawn in vector programs than coded. But when it comes to technical drawings and data visualizations, the path element unlocks a wide array of possibilities and opens up the world of hand-coded SVGs. The path syntax can be really complex. We’re going to tackle it in two separate parts. In this first installment, we’re learning all about straight and angular paths. In the second part, we’ll make lines bend, twist, and turn. Required Knowledge And Guide Structure Note: If you are unfamiliar with the basics of SVG, such as the subject of viewBox and the basic syntax of the simple elements, I recommend reading my guide before diving into this one. You should also familiarize yourself with <text> if you want to understand each line of code in the examples. Before we get started, I want to quickly recap how I code SVG using JavaScript. I don’t like dealing with numbers and math, and reading SVG Code with numbers filled into every attribute makes me lose all understanding of it. By giving coordinates names and having all my math easy to parse and write out, I have a much better time with this type of code, and I think you will, too. The goal of this article is more about understanding path syntax than it is about doing placement or how to leverage loops and other more basic things. So, I will not run you through the entire setup of each example. I’ll instead share snippets of the code, but they may be slightly adjusted from the CodePen or simplified to make this article easier to read. However, if there are specific questions about code that are not part of the text in the CodePen demos, the comment section is open. To keep this all framework-agnostic, the code is written in vanilla JavaScript. Setting Up For Success As the path element relies on our understanding of some of the coordinates we plug into the commands, I think it is a lot easier if we have a bit of visual orientation. So, all of the examples will be coded on top of a visual representation of a traditional viewBox setup with the origin in the top-left corner, then moves diagonally down to. The command is: M10 10 L100 100. The blue line is horizontal. It starts atand should end at. We could use the L command, but we’d have to write 55 again. So, instead, we write M10 55 H100, and then SVG knows to look back at the y value of M for the y value of H. It’s the same thing for the green line, but when we use the V command, SVG knows to refer back to the x value of M for the x value of V. If we compare the resulting horizontal path with the same implementation in a <line> element, we may Notice how much more efficient path can be, and Remove quite a bit of meaning for anyone who doesn’t speak path. Because, as we look at these strings, one of them is called “line”. And while the rest doesn’t mean anything out of context, the line definitely conjures a specific image in our heads. <path d="M 10 55 H 100" /> <line x1="10" y1="55" x2="100" y2="55" /> Making Polygons And Polylines With Z In the previous section, we learned how path can behave like <line>, which is pretty cool. But it can do more. It can also act like polyline and polygon. Remember, how those two basically work the same, but polygon connects the first and last point, while polyline does not? The path element can do the same thing. There is a separate command to close the path with a line, which is the Z command. const polyline2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y}; const polygon2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y} Z; So, let’s see this in action and create a repeating triangle shape. Every odd time, it’s open, and every even time, it’s closed. Pretty neat! See the Pen Alternating Trianglesby Myriam. When it comes to comparing path versus polygon and polyline, the other tags tell us about their names, but I would argue that fewer people know what a polygon is versus what a line is. The argument to use these two tags over path for legibility is weak, in my opinion, and I guess you’d probably agree that this looks like equal levels of meaningless string given to an SVG element. <path d="M0 0 L86.6 50 L0 100 Z" /> <polygon points="0,0 86.6,50 0,100" /> <path d="M0 0 L86.6 50 L0 100" /> <polyline points="0,0 86.6,50 0,100" /> Relative Commands: m, l, h, v All of the line commands exist in absolute and relative versions. The difference is that the relative commands are lowercase, e.g., m, l, h, and v. The relative commands are always relative to the last point, so instead of declaring an x value, you’re declaring a dx value, saying this is how many units you’re moving. Before we look at the example visually, I want you to look at the following three-line commands. Try not to look at the CodePen beforehand. const lines =; As I mentioned, I hate looking at numbers without meaning, but there is one number whose meaning is pretty constant in most contexts: 0. Seeing a 0 in combination with a command I just learned means relative manages to instantly tell me that nothing is happening. Seeing l 0 20 by itself tells me that this line only moves along one axis instead of two. And looking at that entire blue path command, the repeated 20 value gives me a sense that the shape might have some regularity to it. The first path does a bit of that by repeating 10 and 30. But the third? As someone who can’t do math in my head, that third string gives me nothing. Now, you might be surprised, but they all draw the same shape, just in different places. See the Pen SVG Compound Pathsby Myriam. So, how valuable is it that we can recognize the regularity in the blue path? Not very, in my opinion. In some cases, going with the relative value is easier than an absolute one. In other cases, the absolute is king. Neither is better nor worse. And, in all cases, that previous example would be much more efficient if it were set up with a variable for the gap, a variable for the shape size, and a function to generate the path definition that’s called from within a loop so it can take in the index to properly calculate the start point. Jumping Points: How To Make Compound Paths Another very useful thing is something you don’t see visually in the previous CodePen, but it relates to the grid and its code. I snuck in a grid drawing update. With the method used in earlier examples, using line to draw the grid, the above CodePen would’ve rendered the grid with 14 separate elements. If you go and inspect the final code of that last CodePen, you’ll notice that there is just a single path element within the .grid group. It looks like this, which is not fun to look at but holds the secret to how it’s possible: <path d="M0 0 H110 M0 10 H110 M0 20 H110 M0 30 H110 M0 0 V45 M10 0 V45 M20 0 V45 M30 0 V45 M40 0 V45 M50 0 V45 M60 0 V45 M70 0 V45 M80 0 V45 M90 0 V45" stroke="currentColor" stroke-width="0.2" fill="none"></path> If we take a close look, we may notice that there are multiple M commands. This is the magic of compound paths. Since the M/m commands don’t actually draw and just place the cursor, a path can have jumps. So, whenever we have multiple paths that share common styling and don’t need to have separate interactions, we can just chain them together to make our code shorter. Coming Up Next Armed with this knowledge, we’re now able to replace line, polyline, and polygon with path commands and combine them in compound paths. But there is so much more to uncover because path doesn’t just offer foreign-language versions of lines but also gives us the option to code circles and ellipses that have open space and can sometimes also bend, twist, and turn. We’ll refer to those as curves and arcs, and discuss them more explicitly in the next article. Further Reading On SmashingMag “Mastering SVG Arcs,” Akshay Gupta “Accessible SVGs: Perfect Patterns For Screen Reader Users,” Carie Fisher “Easy SVG Customization And Animation: A Practical Guide,” Adrian Bece “Magical SVG Techniques,” Cosima Mielke #decoding #svg #ampltcodeampgtpathampltcodeampgt #element #line
    SMASHINGMAGAZINE.COM
    Decoding The SVG <code>path</code> Element: Line Commands
    In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon (and also g). This time around, we are going to tackle a more advanced topic, the absolute powerhouse of SVG elements: path. Don’t get me wrong; I still stand by my point that image paths are better drawn in vector programs than coded (unless you’re the type of creative who makes non-logical visual art in code — then go forth and create awe-inspiring wonders; you’re probably not the audience of this article). But when it comes to technical drawings and data visualizations, the path element unlocks a wide array of possibilities and opens up the world of hand-coded SVGs. The path syntax can be really complex. We’re going to tackle it in two separate parts. In this first installment, we’re learning all about straight and angular paths. In the second part, we’ll make lines bend, twist, and turn. Required Knowledge And Guide Structure Note: If you are unfamiliar with the basics of SVG, such as the subject of viewBox and the basic syntax of the simple elements (rect, line, g, and so on), I recommend reading my guide before diving into this one. You should also familiarize yourself with <text> if you want to understand each line of code in the examples. Before we get started, I want to quickly recap how I code SVG using JavaScript. I don’t like dealing with numbers and math, and reading SVG Code with numbers filled into every attribute makes me lose all understanding of it. By giving coordinates names and having all my math easy to parse and write out, I have a much better time with this type of code, and I think you will, too. The goal of this article is more about understanding path syntax than it is about doing placement or how to leverage loops and other more basic things. So, I will not run you through the entire setup of each example. I’ll instead share snippets of the code, but they may be slightly adjusted from the CodePen or simplified to make this article easier to read. However, if there are specific questions about code that are not part of the text in the CodePen demos, the comment section is open. To keep this all framework-agnostic, the code is written in vanilla JavaScript (though, really, TypeScript is your friend the more complicated your SVG becomes, and I missed it when writing some of these). Setting Up For Success As the path element relies on our understanding of some of the coordinates we plug into the commands, I think it is a lot easier if we have a bit of visual orientation. So, all of the examples will be coded on top of a visual representation of a traditional viewBox setup with the origin in the top-left corner (so, values in the shape of 0 0 ${width} ${height}. I added text labels as well to make it easier to point you to specific areas within the grid. Please note that I recommend being careful when adding text within the <text> element in SVG if you want your text to be accessible. If the graphic relies on text scaling like the rest of your website, it would be better to have it rendered through HTML. But for our examples here, it should be sufficient. So, this is what we’ll be plotting on top of: See the Pen SVG Viewbox Grid Visual [forked] by Myriam. Alright, we now have a ViewBox Visualizing Grid. I think we’re ready for our first session with the beast. Enter path And The All-Powerful d Attribute The <path> element has a d attribute, which speaks its own language. So, within d, you’re talking in terms of “commands”. When I think of non-path versus path elements, I like to think that the reason why we have to write much more complex drawing instructions is this: All non-path elements are just dumber paths. In the background, they have one pre-drawn path shape that they will always render based on a few parameters you pass in. But path has no default shape. The shape logic has to be exposed to you, while it can be neatly hidden away for all other elements. Let’s learn about those commands. Where It All Begins: M The first, which is where each path begins, is the M command, which moves the pen to a point. This command places your starting point, but it does not draw a single thing. A path with just an M command is an auto-delete when cleaning up SVG files. It takes two arguments: the x and y coordinates of your start position. const uselessPathCommand = `M${start.x} ${start.y}`; Basic Line Commands: M , L, H, V These are fun and easy: L, H, and V, all draw a line from the current point to the point specified. L takes two arguments, the x and y positions of the point you want to draw to. const pathCommandL = `M${start.x} ${start.y} L${end.x} ${end.y}`; H and V, on the other hand, only take one argument because they are only drawing a line in one direction. For H, you specify the x position, and for V, you specify the y position. The other value is implied. const pathCommandH = `M${start.x} ${start.y} H${end.x}`; const pathCommandV = `M${start.x} ${start.y} V${end.y}`; To visualize how this works, I created a function that draws the path, as well as points with labels on them, so we can see what happens. See the Pen Simple Lines with path [forked] by Myriam. We have three lines in that image. The L command is used for the red path. It starts with M at (10,10), then moves diagonally down to (100,100). The command is: M10 10 L100 100. The blue line is horizontal. It starts at (10,55) and should end at (100, 55). We could use the L command, but we’d have to write 55 again. So, instead, we write M10 55 H100, and then SVG knows to look back at the y value of M for the y value of H. It’s the same thing for the green line, but when we use the V command, SVG knows to refer back to the x value of M for the x value of V. If we compare the resulting horizontal path with the same implementation in a <line> element, we may Notice how much more efficient path can be, and Remove quite a bit of meaning for anyone who doesn’t speak path. Because, as we look at these strings, one of them is called “line”. And while the rest doesn’t mean anything out of context, the line definitely conjures a specific image in our heads. <path d="M 10 55 H 100" /> <line x1="10" y1="55" x2="100" y2="55" /> Making Polygons And Polylines With Z In the previous section, we learned how path can behave like <line>, which is pretty cool. But it can do more. It can also act like polyline and polygon. Remember, how those two basically work the same, but polygon connects the first and last point, while polyline does not? The path element can do the same thing. There is a separate command to close the path with a line, which is the Z command. const polyline2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y}; const polygon2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y} Z; So, let’s see this in action and create a repeating triangle shape. Every odd time, it’s open, and every even time, it’s closed. Pretty neat! See the Pen Alternating Triangles [forked] by Myriam. When it comes to comparing path versus polygon and polyline, the other tags tell us about their names, but I would argue that fewer people know what a polygon is versus what a line is (and probably even fewer know what a polyline is. Heck, even the program I’m writing this article in tells me polyline is not a valid word). The argument to use these two tags over path for legibility is weak, in my opinion, and I guess you’d probably agree that this looks like equal levels of meaningless string given to an SVG element. <path d="M0 0 L86.6 50 L0 100 Z" /> <polygon points="0,0 86.6,50 0,100" /> <path d="M0 0 L86.6 50 L0 100" /> <polyline points="0,0 86.6,50 0,100" /> Relative Commands: m, l, h, v All of the line commands exist in absolute and relative versions. The difference is that the relative commands are lowercase, e.g., m, l, h, and v. The relative commands are always relative to the last point, so instead of declaring an x value, you’re declaring a dx value, saying this is how many units you’re moving. Before we look at the example visually, I want you to look at the following three-line commands. Try not to look at the CodePen beforehand. const lines = [ { d: `M10 10 L 10 30 L 30 30`, color: "var(--_red)" }, { d: `M40 10 l 0 20 l 20 0`, color: "var(--_blue)" }, { d: `M70 10 l 0 20 L 90 30`, color: "var(--_green)" } ]; As I mentioned, I hate looking at numbers without meaning, but there is one number whose meaning is pretty constant in most contexts: 0. Seeing a 0 in combination with a command I just learned means relative manages to instantly tell me that nothing is happening. Seeing l 0 20 by itself tells me that this line only moves along one axis instead of two. And looking at that entire blue path command, the repeated 20 value gives me a sense that the shape might have some regularity to it. The first path does a bit of that by repeating 10 and 30. But the third? As someone who can’t do math in my head, that third string gives me nothing. Now, you might be surprised, but they all draw the same shape, just in different places. See the Pen SVG Compound Paths [forked] by Myriam. So, how valuable is it that we can recognize the regularity in the blue path? Not very, in my opinion. In some cases, going with the relative value is easier than an absolute one. In other cases, the absolute is king. Neither is better nor worse. And, in all cases, that previous example would be much more efficient if it were set up with a variable for the gap, a variable for the shape size, and a function to generate the path definition that’s called from within a loop so it can take in the index to properly calculate the start point. Jumping Points: How To Make Compound Paths Another very useful thing is something you don’t see visually in the previous CodePen, but it relates to the grid and its code. I snuck in a grid drawing update. With the method used in earlier examples, using line to draw the grid, the above CodePen would’ve rendered the grid with 14 separate elements. If you go and inspect the final code of that last CodePen, you’ll notice that there is just a single path element within the .grid group. It looks like this, which is not fun to look at but holds the secret to how it’s possible: <path d="M0 0 H110 M0 10 H110 M0 20 H110 M0 30 H110 M0 0 V45 M10 0 V45 M20 0 V45 M30 0 V45 M40 0 V45 M50 0 V45 M60 0 V45 M70 0 V45 M80 0 V45 M90 0 V45" stroke="currentColor" stroke-width="0.2" fill="none"></path> If we take a close look, we may notice that there are multiple M commands. This is the magic of compound paths. Since the M/m commands don’t actually draw and just place the cursor, a path can have jumps. So, whenever we have multiple paths that share common styling and don’t need to have separate interactions, we can just chain them together to make our code shorter. Coming Up Next Armed with this knowledge, we’re now able to replace line, polyline, and polygon with path commands and combine them in compound paths. But there is so much more to uncover because path doesn’t just offer foreign-language versions of lines but also gives us the option to code circles and ellipses that have open space and can sometimes also bend, twist, and turn. We’ll refer to those as curves and arcs, and discuss them more explicitly in the next article. Further Reading On SmashingMag “Mastering SVG Arcs,” Akshay Gupta “Accessible SVGs: Perfect Patterns For Screen Reader Users,” Carie Fisher “Easy SVG Customization And Animation: A Practical Guide,” Adrian Bece “Magical SVG Techniques,” Cosima Mielke
    0 Comentários 0 Compartilhamentos 0 Anterior
  • Collaboration: The Most Underrated UX Skill No One Talks About

    When people talk about UX, it’s usually about the things they can see and interact with, like wireframes and prototypes, smart interactions, and design tools like Figma, Miro, or Maze. Some of the outputs are even glamorized, like design systems, research reports, and pixel-perfect UI designs. But here’s the truth I’ve seen again and again in over two decades of working in UX: none of that moves the needle if there is no collaboration.
    Great UX doesn’t happen in isolation. It happens through conversations with engineers, product managers, customer-facing teams, and the customer support teams who manage support tickets. Amazing UX ideas come alive in messy Miro sessions, cross-functional workshops, and those online chatswhere people align, adapt, and co-create.
    Some of the most impactful moments in my career weren’t when I was “designing” in the traditional sense. They have been gaining incredible insights when discussing problems with teammates who have varied experiences, brainstorming, and coming up with ideas that I never could have come up with on my own. As I always say, ten minds in a room will come up with ten times as many ideas as one mind. Often, many ideas are the most useful outcome.
    There have been times when a team has helped to reframe a problem in a workshop, taken vague and conflicting feedback, and clarified a path forward, or I’ve sat with a sales rep and heard the same user complaint show up in multiple conversations. This is when design becomes a team sport, and when your ability to capture the outcomes multiplies the UX impact.
    Why This Article Matters Now
    The reason collaboration feels so urgent now is that the way we work since COVID has changed, according to a study published by the US Department of Labor. Teams are more cross-functional, often remote, and increasingly complex. Silos are easier to fall into, due to distance or lack of face-to-face contact, and yet alignment has never been more important. We can’t afford to see collaboration as a “nice to have” anymore. It’s a core skill, especially in UX, where our work touches so many parts of an organisation.
    Let’s break down what collaboration in UX really means, and why it deserves way more attention than it gets.
    What Is Collaboration In UX, Really?
    Let’s start by clearing up a misconception. Collaboration is not the same as cooperation.

    Cooperation: “You do your thing, I’ll do mine, and we’ll check in later.”
    Collaboration: “Let’s figure this out together and co-own the outcome.”

    Collaboration, as defined in the book Communication Concepts, published by Deakin University, involves working with others to produce outputs and/or achieve shared goals. The outcome of collaboration is typically a tangible product or a measurable achievement, such as solving a problem or making a decision. Here’s an example from a recent project:
    Recently, I worked on a fraud alert platform for a fintech business. It was a six-month project, and we had zero access to users, as the product had not yet hit the market. Also, the users were highly specialised in the B2B finance space and were difficult to find. Additionally, the team members I needed to collaborate with were based in Malaysia and Melbourne, while I am located in Sydney.
    Instead of treating that as a dead end, we turned inward: collaborating with subject matter experts, professional services consultants, compliance specialists, and customer support team members who had deep knowledge of fraud patterns and customer pain points. Through bi-weekly workshops using a Miro board, iterative feedback loops, and sketching sessions, we worked on design solution options. I even asked them to present their own design version as part of the process.

    After months of iterating on the fraud investigation platform through these collaboration sessions, I ended up with two different design frameworks for the investigator’s dashboard. Instead of just presenting the “best one” and hoping for buy-in, I ran a voting exercise with PMs, engineers, SMEs, and customer support. Everyone had a voice. The winning design was created and validated with the input of the team, resulting in an outcome that solved many problems for the end user and was owned by the entire team. That’s collaboration!

    It is definitely one of the most satisfying projects of my career.
    On the other hand, I recently caught up with an old colleague who now serves as a product owner. Her story was a cautionary tale: the design team had gone ahead with a major redesign of an app without looping her in until late in the game. Not surprisingly, the new design missed several key product constraints and business goals. It had to be scrapped and redone, with her now at the table. That experience reinforced what we all know deep down: your best work rarely happens in isolation.
    As illustrated in my experience, true collaboration can span many roles. It’s not just between designers and PMs. It can also include QA testers who identify real-world issues, content strategists who ensure our language is clear and inclusive, sales representatives who interact with customers on a daily basis, marketers who understand the brand’s voice, and, of course, customer support agents who are often the first to hear when something goes wrong. The best outcomes arrive when we’re open to different perspectives and inputs.
    Why Collaboration Is So Overlooked?
    If collaboration is so powerful, why don’t we talk about it more?
    In my experience, one reason is the myth of the “lone UX hero”. Many of us entered the field inspired by stories of design geniuses revolutionising products on their own. Our portfolios often reflect that as well. We showcase our solo work, our processes, and our wins. Job descriptions often reinforce the idea of the solo UX designer, listing tool proficiency and deliverables more than soft skills and team dynamics.
    And then there’s the team culture within many organisations of “just get the work done”, which often leads to fewer meetings and tighter deadlines. As a result, a sense of collaboration is inefficient and wasted. I have also experienced working with some designers where perfectionism and territoriality creep in — “This is my design” — which kills the open, communal spirit that collaboration needs.
    When Collaboration Is The User Research
    In an ideal world, we’d always have direct access to users. But let’s be real. Sometimes that just doesn’t happen. Whether it’s due to budget constraints, time limitations, or layers of bureaucracy, talking to end users isn’t always possible. That’s where collaboration with team members becomes even more crucial.
    The next best thing to talking to users? Talking to the people who talk to users. Sales teams, customer success reps, tech support, and field engineers. They’re all user researchers in disguise!
    On another B2C project, the end users were having trouble completing the key task. My role was to redesign the onboarding experience for an online identity capture tool for end users. I was unable to schedule interviews with end users due to budget and time constraints, so I turned to the sales and tech support teams.
    I conducted multiple mini-workshops to identify the most common onboarding issues they had heard directly from our customers. This led to a huge “aha” moment: most users dropped off before the document capture process. They may have been struggling with a lack of instruction, not knowing the required time, or not understanding the steps involved in completing the onboarding process.
    That insight reframed my approach, and we ultimately redesigned the flow to prioritize orientation and clear instructions before proceeding to the setup steps. Below is an example of one of the screen designs, including some of the instructions we added.

    This kind of collaboration is user research. It’s not a substitute for talking to users directly, but it’s a powerful proxy when you have limited options.
    But What About Using AI?
    Glad you asked! Even AI tools, which are increasingly being used for idea generation, pattern recognition, or rapid prototyping, don’t replace collaboration; they just change the shape of it.
    AI can help you explore design patterns, draft user flows, or generate multiple variations of a layout in seconds. It’s fantastic for getting past creative blocks or pressure-testing your assumptions. But let’s be clear: these tools are accelerators, not oracles. As an innovation and strategy consultant Nathan Waterhouse points out, AI can point you in a direction, but it can’t tell you which direction is the right one in your specific context. That still requires human judgment, empathy, and an understanding of the messy realities of users and business goals.
    You still need people, especially those closest to your users, to validate, challenge, and evolve any AI-generated idea. For instance, you might use ChatGPT to brainstorm onboarding flows for a SaaS tool, but if you’re not involving customer support reps who regularly hear “I didn’t know where to start” or “I couldn’t even log in,” you’re just working with assumptions. The same applies to engineers who know what is technically feasible or PMs who understand where the business is headed.
    AI can generate ideas, but only collaboration turns those ideas into something usable, valuable, and real. Think of it as a powerful ingredient, but not the whole recipe.
    How To Strengthen Your UX Collaboration Skills?
    If collaboration doesn’t come naturally or hasn’t been a focus, that’s okay. Like any skill, it can be practiced and improved. Here are a few ways to level up:

    Cultivate curiosity about your teammates.Ask engineers what keeps them up at night. Learn what metrics your PMs care about. Understand the types of tickets the support team handles most frequently. The more you care about their challenges, the more they'll care about yours.
    Get comfortable facilitating.You don’t need to be a certified Design Sprint master, but learning how to run a structured conversation, align stakeholders, or synthesize different points of view is hugely valuable. Even a simple “What’s working? What’s not?” retro can be an amazing starting point in identifying where you need to focus next.
    Share early, share often.Don’t wait until your designs are polished to get input. Messy sketches and rough prototypes invite collaboration. When others feel like they’ve helped shape the work, they’re more invested in its success.
    Practice active listening.When someone critiques your work, don’t immediately defend. Pause. Ask follow-up questions. Reframe the feedback. Collaboration isn’t about consensus; it’s about finding a shared direction that can honour multiple truths.
    Co-own the outcome.Let go of your ego. The best UX work isn’t “your” work. It’s the result of many voices, skill sets, and conversations converging toward a solution that helps users. It’s not “I”, it’s “we” that will solve this problem together.

    Conclusion: UX Is A Team Sport
    Great design doesn’t emerge from a vacuum. It comes from open dialogue, cross-functional understanding, and a shared commitment to solving real problems for real people.
    If there’s one thing I wish every early-career designer knew, it’s this:
    Collaboration is not a side skill. It’s the engine behind every meaningful design outcome. And for seasoned professionals, it’s the superpower that turns good teams into great ones.
    So next time you’re tempted to go heads-down and just “crank out a design,” pause to reflect. Ask who else should be in the room. And invite them in, not just to review your work, but to help create it.
    Because in the end, the best UX isn’t just what you make. It’s what you make together.
    Further Reading On SmashingMag

    “Presenting UX Research And Design To Stakeholders: The Power Of Persuasion,” Victor Yocco
    “Transforming The Relationship Between Designers And Developers,” Chris Day
    “Effective Communication For Everyday Meetings,” Andrii Zhdan
    “Preventing Bad UX Through Integrated Design Workflows,” Ceara Crawshaw
    #collaboration #most #underrated #skill #one
    Collaboration: The Most Underrated UX Skill No One Talks About
    When people talk about UX, it’s usually about the things they can see and interact with, like wireframes and prototypes, smart interactions, and design tools like Figma, Miro, or Maze. Some of the outputs are even glamorized, like design systems, research reports, and pixel-perfect UI designs. But here’s the truth I’ve seen again and again in over two decades of working in UX: none of that moves the needle if there is no collaboration. Great UX doesn’t happen in isolation. It happens through conversations with engineers, product managers, customer-facing teams, and the customer support teams who manage support tickets. Amazing UX ideas come alive in messy Miro sessions, cross-functional workshops, and those online chatswhere people align, adapt, and co-create. Some of the most impactful moments in my career weren’t when I was “designing” in the traditional sense. They have been gaining incredible insights when discussing problems with teammates who have varied experiences, brainstorming, and coming up with ideas that I never could have come up with on my own. As I always say, ten minds in a room will come up with ten times as many ideas as one mind. Often, many ideas are the most useful outcome. There have been times when a team has helped to reframe a problem in a workshop, taken vague and conflicting feedback, and clarified a path forward, or I’ve sat with a sales rep and heard the same user complaint show up in multiple conversations. This is when design becomes a team sport, and when your ability to capture the outcomes multiplies the UX impact. Why This Article Matters Now The reason collaboration feels so urgent now is that the way we work since COVID has changed, according to a study published by the US Department of Labor. Teams are more cross-functional, often remote, and increasingly complex. Silos are easier to fall into, due to distance or lack of face-to-face contact, and yet alignment has never been more important. We can’t afford to see collaboration as a “nice to have” anymore. It’s a core skill, especially in UX, where our work touches so many parts of an organisation. Let’s break down what collaboration in UX really means, and why it deserves way more attention than it gets. What Is Collaboration In UX, Really? Let’s start by clearing up a misconception. Collaboration is not the same as cooperation. Cooperation: “You do your thing, I’ll do mine, and we’ll check in later.” Collaboration: “Let’s figure this out together and co-own the outcome.” Collaboration, as defined in the book Communication Concepts, published by Deakin University, involves working with others to produce outputs and/or achieve shared goals. The outcome of collaboration is typically a tangible product or a measurable achievement, such as solving a problem or making a decision. Here’s an example from a recent project: Recently, I worked on a fraud alert platform for a fintech business. It was a six-month project, and we had zero access to users, as the product had not yet hit the market. Also, the users were highly specialised in the B2B finance space and were difficult to find. Additionally, the team members I needed to collaborate with were based in Malaysia and Melbourne, while I am located in Sydney. Instead of treating that as a dead end, we turned inward: collaborating with subject matter experts, professional services consultants, compliance specialists, and customer support team members who had deep knowledge of fraud patterns and customer pain points. Through bi-weekly workshops using a Miro board, iterative feedback loops, and sketching sessions, we worked on design solution options. I even asked them to present their own design version as part of the process. After months of iterating on the fraud investigation platform through these collaboration sessions, I ended up with two different design frameworks for the investigator’s dashboard. Instead of just presenting the “best one” and hoping for buy-in, I ran a voting exercise with PMs, engineers, SMEs, and customer support. Everyone had a voice. The winning design was created and validated with the input of the team, resulting in an outcome that solved many problems for the end user and was owned by the entire team. That’s collaboration! It is definitely one of the most satisfying projects of my career. On the other hand, I recently caught up with an old colleague who now serves as a product owner. Her story was a cautionary tale: the design team had gone ahead with a major redesign of an app without looping her in until late in the game. Not surprisingly, the new design missed several key product constraints and business goals. It had to be scrapped and redone, with her now at the table. That experience reinforced what we all know deep down: your best work rarely happens in isolation. As illustrated in my experience, true collaboration can span many roles. It’s not just between designers and PMs. It can also include QA testers who identify real-world issues, content strategists who ensure our language is clear and inclusive, sales representatives who interact with customers on a daily basis, marketers who understand the brand’s voice, and, of course, customer support agents who are often the first to hear when something goes wrong. The best outcomes arrive when we’re open to different perspectives and inputs. Why Collaboration Is So Overlooked? If collaboration is so powerful, why don’t we talk about it more? In my experience, one reason is the myth of the “lone UX hero”. Many of us entered the field inspired by stories of design geniuses revolutionising products on their own. Our portfolios often reflect that as well. We showcase our solo work, our processes, and our wins. Job descriptions often reinforce the idea of the solo UX designer, listing tool proficiency and deliverables more than soft skills and team dynamics. And then there’s the team culture within many organisations of “just get the work done”, which often leads to fewer meetings and tighter deadlines. As a result, a sense of collaboration is inefficient and wasted. I have also experienced working with some designers where perfectionism and territoriality creep in — “This is my design” — which kills the open, communal spirit that collaboration needs. When Collaboration Is The User Research In an ideal world, we’d always have direct access to users. But let’s be real. Sometimes that just doesn’t happen. Whether it’s due to budget constraints, time limitations, or layers of bureaucracy, talking to end users isn’t always possible. That’s where collaboration with team members becomes even more crucial. The next best thing to talking to users? Talking to the people who talk to users. Sales teams, customer success reps, tech support, and field engineers. They’re all user researchers in disguise! On another B2C project, the end users were having trouble completing the key task. My role was to redesign the onboarding experience for an online identity capture tool for end users. I was unable to schedule interviews with end users due to budget and time constraints, so I turned to the sales and tech support teams. I conducted multiple mini-workshops to identify the most common onboarding issues they had heard directly from our customers. This led to a huge “aha” moment: most users dropped off before the document capture process. They may have been struggling with a lack of instruction, not knowing the required time, or not understanding the steps involved in completing the onboarding process. That insight reframed my approach, and we ultimately redesigned the flow to prioritize orientation and clear instructions before proceeding to the setup steps. Below is an example of one of the screen designs, including some of the instructions we added. This kind of collaboration is user research. It’s not a substitute for talking to users directly, but it’s a powerful proxy when you have limited options. But What About Using AI? Glad you asked! Even AI tools, which are increasingly being used for idea generation, pattern recognition, or rapid prototyping, don’t replace collaboration; they just change the shape of it. AI can help you explore design patterns, draft user flows, or generate multiple variations of a layout in seconds. It’s fantastic for getting past creative blocks or pressure-testing your assumptions. But let’s be clear: these tools are accelerators, not oracles. As an innovation and strategy consultant Nathan Waterhouse points out, AI can point you in a direction, but it can’t tell you which direction is the right one in your specific context. That still requires human judgment, empathy, and an understanding of the messy realities of users and business goals. You still need people, especially those closest to your users, to validate, challenge, and evolve any AI-generated idea. For instance, you might use ChatGPT to brainstorm onboarding flows for a SaaS tool, but if you’re not involving customer support reps who regularly hear “I didn’t know where to start” or “I couldn’t even log in,” you’re just working with assumptions. The same applies to engineers who know what is technically feasible or PMs who understand where the business is headed. AI can generate ideas, but only collaboration turns those ideas into something usable, valuable, and real. Think of it as a powerful ingredient, but not the whole recipe. How To Strengthen Your UX Collaboration Skills? If collaboration doesn’t come naturally or hasn’t been a focus, that’s okay. Like any skill, it can be practiced and improved. Here are a few ways to level up: Cultivate curiosity about your teammates.Ask engineers what keeps them up at night. Learn what metrics your PMs care about. Understand the types of tickets the support team handles most frequently. The more you care about their challenges, the more they'll care about yours. Get comfortable facilitating.You don’t need to be a certified Design Sprint master, but learning how to run a structured conversation, align stakeholders, or synthesize different points of view is hugely valuable. Even a simple “What’s working? What’s not?” retro can be an amazing starting point in identifying where you need to focus next. Share early, share often.Don’t wait until your designs are polished to get input. Messy sketches and rough prototypes invite collaboration. When others feel like they’ve helped shape the work, they’re more invested in its success. Practice active listening.When someone critiques your work, don’t immediately defend. Pause. Ask follow-up questions. Reframe the feedback. Collaboration isn’t about consensus; it’s about finding a shared direction that can honour multiple truths. Co-own the outcome.Let go of your ego. The best UX work isn’t “your” work. It’s the result of many voices, skill sets, and conversations converging toward a solution that helps users. It’s not “I”, it’s “we” that will solve this problem together. Conclusion: UX Is A Team Sport Great design doesn’t emerge from a vacuum. It comes from open dialogue, cross-functional understanding, and a shared commitment to solving real problems for real people. If there’s one thing I wish every early-career designer knew, it’s this: Collaboration is not a side skill. It’s the engine behind every meaningful design outcome. And for seasoned professionals, it’s the superpower that turns good teams into great ones. So next time you’re tempted to go heads-down and just “crank out a design,” pause to reflect. Ask who else should be in the room. And invite them in, not just to review your work, but to help create it. Because in the end, the best UX isn’t just what you make. It’s what you make together. Further Reading On SmashingMag “Presenting UX Research And Design To Stakeholders: The Power Of Persuasion,” Victor Yocco “Transforming The Relationship Between Designers And Developers,” Chris Day “Effective Communication For Everyday Meetings,” Andrii Zhdan “Preventing Bad UX Through Integrated Design Workflows,” Ceara Crawshaw #collaboration #most #underrated #skill #one
    SMASHINGMAGAZINE.COM
    Collaboration: The Most Underrated UX Skill No One Talks About
    When people talk about UX, it’s usually about the things they can see and interact with, like wireframes and prototypes, smart interactions, and design tools like Figma, Miro, or Maze. Some of the outputs are even glamorized, like design systems, research reports, and pixel-perfect UI designs. But here’s the truth I’ve seen again and again in over two decades of working in UX: none of that moves the needle if there is no collaboration. Great UX doesn’t happen in isolation. It happens through conversations with engineers, product managers, customer-facing teams, and the customer support teams who manage support tickets. Amazing UX ideas come alive in messy Miro sessions, cross-functional workshops, and those online chats (e.g., Slack or Teams) where people align, adapt, and co-create. Some of the most impactful moments in my career weren’t when I was “designing” in the traditional sense. They have been gaining incredible insights when discussing problems with teammates who have varied experiences, brainstorming, and coming up with ideas that I never could have come up with on my own. As I always say, ten minds in a room will come up with ten times as many ideas as one mind. Often, many ideas are the most useful outcome. There have been times when a team has helped to reframe a problem in a workshop, taken vague and conflicting feedback, and clarified a path forward, or I’ve sat with a sales rep and heard the same user complaint show up in multiple conversations. This is when design becomes a team sport, and when your ability to capture the outcomes multiplies the UX impact. Why This Article Matters Now The reason collaboration feels so urgent now is that the way we work since COVID has changed, according to a study published by the US Department of Labor. Teams are more cross-functional, often remote, and increasingly complex. Silos are easier to fall into, due to distance or lack of face-to-face contact, and yet alignment has never been more important. We can’t afford to see collaboration as a “nice to have” anymore. It’s a core skill, especially in UX, where our work touches so many parts of an organisation. Let’s break down what collaboration in UX really means, and why it deserves way more attention than it gets. What Is Collaboration In UX, Really? Let’s start by clearing up a misconception. Collaboration is not the same as cooperation. Cooperation: “You do your thing, I’ll do mine, and we’ll check in later.” Collaboration: “Let’s figure this out together and co-own the outcome.” Collaboration, as defined in the book Communication Concepts, published by Deakin University, involves working with others to produce outputs and/or achieve shared goals. The outcome of collaboration is typically a tangible product or a measurable achievement, such as solving a problem or making a decision. Here’s an example from a recent project: Recently, I worked on a fraud alert platform for a fintech business. It was a six-month project, and we had zero access to users, as the product had not yet hit the market. Also, the users were highly specialised in the B2B finance space and were difficult to find. Additionally, the team members I needed to collaborate with were based in Malaysia and Melbourne, while I am located in Sydney. Instead of treating that as a dead end, we turned inward: collaborating with subject matter experts, professional services consultants, compliance specialists, and customer support team members who had deep knowledge of fraud patterns and customer pain points. Through bi-weekly workshops using a Miro board, iterative feedback loops, and sketching sessions, we worked on design solution options. I even asked them to present their own design version as part of the process. After months of iterating on the fraud investigation platform through these collaboration sessions, I ended up with two different design frameworks for the investigator’s dashboard. Instead of just presenting the “best one” and hoping for buy-in, I ran a voting exercise with PMs, engineers, SMEs, and customer support. Everyone had a voice. The winning design was created and validated with the input of the team, resulting in an outcome that solved many problems for the end user and was owned by the entire team. That’s collaboration! It is definitely one of the most satisfying projects of my career. On the other hand, I recently caught up with an old colleague who now serves as a product owner. Her story was a cautionary tale: the design team had gone ahead with a major redesign of an app without looping her in until late in the game. Not surprisingly, the new design missed several key product constraints and business goals. It had to be scrapped and redone, with her now at the table. That experience reinforced what we all know deep down: your best work rarely happens in isolation. As illustrated in my experience, true collaboration can span many roles. It’s not just between designers and PMs. It can also include QA testers who identify real-world issues, content strategists who ensure our language is clear and inclusive, sales representatives who interact with customers on a daily basis, marketers who understand the brand’s voice, and, of course, customer support agents who are often the first to hear when something goes wrong. The best outcomes arrive when we’re open to different perspectives and inputs. Why Collaboration Is So Overlooked? If collaboration is so powerful, why don’t we talk about it more? In my experience, one reason is the myth of the “lone UX hero”. Many of us entered the field inspired by stories of design geniuses revolutionising products on their own. Our portfolios often reflect that as well. We showcase our solo work, our processes, and our wins. Job descriptions often reinforce the idea of the solo UX designer, listing tool proficiency and deliverables more than soft skills and team dynamics. And then there’s the team culture within many organisations of “just get the work done”, which often leads to fewer meetings and tighter deadlines. As a result, a sense of collaboration is inefficient and wasted. I have also experienced working with some designers where perfectionism and territoriality creep in — “This is my design” — which kills the open, communal spirit that collaboration needs. When Collaboration Is The User Research In an ideal world, we’d always have direct access to users. But let’s be real. Sometimes that just doesn’t happen. Whether it’s due to budget constraints, time limitations, or layers of bureaucracy, talking to end users isn’t always possible. That’s where collaboration with team members becomes even more crucial. The next best thing to talking to users? Talking to the people who talk to users. Sales teams, customer success reps, tech support, and field engineers. They’re all user researchers in disguise! On another B2C project, the end users were having trouble completing the key task. My role was to redesign the onboarding experience for an online identity capture tool for end users. I was unable to schedule interviews with end users due to budget and time constraints, so I turned to the sales and tech support teams. I conducted multiple mini-workshops to identify the most common onboarding issues they had heard directly from our customers. This led to a huge “aha” moment: most users dropped off before the document capture process. They may have been struggling with a lack of instruction, not knowing the required time, or not understanding the steps involved in completing the onboarding process. That insight reframed my approach, and we ultimately redesigned the flow to prioritize orientation and clear instructions before proceeding to the setup steps. Below is an example of one of the screen designs, including some of the instructions we added. This kind of collaboration is user research. It’s not a substitute for talking to users directly, but it’s a powerful proxy when you have limited options. But What About Using AI? Glad you asked! Even AI tools, which are increasingly being used for idea generation, pattern recognition, or rapid prototyping, don’t replace collaboration; they just change the shape of it. AI can help you explore design patterns, draft user flows, or generate multiple variations of a layout in seconds. It’s fantastic for getting past creative blocks or pressure-testing your assumptions. But let’s be clear: these tools are accelerators, not oracles. As an innovation and strategy consultant Nathan Waterhouse points out, AI can point you in a direction, but it can’t tell you which direction is the right one in your specific context. That still requires human judgment, empathy, and an understanding of the messy realities of users and business goals. You still need people, especially those closest to your users, to validate, challenge, and evolve any AI-generated idea. For instance, you might use ChatGPT to brainstorm onboarding flows for a SaaS tool, but if you’re not involving customer support reps who regularly hear “I didn’t know where to start” or “I couldn’t even log in,” you’re just working with assumptions. The same applies to engineers who know what is technically feasible or PMs who understand where the business is headed. AI can generate ideas, but only collaboration turns those ideas into something usable, valuable, and real. Think of it as a powerful ingredient, but not the whole recipe. How To Strengthen Your UX Collaboration Skills? If collaboration doesn’t come naturally or hasn’t been a focus, that’s okay. Like any skill, it can be practiced and improved. Here are a few ways to level up: Cultivate curiosity about your teammates.Ask engineers what keeps them up at night. Learn what metrics your PMs care about. Understand the types of tickets the support team handles most frequently. The more you care about their challenges, the more they'll care about yours. Get comfortable facilitating.You don’t need to be a certified Design Sprint master, but learning how to run a structured conversation, align stakeholders, or synthesize different points of view is hugely valuable. Even a simple “What’s working? What’s not?” retro can be an amazing starting point in identifying where you need to focus next. Share early, share often.Don’t wait until your designs are polished to get input. Messy sketches and rough prototypes invite collaboration. When others feel like they’ve helped shape the work, they’re more invested in its success. Practice active listening.When someone critiques your work, don’t immediately defend. Pause. Ask follow-up questions. Reframe the feedback. Collaboration isn’t about consensus; it’s about finding a shared direction that can honour multiple truths. Co-own the outcome.Let go of your ego. The best UX work isn’t “your” work. It’s the result of many voices, skill sets, and conversations converging toward a solution that helps users. It’s not “I”, it’s “we” that will solve this problem together. Conclusion: UX Is A Team Sport Great design doesn’t emerge from a vacuum. It comes from open dialogue, cross-functional understanding, and a shared commitment to solving real problems for real people. If there’s one thing I wish every early-career designer knew, it’s this: Collaboration is not a side skill. It’s the engine behind every meaningful design outcome. And for seasoned professionals, it’s the superpower that turns good teams into great ones. So next time you’re tempted to go heads-down and just “crank out a design,” pause to reflect. Ask who else should be in the room. And invite them in, not just to review your work, but to help create it. Because in the end, the best UX isn’t just what you make. It’s what you make together. Further Reading On SmashingMag “Presenting UX Research And Design To Stakeholders: The Power Of Persuasion,” Victor Yocco “Transforming The Relationship Between Designers And Developers,” Chris Day “Effective Communication For Everyday Meetings,” Andrii Zhdan “Preventing Bad UX Through Integrated Design Workflows,” Ceara Crawshaw
    Like
    Love
    Wow
    Sad
    Angry
    444
    0 Comentários 0 Compartilhamentos 0 Anterior
  • Its happening: The Switch 2 released in U.S. in midnight launch

    It's finally here.
    Credit: Nintendo

    Best places to buy the Switch 2 online

    Buy the Switch 2 at Walmart

    Switch 2 console

    at Walmart

    Buy the Switch 2 Mario Kart World bundle at Walmart

    Nintendo Switch 2 + Mario Kart World Bundle

    at Nintendo

    Buy the Switch 2 at Best Buy

    Switch 2 console

    at Best Buy

    Buy the Switch 2 Mario Kart bundle at GameStop

    Nintendo Switch 2 + Mario Kart World Bundle

    at GameStop

    Eight years after the launch of the original, the Nintendo Switch 2 is finally being released in midnight launch events around the country. At the same time, gamers around the United States are checking retailers like Walmart, Target, Best Buy, GameStop, and even Costco in search of the next-generation console.On social media platforms like X, Reddit, and YouTube, gamers are sharing photos and videos of long lines and excited crowds outside stores like GameStop and Target. And some lucky gamers are already showing off their successful purchases.

    While there are dozens of Switch 2 games and accessories available for purchase, gamers looking for the console itself have two options: Get the base Switch 2 console for or opt for the Nintendo Switch 2 + Mario Kart World Bundle for Of course, both are in short supply, even as Nintendo forecasts selling 20 million units in the next 12 months.

    You May Also Like

    The first customers to get their hands on Switch 2 consoles were the lucky players who placed a preorder through GameStop or Best Buy. Both retailers hosted midnight ET launch events around the country, which gave people the chance to pick up their preorders in person. In addition, these retailers will be selling limited supplies of consoles on a first-come, first-served basis, according to their websites. Mashable recently received a Switch 2 review unit, and we'll be sharing more first impressions soon.

    Mashable Light Speed

    Want more out-of-this world tech, space and science stories?
    Sign up for Mashable's weekly Light Speed newsletter.

    By clicking Sign Me Up, you confirm you are 16+ and agree to our Terms of Use and Privacy Policy.

    Thanks for signing up!

    However, even though the Switch 2 has been officially released, that doesn't mean online inventory will be available right away. Nintendo is only allowing purchases for customers with active, paid Switch Online memberships. And Target previously announced that it wouldn't start selling the console online until Friday. However, retailers like Best Buy and Walmart promised to start selling the console online promptly at midnight.When preorders officially went live on April 24, gamers promptly crashed retailer websites, and history may repeat itself for launch day. But if you want to try your luck at placing an online order, head to the retailers and start smashing that refresh button like you're playing Super Smash Bros.

    Related Stories

    You can check the latest Switch 2 stock at the following online stores:If those links don't work, you can also look for the Nintendo Switch 2 + Mario Kart World Bundle at Walmart, GameStop, Best Buy, Costco, and Staples.

    Timothy Beck Werth
    Tech Editor

    Timothy Beck Werth is the Tech Editor at Mashable, where he leads coverage and assignments for the Tech and Shopping verticals. Tim has over 15 years of experience as a journalist and editor, and he has particular experience covering and testing consumer technology, smart home gadgets, and men’s grooming and style products. Previously, he was the Managing Editor and then Site Director of SPY.com, a men's product review and lifestyle website. As a writer for GQ, he covered everything from bull-riding competitions to the best Legos for adults, and he’s also contributed to publications such as The Daily Beast, Gear Patrol, and The Awl.Tim studied print journalism at the University of Southern California. He currently splits his time between Brooklyn, NY and Charleston, SC. He's currently working on his second novel, a science-fiction book.
    #its #happening #switch #released #midnight
    Its happening: The Switch 2 released in U.S. in midnight launch
    It's finally here. Credit: Nintendo Best places to buy the Switch 2 online Buy the Switch 2 at Walmart Switch 2 console at Walmart Buy the Switch 2 Mario Kart World bundle at Walmart Nintendo Switch 2 + Mario Kart World Bundle at Nintendo Buy the Switch 2 at Best Buy Switch 2 console at Best Buy Buy the Switch 2 Mario Kart bundle at GameStop Nintendo Switch 2 + Mario Kart World Bundle at GameStop Eight years after the launch of the original, the Nintendo Switch 2 is finally being released in midnight launch events around the country. At the same time, gamers around the United States are checking retailers like Walmart, Target, Best Buy, GameStop, and even Costco in search of the next-generation console.On social media platforms like X, Reddit, and YouTube, gamers are sharing photos and videos of long lines and excited crowds outside stores like GameStop and Target. And some lucky gamers are already showing off their successful purchases. While there are dozens of Switch 2 games and accessories available for purchase, gamers looking for the console itself have two options: Get the base Switch 2 console for or opt for the Nintendo Switch 2 + Mario Kart World Bundle for Of course, both are in short supply, even as Nintendo forecasts selling 20 million units in the next 12 months. You May Also Like The first customers to get their hands on Switch 2 consoles were the lucky players who placed a preorder through GameStop or Best Buy. Both retailers hosted midnight ET launch events around the country, which gave people the chance to pick up their preorders in person. In addition, these retailers will be selling limited supplies of consoles on a first-come, first-served basis, according to their websites. Mashable recently received a Switch 2 review unit, and we'll be sharing more first impressions soon. Mashable Light Speed Want more out-of-this world tech, space and science stories? Sign up for Mashable's weekly Light Speed newsletter. By clicking Sign Me Up, you confirm you are 16+ and agree to our Terms of Use and Privacy Policy. Thanks for signing up! However, even though the Switch 2 has been officially released, that doesn't mean online inventory will be available right away. Nintendo is only allowing purchases for customers with active, paid Switch Online memberships. And Target previously announced that it wouldn't start selling the console online until Friday. However, retailers like Best Buy and Walmart promised to start selling the console online promptly at midnight.When preorders officially went live on April 24, gamers promptly crashed retailer websites, and history may repeat itself for launch day. But if you want to try your luck at placing an online order, head to the retailers and start smashing that refresh button like you're playing Super Smash Bros. Related Stories You can check the latest Switch 2 stock at the following online stores:If those links don't work, you can also look for the Nintendo Switch 2 + Mario Kart World Bundle at Walmart, GameStop, Best Buy, Costco, and Staples. Timothy Beck Werth Tech Editor Timothy Beck Werth is the Tech Editor at Mashable, where he leads coverage and assignments for the Tech and Shopping verticals. Tim has over 15 years of experience as a journalist and editor, and he has particular experience covering and testing consumer technology, smart home gadgets, and men’s grooming and style products. Previously, he was the Managing Editor and then Site Director of SPY.com, a men's product review and lifestyle website. As a writer for GQ, he covered everything from bull-riding competitions to the best Legos for adults, and he’s also contributed to publications such as The Daily Beast, Gear Patrol, and The Awl.Tim studied print journalism at the University of Southern California. He currently splits his time between Brooklyn, NY and Charleston, SC. He's currently working on his second novel, a science-fiction book. #its #happening #switch #released #midnight
    MASHABLE.COM
    Its happening: The Switch 2 released in U.S. in midnight launch
    It's finally here. Credit: Nintendo Best places to buy the Switch 2 online Buy the Switch 2 at Walmart Switch 2 console $449 at Walmart Buy the Switch 2 Mario Kart World bundle at Walmart Nintendo Switch 2 + Mario Kart World Bundle $499 at Nintendo Buy the Switch 2 at Best Buy Switch 2 console $449.99 at Best Buy Buy the Switch 2 Mario Kart bundle at GameStop Nintendo Switch 2 + Mario Kart World Bundle $499.99 at GameStop Eight years after the launch of the original, the Nintendo Switch 2 is finally being released in midnight launch events around the country. At the same time, gamers around the United States are checking retailers like Walmart, Target, Best Buy, GameStop, and even Costco in search of the next-generation console.On social media platforms like X, Reddit, and YouTube, gamers are sharing photos and videos of long lines and excited crowds outside stores like GameStop and Target. And some lucky gamers are already showing off their successful purchases. While there are dozens of Switch 2 games and accessories available for purchase, gamers looking for the console itself have two options: Get the base Switch 2 console for $449.99 or opt for the Nintendo Switch 2 + Mario Kart World Bundle for $499.99. Of course, both are in short supply, even as Nintendo forecasts selling 20 million units in the next 12 months. You May Also Like The first customers to get their hands on Switch 2 consoles were the lucky players who placed a preorder through GameStop or Best Buy. Both retailers hosted midnight ET launch events around the country, which gave people the chance to pick up their preorders in person. In addition, these retailers will be selling limited supplies of consoles on a first-come, first-served basis, according to their websites. Mashable recently received a Switch 2 review unit, and we'll be sharing more first impressions soon. Mashable Light Speed Want more out-of-this world tech, space and science stories? Sign up for Mashable's weekly Light Speed newsletter. By clicking Sign Me Up, you confirm you are 16+ and agree to our Terms of Use and Privacy Policy. Thanks for signing up! However, even though the Switch 2 has been officially released, that doesn't mean online inventory will be available right away. Nintendo is only allowing purchases for customers with active, paid Switch Online memberships. And Target previously announced that it wouldn't start selling the console online until Friday (June 6). However, retailers like Best Buy and Walmart promised to start selling the console online promptly at midnight.When preorders officially went live on April 24, gamers promptly crashed retailer websites, and history may repeat itself for launch day. But if you want to try your luck at placing an online order, head to the retailers and start smashing that refresh button like you're playing Super Smash Bros. Related Stories You can check the latest Switch 2 stock at the following online stores:If those links don't work, you can also look for the Nintendo Switch 2 + Mario Kart World Bundle at Walmart, GameStop, Best Buy, Costco, and Staples. Timothy Beck Werth Tech Editor Timothy Beck Werth is the Tech Editor at Mashable, where he leads coverage and assignments for the Tech and Shopping verticals. Tim has over 15 years of experience as a journalist and editor, and he has particular experience covering and testing consumer technology, smart home gadgets, and men’s grooming and style products. Previously, he was the Managing Editor and then Site Director of SPY.com, a men's product review and lifestyle website. As a writer for GQ, he covered everything from bull-riding competitions to the best Legos for adults, and he’s also contributed to publications such as The Daily Beast, Gear Patrol, and The Awl.Tim studied print journalism at the University of Southern California. He currently splits his time between Brooklyn, NY and Charleston, SC. He's currently working on his second novel, a science-fiction book.
    Like
    Love
    Wow
    Sad
    Angry
    255
    0 Comentários 0 Compartilhamentos 0 Anterior
CGShares https://cgshares.com