So You Wanna Make Games?? | Episode 9: User Interface Design 

*Game Developer gets introduced" Music: ~~~DUBSTEP BASE~~~

"The real art is knowing which mistakes to keep."

This content it's so high quality, why there are so few people?

Why isn't RU-vid flooded with more content like this?!

as a graphic designer student artist I found this sooo amazing

10:33 Good artists copy and great artists steal PICASSO ✍️

UI design looks sooo cool and fun to do, the UI in Persona 5 was so f*cking fantastical and eye catchy and I've always loved the HP bar shape in Kingdom Hearts

Sonia here, from 홍익대 (Hongik University) in South Korea, one of the top schools here for Art and Design. This semester I was given a class (that I didn't ask for) outside of my knowledge base-- English for Games Graphics Design Majors. I reached out to some of the major professors before the semester started, and several responded by sending me their syllabi and course content (and interesting articles). Of course, I also did a lot of internet searching on my own so that I could get a basic understanding of (and appreciation for) GGD and teach in some context. (I am a 50-something year old woman whose gaming career started with Pong and ended with Ms. PacMan). I have found this series to be life-saving (OK, maybe not, but let's say class-saving!). SYWMG is basically my textbook! The subtitles are on-spot, so students with lower level listening abilities can read along. The graphics are helpful for visual learners (also, for teachers like me who need to connect the words to their concepts), and the length is perfect. I cannot thank you enough for creating these and putting them out there for me to find and use!

I can't get the image of the Indian guy with super big eyes telling me 'go work on something, right NOW' out of my head...

Just wanted to say thanks for making this. As a web developer (and gamer), I found this really useful.

Three years have passed, and it is still freaking useful!

I'm a graphic designer trying to get into the game industry. Though I found this video two years later, still gained a lot of useful knowledge from it. Thank you so much for this amazing video!

The advice at the end brought me so much comfort I can’t even explain

Great video. I don't usually comment but this was pretty solid advice.

My favorite episode so far, thank you Riot Games.

The only game from Riot Games that I tried to play was Valorant. After some minutes in the tutorial, I was kicked out of it and the game displayed a modal dialog with a numerical error code and no further explanation. The only option was to click the button, which caused the game to close. This was reproducible consistently. There was a list with error codes on the web pages of Riot Games, but the one that I got wasn't even listed. I found the error code in some web forums and found out that there can be a number of reasons that lead to the same code (!). The issue was probably related to their anti-cheat solution and might be caused by unsigned drivers or other software installed on the PC. I tried a number of solutions proposed by users on the internet and then gave up after some hours. I later retried with a newer version of Valorant, where the only change was that it displayed a different error code. Regarding UX, I would have expected the dialog to show a human-readable text that explains the exact cause of the issue, including the specific software that "causes" the problem (while the actual cause of the problem is the anti-cheating program misidentifying a driver as some kind of cheating software). In case the specific "suspicious" software can't be known by Valorant (which I doubt), I would have expected at least a human-readable text identifying the anti-cheat technology as the cause of the issue. While I don't see why you wouldn't display a human readable text at least in addition to the error code, the code should at least be specific and not be the same code for several possible problems. Obviously, the code should be documented on the web pages.

Fantastic video. I always liked topography and UI design, and your video really opened the doors for me to explore visual arts now that I have a much better understanding of it in such a familiar context. Great job, you're gonna blow up someday (hypothetically, of course).

thank you for the advise, but the problem i have is that i cannot decide which specialziation i wanna take, animation, modeling, coding, level design, ui, texturing, etc.. is all interesting

I wish riot could make less flashier or even not flashy at all client. option in client doesnt allow player to do so. so many player still play league on laptop released on 2010 or older maybe

UI = user interface UX = user experience UE = union europea US = united states UK = united kingdom UA = universidad autonoma

Loved it! Will we be getting a video to the topic of UX as well? Would love to watch it!

what software do you use

I just found this series a couple days ago and I love it so much. I want to get into the games industry but had a hard time pinpointing exactly what I'd like to do and this series gives a great overview of a bunch of different roles and advice. Thanks riot!

Thanks for this! I’ve been trying to get work as a UI Artist for soo long. Been getting interviews, passing art tests, but I think I failed every time I got asked ‘what I think’ UI is 😂, I don’t think I understood UI properly. 👍🏼👍🏼👍🏼 thanks again

One of my dreams as a teen was to be a UX/UI designer for Riot

Huh, so this is one of reasons why modern UIs are so blind and uninspiritng... No thanks, i'm gonna use videogames i enjoy as a reference for good UI design. Might and Magic 6 Mandate of Heaven, for example. Also Heroes of Might and Magic 3.

The UI of this video is very good. Thanks for yhe great UX i had watching the video. 😆

What is the song @8:24 ?

just sayin but who the fuck put the map bottom left corner ? Otherwise thats a good video ty

Yo what? A great game developer making free tutorials on RU-vid? That's awesome! Thanks for this video.

These videos are really great, but in this specific video, I've a complaint about your client. "Interactions are fast and clicking feels fluid and effortless". Your client is not at all fluid. Sometimes your client fails to register that I have clicked a champion, and the rune pages lag. Maybe it's my potato PC, but your client is notorious for how buggy it is. Please give more importance to your game's UI/UX. Thanks. :P

You offer the world gold content and the algorithm gives you dirt. Very underrated channel.

8:32 Riot should maybe follow their own advice lmfao

Where do you practice this? What tools do you use? Do you just recreate the screens on something like Figma or is there a specific tool needed?

I don't understand... At the beginning you explain that UX is there to make sure the experience is gonna work. And you show wireframes. After that, you explain UI is there to use UX works and make it even better (shape, colours, etc) so it works with the whole artistic direction of the game. Then later in the video, you talk about layout and it seems it's all the people of "visuals" that take care of it. As a game UX designer in every day life, for me it was still UX. So I just wanted to know : at Riot, do you have UX designers or is it all UI jobs that do this "user experience" work ? (Layout, wireframes, testing etc)

Hi, i just want to say "thank you so much for these videos". I'm a french student in a video game school and your videos are so helpfull. I'm working on my last project with my team to finalize our studies, but with the covid we are currently alone without help , so we do our best to learn and skillup for our student game. Your stuff helped me to make my decision to start without any art skills 4 years ago, and now your stuff helps me to finalize my studies and maybe start to work in this industry. So you're right, you should never be afraid about trying, if you want to get in, start working on it now, it's only time and efforts. Thank You Riot

Using two loading bars to convey health and XP-that rely solely on text (such as XP) does not ‘mean’ it’s referring to XP simply because it’s a bar. It’s literally because player familiarity. There are a handful of better ways to show health and XP than reusing Window’s loader bars for everything in every game ever. Gaming industries are just unwilling to break way into contemporary UI thinking and think about what it’s actually conveying.

Thank you for uploading this information! It is easy and straight forward about the UI design. Before that, I thought that the UI designer create the interactive interface page, after that the UX designer will test on it to see if the UI is functional or not.

This is so insightful! Im an artist who is trying to find their nishe in games. I think UI is looking like it!

I want to be a designer at Riot!

OMG, OMG, OMG, I am having an interview tomorrow for the role of UI Visual Designer, just passed the creative test! I'm so pumped because I love gaming, art, and UI, it will be my dream job.

This video is fantastic - it’s answered all my burning questions in a fun and engaging way. Thanks so much!

Thanks for this! I really needed some help with the UI on my sloth MMORPG

Which tool used for gaming UI design?

thank you for the last part that make me feel alive.

Great video and content. Answered a lot of questions I had and opened doors to new avenues I plan to pursue.

Having put quite a few hours into lol, I’m not sure i trust these guys about anything UI related...

User Experience (UX): The overall experience of a person using a product, especially in terms of how easy or pleasing it is to use.

So where are UIs created and designed? Is it done in the game engine? Or are the graphics and VFX created in other software and imported into the game engine?

04:38 derp face #1 08:20 derp face #2

the sound in these hurt my ears lol thanks for the great information though

The thing I didn't fully get was if "Visual Design" is the same as a "UI Artist" as it seems like in other companies, these are separate?

I literally have a tattoo of a newspaper( 📰) on my wrist. Am I a UI/UX designer?

Can I become a game ux ui designer if I can't draw? I understand that a UI designer in the game industry is more about drawing and icons, not just creating the interface.

Bro Riot is helping people to become their rival someday.. i appreciate that and i am coming just wait for me

i like how riot managed fuck up leagues UI to the point it looks like a mobile game now and just lost all its aesthetics

Now who do we talk to about sound design? Because the "music" in this video is ear cancer.

goodness, you guys look like you been staring at a screen for years! Take a break once in awhile

God i wannabe a ui designer in vames so bad, ive appliedto soo many, nothing yet tho but still trying

Dear Riot Games, I want to wireframe a 2D top-down MMO (like The Escapists 1/2). Do you have any recommendation which Wireframe tool to use in that particular case (Sketcher, Figma, Balsamiq, inVision, ...)? In the end, the game should look something between the games you showed in this video min. 0:08 - 0:09 and 8:46 - 8:53. PS: Could you please tell me the names of these two games? Thx a lot, keep up the fantastic work. And thank you for this series of videos.

thanks guys

Love these!

6:00 Uh hello ESAM-but-with-hair ?

isn't ux, more of a Research field on who the user is, what the they want/need?

As a developer... Riot Games has one of the world worst Possible codes for League of Legends and the client... I respect the effort for this video... But no... I have worked for you Riot... You cannot trick me...

lol as the guy said "I started by recreating my favorite game UI and HUDS" I am doing it.

I'm not trying to be rude but I can't stop laughing at the expression 8:19 this guy is making. His eyes are so f*ckin big. And the smile he gives looks like a smirk the longer I look at it, which makes it's even funnier. I'm so sorry if I find funny.. BTW this video really helped me a lot and I just wanted to point out my thanks to the people who helped create and offer advice on this video about UI designs and processes that help make it. I often found myself unmotivated to continuing my game with coding because of the daunting task of not knowing how to create UI designs. So this really gives some pointers.

UI: user interface ->GUI: Graphic User Interface. UX: User experience

"Time and effort". Yup thats all I need to know...

searched for "Game Design Mockups" WHILE launching Valorant. Didn't Know rito is posting these kind of videos beside the vlogs i've read about TFT, LoL and WR. Thanks for your games and awesome videos!

I am currently a Junior UI/UX Designer with a video production background, and this video with all the advice at the end really inspired me to never give up on getting into my dream company - Riot! :) As an international, I know I need to take a step further than US citizens, and I know it's a long way to go. But I hope that one day I will be at Riot and come back to see my comment! To Future Me: How's working with Riot? LOL :D

I just got hired as Ui/Ux designer with no experience, eventho i said im not an Ui designer.. i got a month to finish the whole thing(visual design, animation, function and all problems UI comes with myself..) Im a one man working on a whole UI and deadline is in 27 days. Applied as an illustrator, not really sure how to do this. And whatever i do it doesnt look good to myself im a perfectionist so that doesnt help. This is a struggle i have to push through somehow.. not sure how yet. shits depressing

Someone needs to tell riot that dubstep is dead

I loved this - "Trying is half the battle. You should never be afraid of trying. Cause once you've done it, you've taken the biggest step. And from that point on, it's just a matter of polishing it."

how to find all these graphics designers...

mograph guy looks like fkin brown marck zuckerberg brev

I'm really interested in this but I have know idea where to start or where to go to school

wait wha- riot games also makes tutorials, i just found out about this.

These videos are really helpful and have inspired me to began making my own game. Rn I'm looking for a team of beginner game makers like myself (this includes writers, artists, ppl to code and basically anyone willinh to help) reply in interested! I'm only a highschooler and no nothing about coding so I'm looking for people who don't mind working on this without payout immediately. I can't guarantee popularity of this game. But I can guarantee it'll be fun to work on. If anyone is interested please reply here!

bruh, ux advice from the people who built the league client

I chosen move from printings graphic design to UI/UX in this year. I really anxiety to intro in game industrie. I almost 30 yo now, everything seems big to me but I want to try, I want this because I love games!

Their reson for animations = Responsivnes. My UX = WHY I HAVE TO WAIT AND WATCH THIS ANIMATION 1000 TIMES!!!.

Tyy for sharing this great content!

Riot Games creates one of the most beautiful UI in games, ANither Esxamle is Valorant, It's UI is real Good

Shout outs to people who actually enjoy UI design, I absolutely hate working on that shit 🙌 but boy do I appreciate good ones made by people who care

Hello there Riot games, I have a good game idea but there's so many things I could do to make it it's overwhelming I just keep feeling like I should set up a team somehow which I don't know how to do either 😐

This is so well explained even for me who just wants to know about UI in general

wtf finally found a great and hidden series

i would love to know how the ui designs and motion designs are implemented...do UI designers needd to know how to program? or motion guys need to program??

Hi Riot :3

Anybody knows the name of the game at 0:08 - 0:09 please ? :)

The music that plays during the presentation of the people is horrible xD but a great video thank you!

06:02 Marty Friedman - Senior Visual Designer

I forgot how obnoxious dubstep music was.

MECH Targeting Systems , Helmet Displays , Ammo Counters , *Bugged Shop Who Sells Items When Closing it Quickly* .

CANCER GAME

singlehandedly made a better and higher quality video that ACTUAL Game engine companies

Nice video

The video starts with MECHA TARGETING SYSTEMS. Instant subscribe

I thought Sanketh was just hyper active. I didn't realize I had the video speed at 1.25.