How Video Game Designer Henry Faber Uses Adobe XD to Level-Up Gameplay Experiences

by Marc Schenker

posted on 04-30-2018

Henry Faber is a Toronto-based game and graphic designer who uses Adobe XD in his projects. When he’s not working on new Nintendo Switch games, he’s busy running a nonprofit that provides safe spaces and opportunities for minorities in game and graphic design.

We recently talked to Henry about his work with XD, how game design is surprisingly not too different from website and app design, and the advice he has for designers wanting to jump into the games industry.

How have you used Adobe XD in your game design work/projects?

Adobe XD is fast. I can mock-up an idea while talking with the team, and, even with low or medium fidelity, communicate an aesthetic and action simultaneously. This allows me to visually design and test complex user interactions, such as saving and loading a player’s state as they make decisions in a game’s branching narrative, without relying on the developer to make a fully functioning prototype. I can create it and present it to the team or even a play-testing group and watch them try it out.

I also use it to design the many user interface (UI) details and user experience (UX) challenges that are ever-present within games that players don’t often consciously notice. Things like navigating inventory systems, options menus, or specific micro mechanics that are a subset of the overall game. This is where XD really shines — I can zoom in and out of these interactions while retaining the big picture.

I can quickly mock-up important screens in various viewport contexts. I’ve been working on a lot of Nintendo Switch games lately, and it’s a really cool device.

A prototype of Faber’s game “LongStory” in Adobe XD.

The final assets for the games are usually created in another application, such as Photoshop, but I like to push my tools as far as I can, so occasionally you’ll find graphics in the release version straight from XD.

Are there any notable games you’ve designed or worked on where you used Adobe XD?

The truth is I’m a producer on most of the games I work on. Because graphic design and UX skills aren’t the primary gateways into game making, I find myself enjoyably involved in these activities. The games that come from the communities I work in are made by small teams, so it’s not unusual for multidisciplinary work from everyone involved.

On two recent projects, I’ve used Adobe XD to work through problems and design mock-ups for:

How is using Adobe XD for game design different than using it for a website or app design?

The differences between the three are actually pretty minor. All the same issues apply, but in different forms. For example, responsiveness to dynamic view ports is as prevalent on PC games as it is in mobile or web development. Information density and player affordances for different control schemes — based on either input type or progressive development of skill with the game’s interface systems — are very similar to designing professional-use applications.

The chance for creativity often comes in the form of the player receiving feedback from using interfaces. It’s not just information that’s important, but how good that information feels as it responds to player actions.

What advice do you have for designers who want to try their hand at game design?

My background is graphic design. I studied at Emily Carr University in Vancouver and have used design process and thinking to build everything from visual identities to entire companies.

Designers have a lot of excellent tools and skills to apply to game UX and UI right out of the gate, which is great. What designers don’t often realize is how that discipline can be applied to game design: problem solving, systems building, testing, and iteration. UX teams do this all of the time, but often from a set of business requirements. With game design, you can push these skills in extremely creative and rewarding ways.

Some things you can do:

Learn more about Henry Faber on his Twitter, and for UX insights sent straight to your inbox, sign up for Adobe’s experience design newsletter.

Topics: Creativity, Design

Products: Photoshop, Creative Cloud