Breath of the Wild fixed stamina, it's perfect now, we did it
HTML-код
- Опубликовано: 4 авг 2022
- Circle is good.
#breathofthewild #uxdesign #uidesign
=====================
Thanks so much for watching!
Like my work? Consider supporting me on Patreon, or Ko-Fi for one-time donations! Patrons get access to early video drafts + bonus videos, and help support the creation of future videos! $1 on Patreon/Ko-Fi is more than I make from a lifetime viewer on RUclips, so I appreciate y'all a ton for supporting me + the channel! 💚💙❤️🧡
💕 Patreon - / samkern
☕ Ko-Fi - ko-fi.com/afterthoughts
💬 Twitter - / afterthaughts
📺 Second Channel (weekly vids) - / @afterwords_
=====================
Art by @anglesdraws on Instagram
Edited by Sam Kern and James DeLisio
Written by Sam Kern and Kevin Hayden
Footage from Arlo's "Big Fat Review of Breath of the Wild" 
Развлечения
![What does and does not change after Ganon [contains endboss spoilers and parts of the credits]](/img/1.gif)
Some people are pointing out that I didn't mention the yellow bonus stamina wheels. Here's my thoughts about them: they're fine. They're fine. They're fine. They're totally fine. They're good. They're ok. They're alright. They're fine.
In seriousness though: they're a serviceable way to solve a problem. I don't love the extra space they take up, but since they're consumed relatively quickly, it's an extremely time-bounded problem. Having them in the upper corner of the UI also strikes me as a very funny way to remind the player "oh, hey, don't forget, you have extra stamina." Having these UI elements in an unrelated corner is a bit funny to me; I certainly don't think it's an elegant solution. Quite a bit about the bonus stamina wheels makes me go "hmmm." But mostly, they're fine.
I wonder... could they have placed the yellow bonus stamina wheels inside of the innermost green wheels? It would communicate that they'll only be used up after you run out of normal stamina, but perhaps it would be too many circles. Perhaps it would look weird if they're partially used up already.
There is one thing with this stamina bar that I didn't see you point out because it's the biggest flaw, you have no idea what stamina is being used, when you start running you have a giant red portion of this circle and you have no idea if it's your current stamina level or not, meaning you have no idea how much stamina you actually have, something the skyward sword stamina did really well in comparison.
That horrible red bar also conflicts with player information, if you fire an arrow in slow motion it's perfect: red means I'm going to lose all this meter. But when running the red doesn't represent anything, it does't even show your current level, or what you're going to lose.
@@thechugg4372 I don't know what you mean? The size of the flashing red-orange part of the meter indicates how quickly stamina is being drained-the more costly the ongoing activity, the larger the flashing portion. On the other hand, a solid red portion indicates the exact amount of stamina that was used by a discrete action like jumping while climbing. The amount of stamina you have remaining is always the green portion.
Honestly, I actually liked that the bonus stamina wheels stuck out like a sore thumb. Because they're linked to consumables, I don't want to be able to forget I have them and accidentally use them before I'm ready. The bright gold colour not only helps make that difficult to do, it also serves as a little reminder that those wheels are more precious because they won't come back once you use them.
You could say they were an afterthought?
Me before this video
- Yeah, the stamina circle is good.
Me after this video
- ALL HAIL THE CIRCLE!!!! IT IS LOVE, IT IS LIFE!!! LET IT SHINE GREEN IN ALL ITS GLORY IN ALL OF ITS DAYS!!!!
PRAISE THE INTUITIVE UI ELEMENT! PRAISE IT!
Literally, I’m actually mad this UI isn’t used in other games.
@@ProffesionalIdiot l
Hexagon is better!
YESSS AHH XD BELIEVE IN THE CIRCLE AND PRAISE IT
circle IS good!
Hello there
But hexagon is bestagon!
@@RealRomplayer Eragon is the bestagon what’re you talking about
@@EragonShadeslayer My comment was a response to Razputen and a reference to another great RUclipsr, but I have to admit - well done, touché!
@@EragonShadeslayer General Kenobi
As a colorblind person I never knew complementary colors were supposed to make each other stand out. For me it makes them harder to see. Fascinating
What kind of colorblindness?
@@zackbuildit88 Probably red-green colour blindness.
Yeah I'm also colorblind
So sad that you'll never experience the beauty of the full human experience.
@@GetterRay that's kinda rude, they're still fully human
I remember my first time playing, I was curious how it would look when I upgrade my stamina. I thought, maybe I'll just lose stamina slower? Maybe get another wheel on the side? The moment I saw it was starting to add a small extra circle around the outside, I was like, "I am only upgrading stamina now until it's full." It's just so satisfying getting more CIRCLE
It round :)
circle :>
CIRCLE CULT
Never thought I'd see someone talk about a stamina meter for 18 minutes but you certainly did and certainly did a great job on this video
This wasn't my plan, it just happened. The spirit moved through me.
@@Afterthoughts greend is good
@@Afterthoughts The muse was there
Wow, to me this is really obvious. You can do this with pretty much everything. All you need is the data and interest. I can do this about a lot of things.
You know, I've always really liked hearing professionals and passionate people talk about the small things in the world. Just... The tiny things they enjoy the most. It's really nice to see there's a whole world out there that I never even thought of, y'know?
Yeah :)
Yeah :)
Yeah :)
Yeah :)
ye :3
In Tears of the Kingdom, when entering Bullet Time (shooting bow in the air) it doesn’t deplete constantly, instead each shot consumes a bit of your stamina, so in it was “Shoot wildly, your on the clock now” to “take your time, and make it count”
This reminds me of the “air meter” specifically in the Mario galaxy games. They drain depletes slowly when flutter kicking, but drains faster when stroking. It also changes to more aggressive colors depending on how low your air is. I think that’s pretty cool.
Stroking 🤨
@@ilovecairns5181 my
@@Dado_nastro ego
@@toekneemart5597 is
Nice
I'm convinced. It's a good circle.
say it again!
@@Afterthoughts Good circle, pet the circle
The circle consumes all
in fact... this is a disc...but hey....
It’s impressive that somebody can talk about a green circle for 20 minutes and not make someone like me with a microscopic attention span bored. True talent
The fact that you can watch a 20 minute video in this generation proves you have a great attention span. Sadly.
@@ThePandaAgendaSocial medias like TikTok are slowly killing attention spans, sadly
Are u in love , I'm in love . Me too... Me too 😂
I think you glossed over one more amazing decision, and that was to punch a HOLE through it. This is not just a stamina wheel, it's a stamina _donut_ now. Just by that simple change, it's no longer a barometer for your stamina, a compass or clock that points into the direction of it's depletion. With the middle part obscured, the circle has become a line, a path, evoking the visual of a linear draining bar, giving it flow and direction.
Calling it a circle would be doing it a disservice. It's a beautiful, rotund, sweet donut.
YOU ARE RIGHT, I have been so disrespectful. It is a beautiful delicious green and sometimes red and sometimes gray donut.
The two UI designers on Breath of the Wild were:
Hiroko Nishibe and Daigo Shimizu
Nishibe also worked on Skyward Sword, so she likely had some strong influence over the stamina wheel. All her Zelda-related credits at Nintendo are in UI design.
Shimizu's prior Zelda experience includes Wind Waker HD.
You can tell that a video is well paced when it’s able to have a fully fleshed out analysis of a green friggin donut, and by the time it’s over, you realize that it went on for 5 minutes longer than you think it did! Seriously awesome stuff!
WooHOOOOOOOOOO all I can ask for honestly lol
Honestly, it's got so much to say in such an entertaining and passionate way that half-way through I felt like I must have been here for at least an hour... in a good way. This video about little green circles is almost like a little green circle all its own.
I thought this video was like, 5 minutes long. It's almost 19!!
🤓 uhm acktuallee, thhats uh torus
Your wheel went out at 1 minute, yet you still stuck around....
Another nice thing about it is the way it always moves out of the way of Link's animations.
It's never fixed on some point on screen, but instead always moves around Link to be close to the centre while not covering Link
Does it!? Does it really!? I need to watch closer because I've never noticed that!
@@Afterthoughts if you haven't noticed, that means it's doing its job 😎
I'm rewatching the footage now and can't see this. In fact it often covers Link's hands if he is holding them above his head for whatever reason. The only time it moves relative to Link is when Link's posture radically changes, like when he is thrown off a horse, but that's more a case of him moving away from *it*.
@@imperiallarch7610 honestly, yeah same.
I rewatched after I had written the comment to try to find a spot where this appears, but couldn't really find one.
Which is weird, because I specifically remember standing on a cliff side and rotating the camera around, where it would then move out of the way to not cover link.
But I dunno, maybe the movement in the video footage wasn't large enough, or maybe I'm just misremembering, hoo knows ¯\_(ツ)_/¯
Yeah, instead of it "moving away", it's more like it stays on a fixed spot that rotates around link depending on the camera angle... It's weird
As a student in UX Design, this is actually something I haven't paid any attention to until now and it's honestly mind blowing how good this little green circle is at communicating information. I was taking notes during the entire video lmao. Kind of a must-watch for anyone entering this field of design !
This video probably taught me more about UI than any other. It reminds me of how in Gears of war, your health is how much of the cog you can see in the middle of your screen and how much gore is obscuring your vision, encouraging you to take cover and heal. Once you can see again, the sight and clarity let's you reassess the fight, and decide how you're going to engage the next target.
I know, right?! This video is like a mini "master class" =)
I think there is also some praise to be given to the additional stamina wheel you get when you eat certain foods, too! The golden colour lets you know that it is a privilege, something which shouldn’t be wasted and the familiar shape and position instantly lets you know what it’s for. Additionally it’s separation from the main wheel hammers home the idea that it is a temporary luxury, alongside the fact that it is physically smaller letting you know that it is ‘lesser’ than the main wheel.
Its also worth noting that the decisions done contrast and are inverse to the decisions involving Temporary Hearts, which while similarly yellow, are depleted first, rather than last, and are simply appended to your HP bar, rather than spawning their own UI part, Temp Stam could easily have been extending the small thin rings, but it doesn't, both to reflect its mechanical dissimilarity from Temp Hearts, but also to make utilizing it much clearer
The color yellow is just of green+red; the addition of red shows the ephemeral/volatile nature of the stamina, while keeping the green component unchanged.
Orange draining stamina is also between green and red, but contains less green.
unused stamina = green
Stamina that is going away soon = red
Unused stamina that is going away soon = green + red
This. This is what video essays should be. You talk about what is on the screen. You make cohesive points about your subject. You say interesting things to inform and describe. Superb!
Happy you liked it!!
This is like a personal attack on CJtheX LMAO
@@azsazazsa omg no!!!! Not the CJ slander!!! 😭
@@xai1251 I’m checking him out cus of this
@@Afterthoughts I love the animations to make your point like the mockup horizontal bar.
it's honestly an interesting choice to have link shooting an arrow in midair consume stamina because it isn't just him drawing his bow and aiming but him basically increasing his mental processing in a state of heightened awareness and adjusting his movements in a split second. mental stamina is combined with physical stamina. and in real life someone can feel exhausted trying to process a problem within a certain time frame (which is why taking timed tests in school can be so stressful).
it works like that now in tears of the kingdom
Yes, unfortunately ;-;
Yea nah it’s for balancing reasons lol.
@@stalecheez-it1034 It worked like that in Breath of the Wild as well, it never changed between the two games. That's why the comment above, and Afterthoughts both talked about it months before Tears of the Kingdom came out.
@@Mightylcanis i meant that in breath of the wild, your stamina drains for as long as you're in bullet time, but in tears of the kingdom your stamina is only drained when you fire an arrow
Something I like about the extra lines being thiner is that they not only prevent clutter but they also keep my expectations of it grounded, if they were thicker it would look like I have a obscene amount of stamina but when you would go to use it it would look like the stamina Is draining at different times depending on which circle is being used because they are different sizes, but since they are thiner than the first one it makes sense that the thiner ones would rotate faster than the first one.
Yeah, it evens out and results in a more equal area of green changing per second. =)
@@paulpickett4522 For that, I think the outer rings would have to be thicker than they are now.
I'd like to add, the player can understand the function of the thin outer circles because they've had time to get accustomed to the thick base circle. They understand the original function. By the time they level it up, they need less real estate to keep track of it and inform them.
And because we only have to actually worry about stamina when it is on the thicker wheel, because it means its close to depletion. So as the two thin wheels deplete, the game is basically telling you "don't worry, you're fine!", giving you a smaller contrast on the ui. But when it gets to the thick wheel its like "heeey, attention here, ok?", similar to when it gets red right at the end
Honestly this made me feel ashamed for never appreciating the stamina wheel before. Like I was ignorant to how elegant and important it is. It's big and obvious but ironically adds to the naturalism of the game because your eyes don't constantly jump around to check your stamina. Huge risk by the design team to slap a UI element right on top of Link but it paid off huge.
Another thing that makes the heart containers pleasantly placed is that whenever Link gets hit, they flash white. They become so noticeable that even when you're focused on the enemy you don't have to look over! You just see them! You see how many hearts you've lost without even looking! Beautiful. 😗👌
In this same vein, another brilliant piece of video game UI that I love is the health bar in Dead Space. If you've never played it, the healthbar is part of the character model, as a glowing piece of Isaac's armor along his spine. It was so cool to see this because it was subtle, non-intrusive, and clearly indicates how much health you have based on how much of your spine is glowing. There was no need for a dedicated health bar, because health was already communicated to the player using a part of the main character's character model. If we could combine both of these ideas, then UI wouldn't need to be constantly on screen at all.
I also really liked how ammo was an on-weapon display, instead of a separate UI feature. It really makes it more "immersive", for lack of a better word. After extensively modding Skyrim years back, I have grown to really dislike that word.
i cant believe that one of the most well-paced, interesting, engaging, and just generally well made video essays ive ever seen is about a green circle
for real! it's just that good!
DAMN this was a great video. Articulated some things about the Stamina Wheel that I couldn't put into words myself. Definitely appreciated the perspective of a UX engineer here and super entertaining and informative for me (who takes all of that for granted most of the time). Thank you so much for making this!!
the moment you won me over was the exhilerated, breathless whisper at 4:48. i've absently noticed the fact that the stamina wheel ui is pleasing somehow, but i had never given intentional thought to it outside of paying attention to it as needed (which, as you said, is what makes it perfect -- operating so smoothly it just feels like an extension of the player that they don't even think about). but now everything has changed. i have never been more excited about a circle in my life
I also appreciate the hole in the circle. It makes it feel just a little bit less like something that's taking up space, and makes the transition to the other rings of stamina smoother-theres no jump between wedge and strip of circle, it's all just strip of circle.
Listening to someone talk so passionately about something they care about is always so much fun. Even when they're talking about a circle.
“It’s an intuitive expression of Link’s capabilities and seamlessly unifies the physicality of exploration with the physicality of combat”
This is pure poetic genius level of writing DEAR GOD.
^ yup. she words REAL gud!
It’s always fascinating to get a look at someone else’s very specific object of wholesome obsession. Time well spent, and a new appreciation for circles.
The pulsing effect on the red parts is especially important for people with red-green colour-blindness.
I never realized any part of it turned red, even though my brain still told me that after completely depleted, the stamina wheel was red while slowly refilling... colorblindness is crazy
@@wegny10 it is red while slowly refilling
@@m4rcyonstation93 i believe Logan was saying that he is color blind so he couldn't *know* it was red but somehow his brain still told him it was red.
Brains are so weird.
I actually think your point about "out of mind, out of sight" actually has some really interesting implications if it is played out a bit further. One of the ideas that I have knocking about in my game design notebook is the idea that UI is a manifestation of the character's subconscious.
This is an interesting enough tool when used for analysis. Ie: what do specific UI elements tell us about what the pov character is thinking? (and likely, what the player is also feeling in the moment)
But it also has some really interesting implications when applied the other direction: how can we use shifts in the UI to help tell a narrative.
This idea came about when I was playing halo CE a while back and encountered a glitched objective marker that was always pointing to some fixed point a million miles away. Like with any piece of UI, Pretty quickly the marker dissovled into background noise in my mind as I filtered it out. However, every so often I would look at it and wonder if that was the direction I was supposed to be going, before turning back to my objective at hand and pushing the glitched marker "out of my mind" to the edge of the screen.
But it struck me as I was playing that this was a brilliant depiction of homesickness. It made my version of master chief feel like he had just been shipped off his homeworld to fight and die on some far off alien world. And he was always distracted thinking of home, wondering if he'd made the right choice, or if he should just give up on it all and try to head home.
Obviously this is just one, suboptimal example, but I think the narrative potential for UI is vastly unexplored right now
That's... actually really interesting.
Now, anytime I get the chance, I'll use this as inspiration for showing homesickness.
I don't know if it counts but Nier:Automata does it beautifully. System chips have to be used to depict certain elements in the HUD and because you only have limited space you have to prioritize what you want to have shown. Things like Mini-Maps, save points, text log, hp gauge and many other things can just be turned off.
FF7 Crisis Core plays with this a bit, while most of the UI is Very Gamey, one of the mechanics is a always-active slots-machine that occasionally depicts the protagonist's memories and empowers him for thinking of his bonds and friends, the finale of the game involves this system visibly crumbling and breaking down, struggling to force things that simply won't come in last moments
I think the final mission of halo reach does a great job of telling a story though ui changes
13:09 “…but ingraining that feeling of progress on more than a mathematical level is hard to achieve with UI alone”
This is a very important statement
Nintendo always does a fantastic job communicating mechanics to players in a much more simple and understandable way than so many other games. Instead of showing numbers, it has more intuitive visual representations of things happening. A great example is BotW's XP system that most people don't even know about, because it's completely invisible. Instead of making you focus on numbers and levels (which often funnels players into a "grind" type of playstyle), Zelda instead shows you the way enemies and weapons scale over the course of the game, so you get the same feeling of progression in a way that keeps immersion intact and allows anyone to understand it without dedicating brainpower to arbitrary number systems.
Had no idea that an 18 minute video about explaining every single thing about a circular stamina meter could keep me so entertained and invested
17:29 was the perfect build up, and the bit after it just killed me.
"Im getting married to thus green circle next weekend. All of you are invited."
How did your stamina for insight, jokes, visual rhetoric, and just plain fun not deplete long before the end of this video? A totally lucid, thoroughly engaging, profoundly considered whirlwind! Loved it
See you just gotta take 4 months to release a video! 😂
I never thought I would be this invested hearing someone talking about a small green circle.
The passion you bring into this makes it incredible and engaging. Thank you
while playing breath of the wild the design of the stamina wheel never even crossed my mind, but after watching your video its suddenly so eye-catching and cool. your video was so interesting and brought to light a whole new category of things to think and wonder about when playing video games. I also love how you explained it in terms that my previously-unknowledgeable brain could understand and keep up with. please keep doing what you're doing!
13:53 I believe the stamina drain is based on angle, rather than apparent length. It does visually seem like the outer rings drain faster, but I'm fairly certain each ring drains in the same amount of time.
You're correct, the point was that the visual movement is faster, not the 100 to 0 time
True. We love theta.
@@syrelian Yes, I only figured out it was (probably) based on angle because the apparent speed difference caught my eye very quickly, so I paid close attention to it. The biggest contributor to that is probably the thickness of the center wheel.
I thought this was obvious.
@@mirabilis That's nice.
As a fellow UI designer, this video was enlightening and excellent. Great stuff.
Hello, fellow UI designer! :) Glad you liked it!
You know I never thought about this until now but no it made me realize how huge it is. Also don’t worry about your video schedule it’s fine no matter what it is.
I saw the title and thought "There's no way this is filled with 18 minutes of interesting content" but boy was I wrong! The whole thing was so interesting, and the invisible choices the devs made are really fascinating! Great video :)
So good! Your excitement is contagious and It’s so satisfying how granular your analysis gets, love it
Hooray! :D I am here to be excited about things!
congratulations on the engagement. I wish you and the circle many happy years of matrimony.
one of these days one of your videos is going to convince me to actually play breath of the wild. could it be today? :O
Hold strong! >:O
I highly recommend it, one of the best games I've played
if you want, you can play it for free in cemu, a wii u emulator for windows. Though I would still recommend getting the game on a switch.
The game is infinitely better on Cemu than native hardware
@@shrimpchris6580 there is a bit of a problem with the gamma... at least on my screen
the shrine of resurrection looks like the typhlo ruins
but outside, 1440p@120 looks really nice
This is genuinely such a good video, completely opened my eyes to how UI elements are designed I didn’t even know this much went into it
I just love how quickly
it fills up. It's the BEST.
I love this! The circle is sooooo good and little UI choices like this make SUCH a difference. Absolutely loved how you described all the emotions it managed to evoke as well. It's so true, I can remember the feel of relief just closing a gap or making it to the top of a climb!
It’s amazing when UI can achieve that!!
Note that, in botw, the rupee counter is ALWAYS at the top right corner of your screen, be it in the menue or when buying aomething.
It's wonderful to hear an expert in a specific niche topic talk about how someone else within that field did their job very very well and how the world's all the better for it.
It's a very specific genre of video and I love it
just appreciating how much work you put into this video. the editing, the custom graphics... amazing. also, your video singlehandedly convinced me to get breath of the wild haha
Your burning passion for this UI element fills me with joy. I'm glad I just randomly stumbled on this channel
I love hearing people nerd out over things, especially in such a well thought out and fun way. I felt myself wanting to say screw it to hearts and just going full stamina LOL
Man I never knew that this green circle had so much personality! Here I was just dismissing it as a representation of how much cardio Link does. Beautifully done. 👏👏
I love how one tiny minuscule detail of a massive game can lead to an 18 minute video on it.
Girl, this is is the single greatest video essay I've ever watch. It was funny, I learned so much about UI (and a fricking green donut?), and at the end I though this video lasted for half the time it did. You are amazing and I'm gonna watch all of your videos right now. Keep up with this, because it's just awesome
And she never once sounded like she was reading! Natural delivery, almost like she KNOWS WHAT SHE'S TALKING ABOUT
i never knew how much i appreciated the circle until you broke it down like this. AMAZING explanation, great pacing, 18 minutes felt like 5 and i love how passionate you are about it :) subbing rn, fantastic video!!
“Good pacing” is the BEST compliment, thank you! 😂 so glad you liked it!
I love how the simple flat greens and reds, keeping it securely in your brain as a UI element, actually have the ironic effect of it not taking away from your immersion because they're not trying to make it fit into the game world with gold or jewels or shit, It FEELS like a visual representation of a concept, like you're looking at your own thoughts.
This makes me so so happy to be an art nerd. The way I can also nerd out about the smaller aspects of a video game, spend literal hours talking about them, comparing design to other games out there. This video makes me believe maybe I sound just as fascinating when I'm passionate about something.
Thanks Razbuten for highlighting this awesome channel. The editing and narration and concepts and EVERYTHING are so good!
Glad you think so! :)
Another thing i love about stamina in this game is the way dashing/leaping in water or on a cliff actually goes a farther distance when in the red, i think it portrays a last ditch effort to get somewhere using all the strength that link has left
It also makes it just that little bit more satisfying to make something by the skin of your teeth. Kinda like the system shock logic of the last bullet in the magazine doing double damage.
The last bit of HP also has extra defense
@@vyor8837 actually, in normal mode, there is a system in place the prevents one hit kills leaving you with a quarter heart, it also is removed on master mode.
@@user-jj4oi8fs6r tell that to all the times I got one shot with 3 to 4 hearts
Dude you are SO good at these video essays. The writing - phenomenal. The editing - phenomenal. And your voice narrations are so fun and engaging! Just found your channel and youve easily become my favorite for game essays. Keep crushing it!!
Oh my god, I love this lady ♥️ Her manic level of nerd excitement is so joyful!
It's contagious!
This is probably my most hated issue with Terraria. You get hit way more often in that game and my eyes have to give themselves whiplash every time I want to look at my health. Same with magic, which is tucked away *behind* the mini map on the *other side* of the screen. Both critically important things and there's no way to tell where you're at without dragging your eyes across the screen in a game where you have to be watching your surroundings for projectiles and stuff all the time.
i had never thought about this, as to why i felt like terraria was hard to digest during bosses at least for me, you put it into words perfectly. terraria redeems itself with the amount of freedom and variety with weapons bosses/biomes etc
imo😁
Yeah eye travel is a part of UI that definitely needs more discussion! It’s cool that games still have a lot of room to grow, it keeps the work interesting!
Terraria’s UI bums me out a bit. I contemplated making a video on it but I’d rather show positive examples than ones I don’t like as much 😅 especially for such a beloved game!
@@Afterthoughts I don't think it'd necessarily be negative if you showed some ways it could be improved. I think there's even a mod that shows health and magic (situationally) above your character as well as in both corners. I haven't played terraria in a while so I'm not sure if there were other gripes I had with its ui, though
As someone who wants to go into game design and development, I love video essays like these. As you said, people think a lot of things are an obvious choice but there's so much that leads up to it before we realize it. Helps make me think outside the box.
Aaaand sometimes the older way is better. Like the "progession" thing? The flashing red thing she spent like half the video talking about?
Demons Soul did it.
I love how someone can geek out so hard over something so simple as this. I agree with all of it! Subscribing now.
I really like the fact that you use little mock ups to prove a point instead of just talking with some random background images
Love this!
Also, another note on the color thing: a lot of people can't distinguish between red and green, so making it have a *brightness* contrast as well doubles as an accessibility thing!
Circles are now my favorite shape
YES EXCELLENT
I hadn’t thought about the stamina wheel in such a way until now, but I really like the way it stands for and I’m able to appreciate it so much more now, so thanks!
Also, this is your first video that I’ve seen from you and I’m subscribed now! 😅 good job on the vid and I look forward to seeing your other ones!!!
I never expected a video about a lil green circle to be so informative and engaging, yet here we are. I enjoyed it a whole lot :)
man I could listen to UX breakdowns like this all freaking day, worth all the work 🔥 quick q - what did you design those alt stamina mock-ups in?
I used Premiere!! I refuse to learn After Effects! They'll never catch me!
@@Afterthoughts Makes sense. After Effects' stamina indicator design is awful.
You can kind of reverse engineer the design process from the actions the player takes to the UI innovation by comparing BOTW to it's predecessor: in Skyward Sword, Link could only climb at a fixed rate, whereas in BOTW he can make sporadic leaps which drain a chunk of stamina ll at once. So the team needed to figure out a system that could cleanly depict both, leading to all of these design sensibilities in terms of how the wheel depletes and recovers. There are hints of this system in _Twilight Princess_ as well in the form of horse stamina: you can spur Epona to make Link ride faster by depleting little stamina symbols. If you deplete the total pool of stamina units, they come back one by one, but if you burn the whole meter at once -- you have to wait until they all come back at once -- which is exactly how BOTW works. This really stood out to me when I played the game myself because it felt organic somehow. It wasn't like charging your phone or waiting for Master Chief's shield to come back online; you _had_ to let Epona rest because she's a living animal. -- But this also created an interesting dynamic which encouraged players to liberally spam quick bursts of stamina and make swift progress, but always presented a risk when a challenge really tests Link's endurance.
Similarly, the stamina wheel remained a fixed size throughout Skyward Sword, so the quantum leap of turning the magatama into an apple-flavored fruit winder didn't need to manifest in the same way that the heart gauge gets more hearts added to it.
"How do we make a circle bigger?" we can imagine one designer saying.
"Literally making the circle bigger wouldn't do anything and just take up more space;" says another, "making a circle bigger doesn't cause a given fraction of a circle to represent a larger value in proportion to the circle as a whole, so we can't just make it longer like we would with a stamina bar."
"Hrrm. . . then I guess we could. . . have more circles? Like, have a cluster of them that deplete sequentially?"
"That would do it, but would look really messy."
And then the first designer finally has his epiphany.
"What if . . . we layered the circles on top of each other!?"
"You mean like a wedding cake?"
"Yes like a wedding cake. It would be just like one huge circle but we could directly represent improvements to the players stamina!"
Circle Get Bigger can work, but it takes a certain goal and form of intent
Shadow of the Colossus does such, but part of the trick for that game is that your HP and Stamina growth is very quiet, nothing announces it to you, you just eventually notice "Wait thats uhh, bigger?", or are observant in watching the small growth when you grab a Lizard Tail, Wander's growth is quiet and silent, its not the goal because the player keeps having their focus match Wander's, match his fervent goal to chase down the colossi
Many people will likely only realize the difference when they engage with Time Attack, since TA resets your stats to the minimums they would be when attempting the fight normally
One of the best parts is that both the hearts and stamina are solid-colored and opposite colors, so in a way they both stand out. They seem like the most important information given by the UI and they also seem complimentary.
I love how your fan-girling is SO deserved by this piece of UI ^.^
The amount of satisfaction I feel in someone else describing the benefits of a proper UI when, I myself have gushed over stuff like this, is immeasurable. I truly appreciate your understanding and wish I knew you irl for things like this lmaoooo
THIS VIDEO TOOK ME SO LONG FOR SOME REASON
Probably all of the amazing animations and little details! This was seriously so well done.
you_can't_rush_art_toy_story_2.png
Because your stamina circle was running out all the time
This is one of the best video essays on BotW on the most overlooked aspect. You bring incredible attention to this detail and give it the praise and respect it is due. I could watch a whole series on small bits of the game like this that make it so great. Fantastic job with the video, it is your first that I have seen. I will be checking out your other work!!!!
First video of yours I've ever seen and wow! I love how enthusiastic you are over something that most people would gloss over. Your pure glee over UI is presented in such a fun way which makes it incredibly infectious and got me to think about these elements of game design that I hadn't really considered before.
9:38
Seems like you missed the fact that in SS, most the HUD elements can be turned off, such that the UI is nearly identical to the "pro mode" HUD in breath of the wild.
Unfortunately, the game doesn't allow you to access that setting until about an hour of playtime into the game, so when you initially see the terrible HUD and immediately check the settings to see if you can turn it off, the setting won't appear, giving you the impression you will never get to change it.
The way you explain and talk about UI design is SO MUCH BETTER than how it's taught to me in school, where it's one of the most boring and annoying subjects. These videos are CRIMINALLY underrated. Keep it up! :D
Thank you, thank you, THANK YOU for having subtitles!! It's really helpful for those who are hard of hearing. (like myself) You really wouldn't notice until you need it, but once you do, you REALLY notice. So, again, thank you.
There's a few other things I want to point out specifically about the "chunk" effect you mentioned at 12:20!
The single solid color that it uses for "snap" actions that happen in a single moment contrasts with the flashing colors of continuous actions, making it less urgent and less of a warning; you've *already* spent that stamina, and there's nothing you can do about that. It's just letting you know exactly how much it cost. Plus, since pink is in the same colorspace as red-and-white, both types of stamina depletion are aesthetically unified.
There's also charge actions, like the spin attack, that have a pink chunk that grows until you release it. Since it's technically the charge that costs stamina, not the release, it *could* have used the normal red-and-white drain-over-time effect, but it didn't, because the growing chunk just naturally symbolizes what's happening in a few different ways. There's the anticipation of it slowly growing before the entire piece is removed from the meter in an instant, with bigger chunks giving more visual satisfaction at the payoff, tying into "look big, feel strong". There's the way that the chunk is, in a way, it's own individual meter of how much energy is being put into the attack, and shows your stamina *literally* becoming the power in your swing, with the inherent risk-reward of "more energy equals less stamina" that comes with them sharing a meter. Maybe not all of the symbolism was specifically intentional, but it was definitely intentional that the way it looks is the way it feels.
Also, the spin attack hits maximum charge at exactly one full wheel, which, because circles, has the super easy visual shortcut of when the end of the chunk wraps back around to the start of it, and it's really nice to have that for the *one* stamina-draining action that can cut you off before you actually fully run out of stamina.
I've never thought I *needed* a video on the green stamina circle in botw.
But now I think I am in love with it.
So glad to find this channel I need more people to nerd out over the masterpiece that is these games UI's! *chefs kiss*
the person(s) who designed the *pefect* most *chef's kiss* green circle: "you heard them i should get a promotion"
Never did I think I would be intrested in watching an entire video about a stamina wheel, but I DID. Great job, great video.
Such an in-depth analysis, I never thought about it like this before, and as someone looking to go into game design, this is so helpful to have a perspective on!
seeing someone geek out about a ui element is so fun to me. a lot of care can often go into these kinds of things, but unlike immediate gameplay and music, it's something alot of people either don't notice or don't comment on. not something as many people take the time to appreciate when it's done well.
i like how they did something similar with gloom hearts in totk, they’re changing rapidly, keep an eye on them!!!
sam more ux videos please, i loved all 19 minutes of this circle deep dive
Yay new Afterthoughts :)
Really cool video, love topics like this where I get to learn from an expert about how cool something is that I barely consciously noticed. And the drawings! So cute! And I loved the fun text effects you had throughout. The point about putting the wheel right by Link reducing eye movement is low-key mind-blowing. Feels so obvious but I never thought about it. When I played Tunic it was a recurring frustration that I struggled to keep track or my stamina and magic during the fast-paced boss battles, often barely running out at the worst times. Now I know why!
Yeah I played Tunic with my friend and he had to keep saying "you're out of stamina." 90% of that is, uh, I'm bad at video games. But this never happened to me in Breath of the Wild.
this is such a solid old youtube style video essay, just a specialized nerd with a really good video idea in one hand and an editing software in another
It's amazing how the stamina wheel after a few hours while playing is almost invisible
Like sometimes I don't even realize i spammed the climb jump and lost 80% of my stamina just like that
It really is amazing how it works
“I’m getting married to this green circle next weekend.” -Afterthoughts 2022
WE ARE IN LOVE AND NO ONE CAN STOP US
You know, this video conveyed exactly what you wanted. I now have a newfound appreciation for this! I never even think about how much effort goes into these small details.
I adore this kind of video! It's clear you're passionate about this and it made me really interested in the topic *with* you! Amazing job :)
design is literally so fun and i LOVED the way you worded everything! you were super clear and concise!!
although i might have realized a solution for the bonus golden stamina? i'm no UI designer, but the place i'd instinctively put it is that inner hole in the wheel you already have. maybe it'd normally stay thin like the extra permanent wheels you get overtime, but then once you start USING it it gets bigger- possibly filling in the entire center so you see it better- and it'd probably light up a brighter yellow, too, whereas it'd usually stay a duller color since you're not normally using it. kind of like a "out of your way until you need it."
The stamina wheel was actually first introduced in Mario 64 as Mario's breath meter when in water.
Id also like to mention nba street volume 2 though that was after mario 64
Well, it's health, not stamina there
And in Super Mario Galaxy, we got a small green wheel that stayed close to Mario when in use and disappeared when unneeded.
@@ThePizzabrothersGamingno, I think it was actual stamina or oxigen, can't remember exactly
@@SebasSant87 sm64 only has a 'power' meter which is re-used for both hp and breath