UI Deep Dive, Discord & Character Spotlight

Loco Motive

On the Reuss Express a passenger has been murdered, and you’re the prime suspects. Uncover a thrilling mystery and solve satisfying point and click puzzles to prove your innocence! A slapstick adventure, packed full of deadly surprises, shocking twists and larger than life characters!

Hey everyone! Adam from Robust Games here, excited to be bringing you another Loco Motive development blog! We promised a deep dive into the UI/UX of the game in our last blog, so award-winning UI Designer [url=https://twitter.com/EddCoates]Edd Coates[/url] was kind enough to volunteer some time to run through his process. [b][u]UI Deep Dive[/u][/b] Hi everyone! My name’s Edd Coates and I’m the UI/UX Designer on Loco Motive! I wanted to talk a little about my design process, as well as give you a small peek at what you can expect to see when the game launches this year. Growing up with games such as [i]Monkey Island[/i], [i]Sam & Max[/i] and [i]The Dig[/i], I've always been a massive fan of point and click games, which is why I was so excited to be working on Loco Motive. I had three goals: [list] [*] Make the interface feel like an extension of the world and its characters. [*] The game should feel as comfortable with a gamepad as it would with a mouse. [*] Provide an intuitive gameplay experience that will feel both familiar to fans of the genre, while welcoming to new ones. [/list] First of all, the interface was wireframed in greyscale. This was to ensure that the contrast and usability was spot on before adding colour and texture. [img]{STEAM_CLAN_IMAGE}/41650287/5dd59dc2fd00c41910ae14faa1302503e550bc78.gif[/img] Art Deco patterns were sprinkled throughout the menus as a reference to the game’s 1930s setting. I was able to get really creative with these, some early designs even incorporated elements from the train such as the spokes! [img]{STEAM_CLAN_IMAGE}/41650287/7a6d6c52465599240c048c94f74327a9c560aef6.png[/img] We decided to go with a clean, vector-based art style for the UI (rather than pixel art) to give it some modern flair and ensure that it stands out from the rest of the game. Traditional verb bars are replaced with a single context button and an inventory menu that can be recalled as needed. This streamlined user experience has you focused less on the nitty-gritty of navigating menus, and more on enjoying the world of Loco Motive. [img]{STEAM_CLAN_IMAGE}/41650287/d5b10a5f35b45120cde7e681934c4f73a557bf99.gif[/img] We had relatively few challenges on the UX side, with many examples of well-refined Point and Click games to draw inspiration from. We looked to titles such as [i]Broken Age[/i] and [i]Sam & Max Save The World[/i] as they had already solved many of the problems associated with making a point-and-click title playable with a gamepad. This is just a small taste of what to expect from the interface of Loco Motive! I’m looking forward to you all seeing the UI in action when the game launches later this year. [img]{STEAM_CLAN_IMAGE}/41650287/b7de962881344cf0c15da582ce76123d30c2c93d.gif[/img] [img]{STEAM_CLAN_IMAGE}/41650287/32e92bfb8d5e5bc7edac733bb09e4e974a1f2141.gif[/img] [b][u]Character Spotlight - Herman Merman[/u][/b] It’s time for our second character spotlight! Next up is the self-declared detective extraordinaire, Herman Merman! Herman Merman is a crime novelist who dreams of solving real cases. Always one to project himself as an infamous detective, he's never actually had a real case. [img]{STEAM_CLAN_IMAGE}/41650287/155e7a7bdfdd0398bd5e3451d22d0f208888aaef.png[/img] Herman’s latest novel is not going down so well with the publishing house, and with waning sales and a new star on the horizon - Herman needs to up his game! When he receives an unexpected call from Lady Unterwald seeking his employment aboard the Reuss Express, Herman jumps at the opportunity to hone his skills in the field. Ever the optimist, even when his employer meets her untimely end - Herman believes he's destined to solve this case. There's just one problem, however. He hasn't got a clue! [img]{STEAM_CLAN_IMAGE}/41650287/c44b474eb0374760d8d4e5927736310fc7789f0c.png[/img] That’s all for now! We’ll be sharing more progress as we go, but in the meantime you can follow us for updates on [url=https://twitter.com/LocoMotiveGame]Twitter[/url] or join the community in [url=https://discord.gg/QgZ3zdHu8C]our brand new Discord channel[/url]. Come aboard and say hello!