Skip to main content

the project Angry Birds 2

 UI artists Eduardo Carril and Di Zhong share their experiences creating UI in two very different Rovio games, Angry Birds 2 and Angry Birds Legends.


Whether it is through on screen menus, buttons, or pop-ups, players navigate and make sense of a game through its UI. It’s down to the UI to take all of the most crucial information and resources for playing a game and put it right where players need it. Effective UI can contribute to longer play sessions and increased retention. Conversely, UI challenges can contribute to early player churn. After all, in a competitive space like mobile games, players are not likely to grapple with an unintuitive interface for long. The slightest sign of friction can send a player moving on to the next game. Therefore, crafting intuitive and effective UI is instrumental to creating games that are revisited by players again and again.






So how is effective UI created that allows players to get right to the fun and keeps them coming back? It turns out that the challenges facing new games and well established titles are quite different. Rovio UI artists, Di Zhong and Eduardo Carril compare these two unique scenarios with the currently soft launched RPG, Angry Birds Legends (currently available in Finland, Sweden, Poland, and the US), and long-standing fan favorite, Angry Birds 2.


Overall, the role of UI is the same in both old and new games, guiding players through the game and directing their attention to the most relevant information with on screen assets. In the words of Angry Birds Legends UI Artist, Di Zhong, “The game designers are involved in the inner workings of the game, things that might not necessarily be seen by the player. My job as a UI Artist is to take that and put it into a language that the player can understand. So the buttons, colors, things that respond to your actions. I’m shaping the things that are directly used by the players.”


Whether early or late in development, listening to those players is important every step of the way. Sometimes the feedback is direct, which was the case with a seemingly harmless layout change made by Senior UI Artist, Eduardo Carril, in Angry Birds 2, “a while ago I changed the position of some buttons inside the gameplay and it was uh, not very well received (laughs). There were two buttons hidden up by the pause button, and I made a kind of a by-the-book UI 101 decision to put them where they would be more easy to reach.” However, a lot of players already used that space to activate the abilities of the bird, tapping the screen while the bird is in flight, and they ended up tapping the buttons accidentally. “It was annoying for them to try to tap there and get this popup. We got a lot of feedback from players through player support, and we fixed it quickly.”

Home


ROVIO BLOG

15.10.2020

Brand new vs. tried and true: Designing UI for new and established games.

UI artists Eduardo Carril and Di Zhong share their experiences creating UI in two very different Rovio games, Angry Birds 2 and Angry Birds Legends.


Whether it is through on screen menus, buttons, or pop-ups, players navigate and make sense of a game through its UI. It’s down to the UI to take all of the most crucial information and resources for playing a game and put it right where players need it. Effective UI can contribute to longer play sessions and increased retention. Conversely, UI challenges can contribute to early player churn. After all, in a competitive space like mobile games, players are not likely to grapple with an unintuitive interface for long. The slightest sign of friction can send a player moving on to the next game. Therefore, crafting intuitive and effective UI is instrumental to creating games that are revisited by players again and again.



Eduardo Carril, Senior UI Artist for Angry Birds 2 and Di Zhong, UI Artist for Angry Birds Legends.

So how is effective UI created that allows players to get right to the fun and keeps them coming back? It turns out that the challenges facing new games and well established titles are quite different. Rovio UI artists, Di Zhong and Eduardo Carril compare these two unique scenarios with the currently soft launched RPG, Angry Birds Legends (currently available in Finland, Sweden, Poland, and the US), and long-standing fan favorite, Angry Birds 2.



Angry Birds Legends is now available in Finland, Sweden, Poland, and the US.

Overall, the role of UI is the same in both old and new games, guiding players through the game and directing their attention to the most relevant information with on screen assets. In the words of Angry Birds Legends UI Artist, Di Zhong, “The game designers are involved in the inner workings of the game, things that might not necessarily be seen by the player. My job as a UI Artist is to take that and put it into a language that the player can understand. So the buttons, colors, things that respond to your actions. I’m shaping the things that are directly used by the players.”


Whether early or late in development, listening to those players is important every step of the way. Sometimes the feedback is direct, which was the case with a seemingly harmless layout change made by Senior UI Artist, Eduardo Carril, in Angry Birds 2, “a while ago I changed the position of some buttons inside the gameplay and it was uh, not very well received (laughs). There were two buttons hidden up by the pause button, and I made a kind of a by-the-book UI 101 decision to put them where they would be more easy to reach.” However, a lot of players already used that space to activate the abilities of the bird, tapping the screen while the bird is in flight, and they ended up tapping the buttons accidentally. “It was annoying for them to try to tap there and get this popup. We got a lot of feedback from players through player support, and we fixed it quickly.”



Launched in 2015, Angry Birds 2 has been continually updated with new features and events.

Other times, reacting to players’ wants and needs is more indirect. When creating a new game like Angry Birds Legends, the goal is to find what resonates with players through extensive testing. Di again, “with new game development, for example if you’re working on a prototype, we might not know which direction the game will go. There is a lot of room to experiment, and that involves a lot of testing to find the right style. In the beginning, we create a wide variety of UI styles and concepts, testing to see which ones our audience will react to. In that way, UI design plays a large role in deciding which direction the game will take overall. When we talk about game concepts, most people think of environments and characters, but that’s only the universe for the game, but in the end the UI is the skeleton that allows the game to stand up.”





For older games like Angry Birds 2, all of the decisions on the general style of the game have already been made. The focus then is on improving existing UI elements and creating UI for new game features within an established style. Here’s Eduardo Carril on creating UI for just such a game, “All older games have their challenges regarding how easy it is to propose new things, how easy it is to adapt new content to the already existing layouts. The UI in Angry Birds 2 in particular is very art-heavy. Everything is illustrated so sometimes it’s slower to work on for that reason. It’s challenging, but I like that! That’s what I came here for.”


By Max Richard

Comments

Popular posts from this blog

Como jogar League of Legends: Wild Rift no PC com o BlueStacks

 League of Legends: Wild Rift  é um jogo da  Riot Games  disponível para download grátis em celulares  Android  e  iPhone  ( iOS ). Entretanto, também é possível aproveitar o  MOBA  em um PC utilizando um emulador, como o  BlueStacks . A principal vantagem de jogar a versão mobile de  League of Legends  em um computador é poder rodar o jogo em uma máquina que tenha configurações mais básicas. Confira, a seguir, como jogar o LoL Wild Rift no PC usando o emulador BlueStacks. Bastante esperado pelos fãs, LoL: Wild Rift chegou ao Brasil e Américas em março de 2021. O jogo foi anunciado pela desenvolvedora no dia 15 de outubro de 2020 durante as comemorações dos 10 anos do LoL. Na mesma data, games como  Teamfight Tactics (TFT)  Mobile e  Legends of Runeterra (LoR)  também foram revelados. Como baixar e jogar League of Legends: Wild Rift no PC Passo 1. No computador, acesse a página do BlueStacks n...

Speed Run Strategies

  Speed Run Strategies  unlocked in no time! Always expect missiles. The level designs in Mikey Boots love to throw missiles in what seems to be the central path. Once a missile has passed, it won’t launch again, so take it slowly if you’re not worried about your time.  The levels are built such that you should be able to speed through them as long as you maintain your momentum. Timed elements like moving spikes, sparks, and missiles won’t be in your way if you’ve been fast enough reaching them. The stricter level designs make it generally easier to spot where hidden passages are, but keep your eyes peeled for any area that seems big enough to fit a rocket-powered Mikey. By max

Dan the Man

Dan the Man By Max The creators of Fruit Ninja and Jetpack Joyride are turning up the tempo with a hard-hitting action platformer that will send your enemies flying!  THE STORY SO FAR: A village lies in peril. An evil organisation has emerged from the shadows. Your girlfriend, Josie, is fighting for survival. Can Dan the Man save the day? Only time will tell! THE MISSION AT HAND: Punch, kick, and blast your way through 12 action-packed levels in this nail-biting platformer based on the hilarious web series by Studio JOHO. But the fight doesn’t end there! Get your adrenaline pumping with Battle Mode, daily events, and more characters (like Barry Steakfries!) and lay the smack down!