Game
Crumbling World

6 years ago

UI, Communication And Usability
This week, I have been working on the main user interface (UI) for Crumbling World. UI is an essential part of any game, as it is one of the main tools that we as game designers use to communicate with our players directly.


A well-designed UI has the power to convey the current status and progress of players, in addition to their current statistics, goals, and even the subtler points of a game’s storyline.

5d0954324f5ea.jpg

A Great User Interface is Within Reach!

As I have been a graphic and web designer for the better part of 15 years, I must say that a design background can be advantageous when working to great a robust UI. Regardless of your experience in graphic design, every developer can create a great UI if they put enough thought and effort into it. With this in mind, I thought that it could be helpful to share some tips that I have learned over the years that other game designers might benefit from when working to create their fantastic user interface.

5d095434ea601.jpg

Communication is Everything

As a graphic designer, I have learned the hard way that the best graphic design is that which excels at communicating as much as possible with as little as possible. While the famous quote, “less is more,” is undoubtedly overused in our everyday lives, it is also one of the most valid axioms for game design.

Thanks to my background, I have been a long time enthusiast of minimalist and elegantly simple designs. One of the main things that separate a strong designer from a weak designer is without a doubt their capability for synthesis. The ability to simplify something in its most minimal expression, all without losing its power to communicate to players, is one of the strongest tools that a game designer can apply to their creations.

5d09543782220.jpg

Keep User-Friendly Design In Mind

While synthesis can be a powerful tool, one of the dangers of this method is that a design which has been oversimplified might not communicate what you are trying to get across, which can lead to confusion and frustration for players. This exact situation is why a well-known standard, called usability in web design, should always be applied to the user interface of your games. Sometimes, we fall into the trap of attempting to reinvent the wheel. If you find yourself going down this path, I would suggest trying to keep things simple. In short, don’t be afraid to use language and features that are already well known to gamers. For example, using green and red bars to represent the player’s remaining life points and damage will allow players to understand what is going on quickly. In other words, if your game doesn’t require a tutorial, it likely means that you’ve attained an impressive combination of playability and ease-of-use for your players, which can only help your end product succeed in the long run.

5d09543a52fd7.gif

These are a few things that I always try to keep in mind when working to design the user interface for my video games. A little while back, I wrote a tutorial on displaying 3-D objects within your user interface: I invite you to check it out here to help you brainstorm further. I hope that this walkthrough has been useful as you work to better yourself along with your design journey. As always, thank you so much for reading, and feel free to check back often for more great game development tips and tricks!



0 comments

Loading...

Next up

Sneak peek at the new UI in Lobo: The Howl Within! Now featuring stylish location introductions when entering new areas + a work-in-progress minimap system to help you navigate the wilds. Built in Unreal Engine 💻

Sneak peek at a new area in Lobo: The Beast Inside! This abandoned guard outpost sits just outside the towering wall—once a line of defense, now a haunting reminder of what was lost. Exploration is risky… but rewarding.

Save And Load System Hello everyone! Over the last week, I have been creating the save and load system, which will allow users to save their progress and continue the game where they left off after stepping away.

Optimizing Crumbling World Hello everyone! I was working on a promising improvement that has the potential to optimize the performance of Crumbling World, especially when it comes to running the game on low-end computers and mobile devices.

Hi everyone! This is a small patch that fixes a bug in the Unique Enemies spawner. Thanks so much for keep reporting bugs and issues. I appreciate it very much!

Hello everyone! My game Crumbling World is 80% off for Halloween! Grab it on Steam for less than $3. https://store.steampowered.com/app/1003560/Crumbling_World/

Sneak peek! Here's a first look at the Skill Tree system in Lobo! Unlock abilities, shape your playstyle, and grow stronger. Stay tuned for more!

Here’s a quick look at the second animation—facial expressions and lipsync, created using iClone  and Unreal Engine. 

Each character’s expression is tied to the tone of the conversation, building on the body animation layer shown earlier. 

A short sneak peek at new locations and environments for Lobo. Built in UE5 using PCG and Dash, fresh areas filled with quests, encounters, loot, and lore. Exploration is highly rewarding—stay tuned for more! Wishlist: https://store.steampowered.com/app/2486160/Lobo/

In this quick peek, I’m testing the first animation layer for Lobo’s dialogue system: body animations Next up: facial expressions and lipsync— I'm getting closer to fully immersive dialogue!

All implemented in Unreal Engine 5 🎮 Thanks for watching!