Status
SteamPeaks
ChartsSalesUpcomingPatchesNewsCalculator
New on SteamEvery app, DLC and depot the minute Steam creates itAppsEvery app on Steam, newest change firstPackagesSubs and bundles, and what each containsDepotsDepots, manifests and install sizesTagsSteam's user tags and the games under themDevelopers & publishersCompanies and their cataloguesTechnologiesEngines, SDKs and anti-cheat found in the filesChange historyEvery PICS changelist as it lands
SignalsNineteen readings of the whole catalogueCompareAny games side by sideRecordsAll-time peaks and the days they were setReportsWeekly and monthly write-upsAlerts & newsroomWatch a game, get told when it movesSteam statusIs Steam up, right nowWeb API explorerTry the endpoints in the browser
NewsSteam's own announcements and the sales calendarCalculatorWhat a Steam account is worth, and its pile of shame
/
Sign in
/
SteamPeaks
The ultimate resource for Steam data.
ExploreChartsSalesSales and festsUpcomingPatchesNewsRecordsTrendingSignals
DatabaseAppsPackagesDepotsTagsDevelopersTechnologiesChange history
ToolsCalculatorCompareSearchAlertsSteam statusAPI
SiteMethodologyFAQDiscordSupportSign in via Steam
Not affiliated with Valve or Steam. Game names and artwork belong to their owners. All times UTC.
PrivacyCookiesFair useStatus
Megalo PolisNewsMaking of (interface)
Community

Making of (interface)

Megalo Polis · published 14 Apr 2016, 15:17 UTC

All newsPlayers around this dateRead on Steam

Making an interface in a video game is much harder than it looks, and it usually is scrapped and redone a few times over the course of a project development. It is a matter of showing all the required information, but not too much, so that it is readable, polished, and doesn't clutter up the screen. Most times, you'd like to have as few interface elements as possible. But in a strategy game, there are still many things that are absolutely necessary.

You start out during the design with very simple sketches, like boxes and texts. It looked something like this a year ago, for the gameplay interface :

All of the elements are here, and many have actually been suppressed since then. That's because we simplified the game along the way. For instance, the action cards are moving up when you want to select them, and you click anywhere on them to trigger the action. So it's much faster to use. There is no camera change either - it's automated, when you leave a city and wander the map.

The next step is to do a mockup of the interface, so that everyone agrees on what it would look like in the end. You have to decide on the art style. On Megalo Polis, it went very straightforward, and the first complete mockup is close to the final render :

The interface work is also about all the screens you go through, like the main menu, or in our case, the US map :

This is one of the most complex screen of the game. It required a lot of work, preparing and animating each state. That work is done by Raphaël, the UI expert, along with the coders. Each click and mouseover has to work as planned, so that you get the required information, and launch the mission you indeed selected.

Preparing and scripting each screen is a lot of work and finetuning, but there is also animating the page itself. You can go with a static screen, of course, but when elements move when you select them, it's overall much more satisfying for the user. This is done entirely inside Unity :

In the end, there was some tweaking of the UI all around, but not by a lot. The art style was fixed from the start, and it was mostly adapting or adding some content for clarity.

More from Megalo Polis

Other announcements

All news
Community1 Nov 2016Release and updateWe have now officially launched on Steam! Plus news on the Nov. 1 update. Take the election into your own hands in Megalo Polis -- a side-splitting, real-time strategy game launching today on Steam for PC and Mac. Political junkies and undecided voters alike are in for a treat in this no-holds barred, hilarious dash for the most powerful office in the land. In Megalo Polis, your job is to play…Game update18 Aug 2016Huge .... version updateHuge update! … The General Election is now available in this new release. Go for the fight! This version also contains various improvements, especially feedbacks on the election map and some minor fixes. And last but not least the Mac version is also ready!Game update17 Jun 2016Version updateWe're back on working on Megalo Polis, for the last campaign stretch! This update contains a lot of small updates, right before the next one, which will provide the general election. Many visual and audio effects have been added, improving the feedbacks from the action, on citizen conversion, for instance, or most special actions. The districts status is also a bit clearer now with sounds assoc…