<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>gui Archives - MIDAS - Room Booking System | Blog</title>
	<atom:link href="https://mid.as/blog/tag/gui/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>...Making your facilities work for you!</description>
	<lastBuildDate>Wed, 17 Apr 2024 12:37:32 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>From Blue To Cool: We&#8217;ve given the MIDAS UI a makeover</title>
		<link>https://mid.as/blog/from-blue-to-cool-weve-given-the-midas-ui-a-makeover/</link>
		
		<dc:creator><![CDATA[midas]]></dc:creator>
		<pubDate>Wed, 17 Apr 2024 12:34:20 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[gui]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[v4.36]]></category>
		<guid isPermaLink="false">https://mid.as/blog/?p=5024</guid>

					<description><![CDATA[<p>For v4.36 of our booking software, we&#8217;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. Administrators can select one of these themes to change the appearance of their MIDAS system. [&#8230;]</p>
<p>The post <a href="https://mid.as/blog/from-blue-to-cool-weve-given-the-midas-ui-a-makeover/">From Blue To Cool: We&#8217;ve given the MIDAS UI a makeover</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>For v4.36 of our booking software, we&#8217;ve made a whole host of updates and improvements to the user interface (UI) and the included visual themes.</p>



<p>For many years now, <a href="https://mid.as/blog/theme-improvements/">MIDAS has come bundled with a number of visual theme packs</a>.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" src="https://cdn.midas.network/img/screens/themes.png" alt="A range of visual themes for the MIDAS interface are included"/><figcaption class="wp-element-caption">A range of visual themes for the MIDAS interface are included</figcaption></figure>
</div>


<p>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.</p>



<p>One of the included themes is the imaginatively titled &#8220;Default&#8221; theme. Unsurprisingly, it&#8217;s the visual theme that each MIDAS system uses initially by default.</p>



<p>As the &#8220;Default&#8221; theme is exactly that, many system administrators simply leave their MIDAS software set to use this theme.</p>



<p>In fact, from a random sample of our cloud-hosted customers, 72% of MIDAS systems are currently set to use the &#8220;Default&#8221; theme.</p>



<h2 class="wp-block-heading">It&#8217;s black and white!</h2>



<p>Interestingly though, the next most popular theme in our random sample of customer&#8217;s MIDAS systems is the  &#8220;HiContrast&#8221; theme. Nearly 13% of our customers currently have this set as their default theme.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" src="https://mid.as/blog/wp-content/uploads/2018/10/HiContrast.png" alt="Hi Contrast theme for MIDAS "/><figcaption class="wp-element-caption">Hi Contrast theme for MIDAS</figcaption></figure>
</div>


<p>Now the primary goal when we designed the &#8220;HiContrast&#8221; theme was accessibility. In other words, we wanted to better cater to users who may have visual impairments.</p>



<p>The &#8220;HiContrast&#8221; theme is less colorful than our other themes. It primarily utilizes a simple &#8220;black on white&#8221; concept throughout, ensuring maximum contrast on screen.</p>



<p>Whilst a surprising number of our customers choose this theme, we don&#8217;t believe the vast majority opt for this particular theme primarily because of accessibility needs.</p>



<h2 class="wp-block-heading">It&#8217;s all too Blue-tiful(!)</h2>



<p>Rather, we believe that many who opt for the &#8220;HiContrast&#8221; theme do so because they feel that the &#8220;Default&#8221; theme is a bit &#8220;too blue&#8221; for their liking.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" src="https://mid.as/blog/wp-content/uploads/2018/10/Default.png" alt="The previous Default theme for MIDAS "/><figcaption class="wp-element-caption">The previous Default theme for MIDAS</figcaption></figure>
</div>


<p>We get it! That&#8217;s one of the reasons why over the years, we&#8217;ve introduced additional visual themes where blue isn&#8217;t the main color.</p>



<p>We also allow self-hosted customers to <a href="https://mid.as/kb/00010/customize-appearance-of-midas-system">create their own custom bespoke themes</a> for our software too!</p>



<p>But going forward, we wanted to see if we develop a new default theme that was &#8220;less blue&#8221; than the existing default theme, while also at the same time being less &#8220;bland&#8221; than the basic black and white &#8220;HiContrast&#8221; theme.</p>



<h2 class="wp-block-heading">Introducing the new default theme&#8230;</h2>



<p>The most significant UI update for MIDAS v4.36 comes with a brand new &#8220;Default&#8221; visual theme:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view.png"><img fetchpriority="high" decoding="async" width="1024" height="550" src="https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-1024x550.png" alt="The Booking Grid under the new default visual theme for MIDAS" class="wp-image-5033" srcset="https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-1024x550.png 1024w, https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-300x161.png 300w, https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-768x413.png 768w, https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-1536x826.png 1536w, https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">The Booking Grid under the new default visual theme</figcaption></figure>
</div>


<p>If you prefer the previous default theme, don&#8217;t worry &#8211; it&#8217;s still available, but is now called &#8220;MIDAS (Blue)&#8221;.</p>



<p>We&#8217;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&#8217;s increased spacing between certain elements, and some interactive buttons are now larger and more prominent.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1338" height="645" src="https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage.png" alt="The new default theme for MIDAS" class="wp-image-5038" srcset="https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage.png 1338w, https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage-300x145.png 300w, https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage-1024x494.png 1024w, https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage-768x370.png 768w" sizes="(max-width: 1338px) 100vw, 1338px" /><figcaption class="wp-element-caption">The new default theme for MIDAS</figcaption></figure>
</div>


<p>You can try the brand new &#8220;Default&#8221; theme, or any other included theme, right now by heading over to our <a href="https://demo.mid.as">online demo</a>.</p>
<p>The post <a href="https://mid.as/blog/from-blue-to-cool-weve-given-the-midas-ui-a-makeover/">From Blue To Cool: We&#8217;ve given the MIDAS UI a makeover</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MIDAS v4: A Fresh New Look</title>
		<link>https://mid.as/blog/midas-v4-a-fresh-new-look/</link>
					<comments>https://mid.as/blog/midas-v4-a-fresh-new-look/#respond</comments>
		
		<dc:creator><![CDATA[midas]]></dc:creator>
		<pubDate>Tue, 15 May 2012 10:23:11 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Tech Insight]]></category>
		<category><![CDATA[gui]]></category>
		<category><![CDATA[Metro]]></category>
		<category><![CDATA[tablet]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[touch-screen]]></category>
		<category><![CDATA[v4]]></category>
		<guid isPermaLink="false">http://mid.as/blog/?p=266</guid>

					<description><![CDATA[<p>If you&#8217;ve been following our recent blog posts, you&#8217;ll know we have an exciting update coming to MIDAS! You may also have noticed from early screenshots we&#8217;ve already posted from this update that the default visual &#8220;theme&#8221; has also gone through some changes&#8230;.. The previous &#8220;Default&#8221; theme: (MIDAS v3) The new &#8220;Default&#8221; theme: (MIDAS v4) [&#8230;]</p>
<p>The post <a href="https://mid.as/blog/midas-v4-a-fresh-new-look/">MIDAS v4: A Fresh New Look</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>If you&#8217;ve been following our <a href="//mid.as/blog/tag/v4/">recent blog posts</a>, you&#8217;ll know we have an exciting update coming to MIDAS! You may also have noticed from early screenshots we&#8217;ve already posted from this update that the default visual &#8220;theme&#8221; has also gone through some changes&#8230;..</p>



<h2 class="wp-block-heading"><strong>The previous &#8220;Default&#8221; theme: (MIDAS v3)</strong></h2>


<div class="wp-block-image">
<figure class="aligncenter"><img decoding="async" src="//mid.as/blog/wp-content/uploads/2012/05/theme_v3.jpg" alt="MIDAS v3 Default Theme"/></figure>
</div>


<h2 class="wp-block-heading"><strong>The new &#8220;Default&#8221; theme: (MIDAS v4)</strong></h2>


<div class="wp-block-image">
<figure class="aligncenter"><img decoding="async" src="//mid.as/blog/wp-content/uploads/2012/05/theme_v4.jpg" alt="MIDAS v4 Default Theme"/></figure>
</div>


<p>The new &#8220;<em>Metro</em>&#8221; inspired default theme that will ship with MIDAS v4 will feature slightly larger icons than previous themes &#8211; the reasons behind this are two-fold;</p>



<h2 class="wp-block-heading"><strong>1) Larger Screen Resolutions</strong></h2>



<p>Firstly, screen resolutions are generally getting larger &#8211; for many years the most common screen resolution was 1024 x 768 pixels. A <a href="http://gs.statcounter.com/#resolution-ww-monthly-201104-201203">recent study</a> 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 &#8220;smaller&#8221; on screen.</p>



<h2 class="wp-block-heading"><strong>2) Touch Screens</strong></h2>



<p>Secondly, touch screen devices (such as tablets and iPads) are now common place, and with the eagerly anticipated release of Microsoft&#8217;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.</p>



<p>If you&#8217;re familiar with touch screen devices, you&#8217;ll know it can sometimes be frustrating trying to accurately &#8220;tap&#8221; a very small target area on screen.</p>



<p>Microsoft have conducted <a href="https://blogs.msdn.com/b/ie/archive/2012/04/20/guidelines-for-building-touch-friendly-sites.aspx">extensive research</a> 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.</p>



<figure class="wp-block-table aligncenter"><table><tbody><tr><td class="has-text-align-center" data-align="center"><img decoding="async" src="//mid.as/blog/wp-content/uploads/2012/05/addb_v3.png" alt="MIDAS v3 Icon"></td><td class="has-text-align-center" data-align="center"><img decoding="async" src="//mid.as/blog/wp-content/uploads/2012/05/addb_v4.png" alt="MIDAS v4 Icon"></td></tr><tr><td class="has-text-align-center" data-align="center">&#8220;Add Bookings&#8221; icon (MIDAS v3)<br>30 x 30 pixels</td><td class="has-text-align-center" data-align="center">&#8220;Add Bookings&#8221; icon (MIDAS v4)<br>40 x 40 pixels</td></tr></tbody></table></figure>



<p>In the previous &#8220;default&#8221; theme for MIDAS, the main toolbar icons were 30 x 30 pixels in size. In the new &#8220;default&#8221; theme, toolbar icons are now 40 x 40 pixels in size.</p>



<p>Notifications have also been made more prominent on toolbar icons for MIDAS v4:</p>


<div class="wp-block-image">
<figure class="aligncenter"><img decoding="async" src="//mid.as/blog/wp-content/uploads/2012/05/toolbar_v4.jpg" alt="MIDAS v4 Toolbar Notifications"/></figure>
</div>


<figure class="wp-block-table aligncenter"><table><tbody><tr><td><img decoding="async" src="//mid.as/blog/wp-content/uploads/2012/05/button_v3.jpg" alt="MIDAS v3 Buttons"></td><td><img decoding="async" src="//mid.as/blog/wp-content/uploads/2012/05/button_v4.jpg" alt="MIDAS v4 Buttons"></td></tr><tr><td>Buttons in MIDAS v3</td><td>Buttons in MIDAS v4</td></tr></tbody></table></figure>



<p>We&#8217;ve also increased the size of other buttons and some text elements &#8211; all in an effort to make MIDAS more accessible to tablet, iPad, and other touch screen users, and those using higher resolution screens!</p>



<p>We hope you&#8217;ll like the new look for MIDAS v4, but if you don&#8217;t, no problem! &#8211; There will be a version of the previous MIDAS v3 default theme available for v4 as well!</p>
<p>The post <a href="https://mid.as/blog/midas-v4-a-fresh-new-look/">MIDAS v4: A Fresh New Look</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mid.as/blog/midas-v4-a-fresh-new-look/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 
Lazy Loading (feed)
Database Caching 19/33 queries in 0.006 seconds using Disk

Served from: mid.as @ 2026-04-01 02:31:43 by W3 Total Cache
-->