There's an art to the way video games deliver info. A new website celebrates that.
The newly launched Game UI Database turns an often-overlooked aspect of artful video game design into a headlining star.
For most people who play games, on screen accoutrements like ammo readouts and minimaps — not to mention pause menus, inventory screens, and tooltips — are just a part of the scenery. We take them for granted, never really acknowledging that most games would be rendered unplayable in their absence.
That's the thing, too: A good user interface (UI) is supposed to be something that goes unnoticed. Some of the best examples aren't even visible most of the time, only appearing on your screen when there's a need for them to be there.
You May Also Like
The "unsung hero" status we could fairly apply to video game UIs is a subject of particular interest for Edd Coates, senior UI artist at Double Eleven. The UK-based studio has had no small amount of experience getting deep into the guts of other studios' creations, having worked on notable titles like the PS Vita version of LittleBigPlanet and the recently launched Minecraft Dungeons.
"When the UK went into lockdown in March, I needed something to distract me from the pandemic."
So with the Game UI Database, which just launched, Coates wants to share some of that experience with the wider game development community.
"The most frustrating part of my job [is] hunting for reference material when building something new," Coates told Mashable in a weekend DM exchange. "It's easy enough to find screenshots of games you are already aware of, but unless you have an intimate knowledge of every single game out there, discovering new sources of inspiration can be a challenge."
For years, Coates had been toying with the idea of building a searchable database to help creators facing the same challenges. The trick, he realized, would be finding a way to set those creators up with the tools they'd need to actually narrow down their hunts.
"[I wanted to] make the discovery element as easy as possible, using filters to allow designers to search for textures like wood, metal, and paper, different materials, patterns, and even themes," Coates said. And sure enough here's a truly dizzying number of search filters one can apply more than 320 titles currently listed on the site.
The site is relatively short on context, with only the collections of screenshots gathered under different tags for visitors to go on. But that in itself is a sort of masterful UI quirk. Go to the listing for "Dialogue & Story" overlays, for example, and you'll quickly see as you scroll down how the differences between games that put story text on the screen speak for themselves.
That's the site working as intended. As Coates explained: "It's useful for designers to identify recurring and pre-established patterns in successful titles when building their own interfaces." Added context isn't necessary because the contrasting approaches evident in each image is the whole point.
"UI design is a pretty misunderstood field in the games industry," Coates said. "Many studios haven't fully realized its transformative potential in their games. Whether it's the bold splashes of colour in Sunset Overdrive, the modest minimalism in Breath of the Wild, or the comic-book constructivism of Sonic Forces, great UI not only makes navigating the game fun, but it pretty much defines [its] visual identity and branding."
The initial plan Coates hatched to just throw something together in a matter of weeks quickly ballooned into something much larger, which came together over an eight-month period. It's one of those rare, pandemic-era silver linings, where the sudden excess of downtime led to the creation of something valuable and worthwhile.
"When the UK went into lockdown in March, I needed something to distract me from the pandemic — and so this project was finally born," Coates said. He spent those eight months gathering together the games, pulling screenshots, and manually tagging each one. It's clearly a geeky labor of love, this ode to (and resource for) UI design, from a UI designer.
"The response so far has been phenomenal, with multiple studios already thanking me for my work, and some designers excited to see games they've worked on featured on the website," Coates said.
"I am tremendously proud of this project and I can't wait to see how it helps other UI designers and creators in our industry."
Topics Gaming
Adam Rosenberg is a Senior Games Reporter for Mashable, where he plays all the games. Every single one. From AAA blockbusters to indie darlings to mobile favorites and browser-based oddities, he consumes as much as he can, whenever he can.Adam brings more than a decade of experience working in the space to the Mashable Games team. He previously headed up all games coverage at Digital Trends, and prior to that was a long-time, full-time freelancer, writing for a diverse lineup of outlets that includes Rolling Stone, MTV, G4, Joystiq, IGN, Official Xbox Magazine, EGM, 1UP, UGO and others.Born and raised in the beautiful suburbs of New York, Adam has spent his life in and around the city. He's a New York University graduate with a double major in Journalism and Cinema Studios. He's also a certified audio engineer. Currently, Adam resides in Crown Heights with his dog and his partner's two cats. He's a lover of fine food, adorable animals, video games, all things geeky and shiny gadgets.
