I’m redoing the Open Flood Test GUI to focus on the needs of players with tiny screens (like on cellphones), so I crammed all the windows into a single screen where they can be tabbed through with a “hamburger menu.” (Not sure of the reason for the name, but okay.)
Originally, most of the windows were accessed with buttons on the bottom of the screen, except the map screen, which was only displayed whenever the game is in the “Map Voting” phase.
The new design is inspired from the Windows 10 and Android GUIs, because the fullscreen-app-with-hamburger-menu design fits well on mobile phones.
I’m looking for feedback on possible problems players may face using this new GUI, whether a player uses a computer or mobile phone when playing the game.
I lowered my screen resolution and the buttons doesn’t scale well to my screen
UI isn’t reactive
First off, I wouldn’t call that a hamburger menu, it looks like a normal collapsible panel that reveal the functionality and purpose for the icons, they act like tabs. Hamburger menus only show itself and hides it’s contents, pressing it reveals the panel and the options. Hamburger menus are a menu that shows menu items; change the icon into “Menu” and it doesn’t make much sense.
As for why it is called a hamburger menu:
UI designers likes to call UI elements that hide a panel after a food.
Commonly called UI elements.
Bento Menu: 9 dots in a grid
Hamburger: 3 lines stacked horizontally
Meatball: 3 dots stacked horizontally
Kebab: 3 dots stacked vertically
Doner: 3 lines stacked horizontally the width of lines decreases from top to bottom
Breadcrumbs: chevrons with text inside, they attach to left or right
Edits:
Flipped the meatball and kebab. Accidentally claimed that I named them myself, they are widely used by designers.
The amount of modal is intended. The map list is meant to list numerous maps at once, so its appearance is inspired from the Sporepedia screen from the 2008 game Spore.
Also, I just fixed the problem where the map list doesn’t scale down correctly.
Now, the UI isn’t reactive? Can you explain this a little?
