Jump to content
  • entries
    4
  • comments
    9
  • views
    2,273

New CN User-Interface (UI)


BaneofPathos

191 views

A big problem that Cybernations has is it's unappealing look. I showed the game to a teacher of mine and she commented on how overly official and bland it was -- the game came across as more of a business than an actual game. The fact is, as much as we pride ourselves as thinking there is serious business in Cybernations it still remains a game.

Therefore I have come up with some ideas for a new format for the game. These changes improve the aesthetics as well as the functionality of the game.

NewCNFormat.png

The basic premise of this new UI is to be able to manage your entire nation all from one concurrent screen.

NewCNFormat-1.png

The left side displays your log in display and your nation ID card -- this allows you to edit your nation info at will. This sample only shows the ability to edit DEFCON, your flag, your notepad, Treat Level, Team, and Alliance Affiliation. But you also would be able to determine your ethnicity, currency, capital city, etc.

The log-in display at the top of the screen also allows you to cycle through different options. You can visit the forums, see the about the game screen, visit the CN Wiki, everything that you can currently do.

NewCNFormat-2.png

The very top-right side displays all you message info, dividing it into four sections. Beneath that is the basic management info where you can purchase tech, land, and infra.

In that little strip beneath, you can cycle through different management screens: Charts, Funds, Wars, Spies, Aid, Events, Improvements, etc. It takes the current left sided panel and places it horizontally and in a more legible, easy to flip through format.

The logo color is based on your team. If you are on the red team it's red, blue team it's blue, etc. On some of the lighter color teams the color of the text changes from white to black.

Some other notes to make also. If you highlight over a selectable item, the text will become bold and increase in size to indicate that it is selectable.

4 Comments


Recommended Comments

Your design is super attractive, but it reminds me of another text game I played with an all-in-one portal like this that, unfortunately, was so laggy it was almost impossible to play efficiently.

Link to comment

Part of the inspiration for this is actually from Facebook's new format that is pretty much all-in-one. We could easily apply the same principles into this UI. What those principles are, I have no idea.

Link to comment
Thanks for your recent suggestion regarding the layout of cybernations page. Admin has viewed the idea and rejected it. Keep the ideas coming though.

I found that both interesting and upsetting, lol

Link to comment
Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...