Skip to content


Subversion checkout URL

You can clone with
Download ZIP
tree: 2cc1469154
Fetching contributors…

Cannot retrieve contributors at this time

176 lines (98 sloc) 8.997 kB
<!doctype html>
<!--[if lt IE 9]> <html class="no-js oldie" lang="en"> <![endif]-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Ministry of Education gets a slick new website | Divya Manian</title>
<meta name="author" content="Divya Manian">
<meta name="description" content="Ministry of Education, Singapore (MOE) has got a slick new look - and proved that government websites and aesthetic usable designs, CAN go hand in &hellip;">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="">
<link href="/stylesheets/screen.css" rel="stylesheet">
<link href="" rel="alternate" title="Subscribe" type="application/atom+xml">
<link href="" rel="alternate" title="Subscribe to Web Development updates" type="application/atom+xml">
<body >
<div class="container">
<div class="content">
<header role="banner"> <h1><a href="/">Divya Manian</a></h1>
<h2><a class="twitter" href="">twitter</a> <a class="rss" href="">RSS Feed</a> <a class="youtube" href="">Youtube Channel</a> <a class="github" href="">Github</a></h2>
<nav class="sitenav"><a href="/">Home</a>
<a href="/archives">Archives</a>
<a href="/about.html">About</a>
<nav class="article">
<a class="previous" href="/we-think-being-hippie.html" title="We Think - Being a Hippie">❬</a>
<a class="next" href="/illustration-friday-fail.html" title="Illustration Friday - Fail">❭</a>
<time datetime="2008-04-05T00:00:00-07:00" pubdate><span class='month'>Apr</span> <span class='day'>05</span> <span class='year'>2008</span></time>
<h1 class="entry-title"><a href="/ministry-of-education-gets-slick-new-website.html">Ministry of Education gets a slick new website</a></h1>
<div class="entry-content"><p><a href="">Ministry of Education, Singapore (MOE) has got a slick new look</a> - and proved that government websites and aesthetic usable designs, CAN go hand in hand. MoE&#8217;s redesign now reminds me of how a government service should be: &#8220;Integrity. Service. Excellence.&#8221; (Singapore Government&#8217;s slogan). To know how bad (or good) a government website can be, lets compare it with the <a href="">website of the Ministry of Information, Communication &amp; the Arts (MICA)</a></p>
<p>Here is how they both look &#8220;above the fold&#8221;:
<img src="/blog/files/moevsmica.gif" alt="MOE Vs. MICA websites" /></p>
<p>Clearly, the use of subtle cues in the <abbr title="Ministry of Education, Singapore">MOE</abbr>&#8217;s redesign draws the user to the central changing content about what is the latest news in MOE. Other subtle use of colors enable the user to find links when required.</p>
<p><abbr title="Ministry of Education, Singapore">MOE</abbr> also uses microformats for the organizational structure which is quite neat. I think MOE website must be the first government website to validate <a href="">XHTML 1.0 Strict</a> and <a href="">CSS</a>. Did I mention it is eminently accessible without any spacer.gifs?</p>
<p>A look at the footers of <abbr title="Ministry of Information, Communication &amp; the Arts">MICA</abbr> and <abbr title="Ministry of Education, Singapore">MOE</abbr> reveal that due thinking has gone into that as well in the <abbr title="Ministry of Education, Singapore">MOE</abbr> website:</p>
<p><img src="/blog/files/moevsmicafooter.gif" alt="MOE Vs. MICA website footers" /></p>
<p>However, there are a few things I would like in the new website:</p>
It is not clear which category or type the current page belongs to. Perhaps the menu item can be highlighted if it any of its child links are clicked.
Breadcrumbs seem to be text only. It would be great if they are links too.
<p>I think it is best that it is not incorporating the traditional system of a simple &#8220;poll&#8221; (found in all Singapore government websites) which is not enough to measure the quality of any website.</p>
<p>Overall, I think it is a great step forward for Singapore government websites. Of course, I think some small changes might be needed from the perspective of usability but that is just to make the already enhanced experience even better! Way to go <abbr title="Ministry of Education, Singapore">MOE</abbr>!</p>
<p class="meta">This post was posted by
<a href="/about.html">Divya Manian</a>
<time datetime="2008-04-05T00:00:00-07:00" pubdate><span class='month'>Apr</span> <span class='day'>05</span> <span class='year'>2008</span></time> in
. If you would like to update this post, <a href="">please send a pull request</a>.
<div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="">comments powered by Disqus.</a></noscript>
<aside id="articles">
<p><img class="avatar" src="/assets/divya.png" height=50> <a href="">Divya Manian</a> is a Web Developer in Seattle. <a href="/about.html">More about me ❭</a></p>
<h2>Posts on Web Development</h2>
<ul><li><a href="/html5please.html">html5please</a></li><li><a href="/mustache.html">mustache, hogan, handlebars</a></li><li><a href="/redesign-notes.html">Redesign Notes</a></li><li><a href="/summary-of-various-exciting-css-drafts-and-proposals.html">Summary of various exciting CSS drafts and proposals</a></li><li><a href="/this-revolution-needs-new-revolutionaries.html">This revolution needs new revolutionaries</a></li><li><a href="/some-css-transition-hacks.html">Some CSS Transition hacks</a></li><li><a href="/safe-css-defaults.html">Safe CSS Defaults</a></li><li><a href="/unplugged-2011.html">Unplugged 2011</a></li><li><a href="/bokeh-with-css3-gradients.html">Bokeh with CSS3 Gradients</a></li><li><a href="/making-pure-css3-demos-better.html">Making "Pure CSS3" demos better</a></li><li><a href="/web-opener-at-opera.html">Web Opener at Opera</a></li><li><a href="/current-color-in-css.html">Current Color in CSS</a></li><li><a href="/css-vocabulary.html">CSS Vocabulary</a></li><li><a href="/active-web-development.html">Active Web Development</a></li><li><a href="/sexy-css3-buttons.html">Sexy CSS3 Buttons</a></li><li><a href="/accessible-css-barcharts.html">Accessible CSS Barcharts</a></li><li><a href="/svg-is-coming.html">SVG is coming!</a></li><li><a href="/wee-marquee.html">Wee! Marquee</a></li><li><a href="/vignettes-with-css3-box-shadows.html">Vignettes with CSS3 Box Shadows</a></li><li><a href="/drop-shadows-with-css3.html">Drop Shadows with CSS3</a></li><li><a class="btn" href="/categories/web-development/">More</a></li></ul>
<footer role="contentinfo"><p>
Copy to your heart’s content 2012 - Divya Manian -
<span class="credit">Powered by <a href="">Octopress</a></span>
<script type="text/javascript">
var disqus_shortname = 'nimbublog';
var disqus_developer = 1;
var disqus_url = '';
var disqus_identifier = '';
(function () {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
<script src="/javascripts/octopress.js"></script>
var _gaq=[['_setAccount','UA-97188-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
Jump to Line
Something went wrong with that request. Please try again.