Game
Education
News
Media
Community
Development
Press Kit
Newsletter

The Journey of the User Interface

Cleb - August 25, 2015

User interfaces in video games are usually features people rarely care about until they dont like it, and then it can completely destroy a game. This means a surprising amount of time and thought went into creating the UI for CURE. In this post I will be mostly talking about the history of the visual design for the CURE user interface.

 


 

-In the Beginning

Designing and creating the user interface or UI for CURE has been a long and involved process. As some of you may know, we actually started this game a few years ago under the name VIRUS for a video game competition. At the time we were using an engine with very limited support for UI, so we had to get really creative with how we implemented our designs and displayed information to the player. Here are some of the designs from that old version:

Virus Landing Page    Virus Level Screen

As you can see it was very basic, but functional. I had wanted to give a sense of biology in the Menus, so I opted for a sort of light edge glow on all of the UI elements which matched what we were doing on the units.


 

-UI 2.0

 

The next iteration of the UI relied heavily on the layout of the previous design of the in combat UI, but the opening menus was changed completely.

CUREDNASequence

My goal then was the same as it is now create a UI that gives a sense of semi futuristic computer programs, but also keeping it restrained enough to be reasonable for a scientist to use. I went through several different design paths trying to find something that achieved all of these goals.

CUREUIPlasmidConcept   CUREUIResearchConcept

I landed on a grid patter background, that would raise and lower blocks based on where your mouse would move. The actual menu’s would load on top of the grid. I felt this design hit the futuristic look I was going for, while also being somewhat subtle.

CURECubeLoginUI   CURECubeAchievementUI


 

-UI of the Future

 

After months of looking at this design I discovered I really liked the idea of actually showing our in game graphics behind the Menus. It really captured my sense of imagination, and I hoped it would for our audience as well. However the menus I had built did not match this new concept at all, so I was back to the drawing board. This time I decided to really follow the futuristic computer concept all the way to the end. This led to a whole slew of new design theories.

CUREUITechConcept2  CUREUITechConcept1   CUREInGameUIConceptSCVersion

I wanted the design to be futuristic, but still grounded. so I decided just about every element should have a purpose. It was difficult to not put strange graphs, numbers, and lines all over the place.

CURETechFancyLoginUI   CUREInGameUIConceptTechnVersion2

 


 

-Current Design

 

After a while the final design began to take shape, even though our layout was still undergoing changes as we updated game mechanics. The current design is simple and elegant, but still conveys a sense of a futuristic technology. CURE takes place in the near future, so I tried to keep the design principles similar to what we use today with just a little extra flare. Here are some screen shots of the UI as it works in the game right now

CURELogin  CUREPlayerLobby  CUREErrorMessage  CURECreateCharacter

Thanks for reading and supporting us. Writing this post has really made me re-live the long journey the game has taken to get to the point where it is now. Its really fun to see the evolution of our graphics over the years. We have really enjoyed making CURE and with your support we can make it a great game that will be a genre definer.

 


Privacy Policy

If you have any questions about our privacy policy, please feel free to contact us anytime.


We take your privacy really seriously, and we think more websites should too!


We will not share any of your personally-identifiable information (namely street addresses, first or last names, social security number or credit card numbers or even your pets first name) with anybody, not only because we have an aversion with such practices but also because we don't store it so there is nothing to share.


We will not sell any of your information (see cookies, IP addresses, and usage statistics below).


We do not currently advertise on this website, so no advertiser or company will have access to your usage statistics, information or personally identifying information.


When you use this website some information is logged automatically.


Webserver Logs

In order for you to connect to this website (or any website), that website needs to be running webhosting software; This software automatically logs information such as IP Address (see below), the time you accessed this website, what page you accessed and possibly other metrics. The reason for this type of logging is to both check for errors people might encounter when visiting this website and to monitor for hacker activity or potential exploits of our website. This information is used to review the health of our website and for maintenance, information stored in log files are not shared with any third party.


Usage Statistics

We reserve the right to log how a user may use our website (by making note of which things are clicked while you are on the website and when you clicked on them, what browser and operating system you used to access this website, and other non personally-identifiable information). This can be used to help us make the website better by analysing how the website is used and to see which pages on this website require maintenance. This information is not shared with any third party and is used solely my us to review how the website is most commonly used. No personally-identifiable information is collected as usage statistics.


Cookies

Cookies are bits of information that are stored on your computer, which are used when you navigate through a website. Our pledge is to only create cookies (only stored for a relatively short time) which will help your experience on this website and that your cookies are not stored, collected, or sold by this website. Most modern browsers have a way to disable cookies, and you are welcomed and encouraged to do so if you do not wish to store cookies on your computer. Some of the functionality on this website might not work without cookies enabled.


IP Address

When accessing the internet, your computer uses an IP addresses in order to view websites. IP Addresses act like a mailbox- and web pages are like letters. The IP address is a set of numbers and/or letters, and symbols and does not contain any personally-identifiable information in them (for instance, it does not show where you live, your name or other such information). We reserve the right to create logs which contain visitor IP Addresses (see the above: Webserver Logs and Usage Statistics) or use your IP Address to deliver to you custom content. IP Addresses are not shared or sold to any 3rd party and is only used for maintaining this website (see above: Webserver Logs and Usage Statistics).


Children's Information

We believe it is important to provide added protection for children online. We encourage parents and guardians to spend time online with their children to observe, participate in and/or monitor and guide their online activity. This website does not knowingly collect any personally identifiable information from children under the age of 13. If a parent or guardian believes that this website has in its database the personally-identifiable information of a child under the age of 13, please contact us immediately and we will use our best efforts to promptly remove such information from our records.


Website Privacy Policy Only

This privacy policy applies only to our online activities and is valid for visitors to our website and regarding information shared and/or collected there. This policy does not apply to any information collected offline or via channels other than this website. For the CURE game privacy policy please click here.


Consent

By using our website, you hereby consent to our privacy policy and agree to its terms. Privacy Policy Online Approved Site.


Update

This Privacy Policy was last updated on: Wednesday, October 22nd, 2014. Should we update, amend or make any changes to our privacy policy, those changes will be posted here.


Terms Of Use And Forum Rules


Whereas you are welcome to join us in the CURE community forums, the following rules are in place in order to keep the CURE website a fun place to visit.


#1: Do not post hateful (ie: abusive, obscene, vulgar, slanderous, threatening, etc. ) messages.
#2: Do not post any material that may violate the law.
#3: Do not post content which is offensive (namely pornography or gore).
#4: Do not advertise or google bomb.
#5: Do not annoy the moderators. If requested to stop doing something by a moderator, it is most likely because you are being annoying.
#6: Use common sense.
#7: Have fun! This is the internet after all!



Moderators can enforce the rules as they wish. They can give warnings at their discretion, but are not obligated to. Your ability to use the forums or access the website can be revoked, for reasons stated or unstated. We hope for the forums to be a place of free speech and fun, and these rules are in place to keep the place from burning down. Our motto is: minimum enforcement for maximum fun!


CURE Newsletter Sign Up



Name

Email address

How did you find out about us?

Submit


Thank you for signing up for the CURE Newsletter!