Posts Tagged: gui

From Blue To Cool: We’ve given the MIDAS UI a makeover

For v4.36 of our booking software, we’ve made a whole host of updates and improvements to the user interface (UI) and the included visual themes.

For many years now, MIDAS has come bundled with a number of visual theme packs.

A range of visual themes for the MIDAS interface are included
A range of visual themes for the MIDAS interface are included

Administrators can select one of these themes to change the appearance of their MIDAS system. Additionally, administrators may optionally allow users to select their preferred theme upon login.

One of the included themes is the imaginatively titled “Default” theme. Unsurprisingly, it’s the visual theme that each MIDAS system uses initially by default.

As the “Default” theme is exactly that, many system administrators simply leave their MIDAS software set to use this theme.

In fact, from a random sample of our cloud-hosted customers, 72% of MIDAS systems are currently set to use the “Default” theme.

It’s black and white!

Interestingly though, the next most popular theme in our random sample of customer’s MIDAS systems is the “HiContrast” theme. Nearly 13% of our customers currently have this set as their default theme.

Hi Contrast theme for MIDAS
Hi Contrast theme for MIDAS

Now the primary goal when we designed the “HiContrast” theme was accessibility. In other words, we wanted to better cater to users who may have visual impairments.

The “HiContrast” theme is less colorful than our other themes. It primarily utilizes a simple “black on white” concept throughout, ensuring maximum contrast on screen.

Whilst a surprising number of our customers choose this theme, we don’t believe the vast majority opt for this particular theme primarily because of accessibility needs.

It’s all too Blue-tiful(!)

Rather, we believe that many who opt for the “HiContrast” theme do so because they feel that the “Default” theme is a bit “too blue” for their liking.

The previous Default theme for MIDAS
The previous Default theme for MIDAS

We get it! That’s one of the reasons why over the years, we’ve introduced additional visual themes where blue isn’t the main color.

We also allow self-hosted customers to create their own custom bespoke themes for our software too!

But going forward, we wanted to see if we develop a new default theme that was “less blue” than the existing default theme, while also at the same time being less “bland” than the basic black and white “HiContrast” theme.

Introducing the new default theme…

The most significant UI update for MIDAS v4.36 comes with a brand new “Default” visual theme:

The Booking Grid under the new default visual theme for MIDAS
The Booking Grid under the new default visual theme

If you prefer the previous default theme, don’t worry – it’s still available, but is now called “MIDAS (Blue)”.

We’ve also made a number of other improvements to the user interface, as well as minor tweaks to other included themes. Some text and headings are now larger than before, dialogs are clearer, there’s increased spacing between certain elements, and some interactive buttons are now larger and more prominent.

The new default theme for MIDAS
The new default theme for MIDAS

You can try the brand new “Default” theme, or any other included theme, right now by heading over to our online demo.


MIDAS v4: A Fresh New Look

If you’ve been following our recent blog posts, you’ll know we have an exciting update coming to MIDAS! You may also have noticed from early screenshots we’ve already posted from this update that the default visual “theme” has also gone through some changes…..

The previous “Default” theme: (MIDAS v3)

MIDAS v3 Default Theme

The new “Default” theme: (MIDAS v4)

MIDAS v4 Default Theme

The new “Metro” inspired default theme that will ship with MIDAS v4 will feature slightly larger icons than previous themes – the reasons behind this are two-fold;

1) Larger Screen Resolutions

Firstly, screen resolutions are generally getting larger – for many years the most common screen resolution was 1024 x 768 pixels. A recent study found that currently the most common screen resolution in use is 1366 x 768. As people choose screens with higher and higher resolutions, graphical items appear comparatively “smaller” on screen.

2) Touch Screens

Secondly, touch screen devices (such as tablets and iPads) are now common place, and with the eagerly anticipated release of Microsoft’s Windows 8 operating system later this year (which is very much geared towards touch screen devices), we expect the number of touch-enabled devices to increase dramatically.

If you’re familiar with touch screen devices, you’ll know it can sometimes be frustrating trying to accurately “tap” a very small target area on screen.

Microsoft have conducted extensive research on fingers and touch screens. They discovered that the average width of a human finger is 11mm. As targets for tapping get larger, the percentage of accidental missed taps drops off quickly. Therefore, ideally, a tap target should be at least 11mm (about 40px) in size.

MIDAS v3 IconMIDAS v4 Icon
“Add Bookings” icon (MIDAS v3)
30 x 30 pixels
“Add Bookings” icon (MIDAS v4)
40 x 40 pixels

In the previous “default” theme for MIDAS, the main toolbar icons were 30 x 30 pixels in size. In the new “default” theme, toolbar icons are now 40 x 40 pixels in size.

Notifications have also been made more prominent on toolbar icons for MIDAS v4:

MIDAS v4 Toolbar Notifications
MIDAS v3 ButtonsMIDAS v4 Buttons
Buttons in MIDAS v3Buttons in MIDAS v4

We’ve also increased the size of other buttons and some text elements – all in an effort to make MIDAS more accessible to tablet, iPad, and other touch screen users, and those using higher resolution screens!

We hope you’ll like the new look for MIDAS v4, but if you don’t, no problem! – There will be a version of the previous MIDAS v3 default theme available for v4 as well!