Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 5dc1495f05
Fetching contributors…

Cannot retrieve contributors at this time

161 lines (88 sloc) 7.956 kb
<!doctype html>
<!--[if lt IE 9]> <html class="no-js oldie" lang="en"> <![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title> Hotmail and Usability | Divya Manian</title>
<meta name="author" content="Divya Manian">
<meta name="description" content="All morons who maintain a hotmail account would have noticed the recent redesign. Perhaps you would also have struggled with the weird names and &hellip;">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="http://nimbupani.github.com/hotmail-and-usability.html">
<link href="/stylesheets/screen.css" rel="stylesheet">
<link href="http://feeds.feedburner.com/nimbupani" rel="alternate" title="Subscribe" type="application/atom+xml">
<link href="http://feeds.feedburner.com/nimbu" rel="alternate" title="Subscribe to Web Development updates" type="application/atom+xml">
</head>
<body >
<div class="container">
<div class="content">
<header role="banner"> <h1><a href="/">Divya Manian</a></h1>
<h2><a class="twitter" href="https://twitter.com/divya">twitter</a> <a class="rss" href="http://feeds.feedburner.com/nimbupani">RSS Feed</a> <a class="youtube" href="http://youtube.com/nimbupani">Youtube Channel</a> <a class="github" href="https://github.com/nimbupani">Github</a></h2>
</header>
<nav class="sitenav"><a href="/">Home</a>
<a href="/archives">Archives</a>
<a href="/about.html">About</a>
</nav>
<article>
<nav class="article">
<a class="previous" href="/gimp-rox.html" title=" GIMP Rox">&#x276C;</a>
<a class="next" href="/the-digital-pirate.html" title=" The Digital Pirate">&#x276D;</a>
</nav>
<header>
<time datetime="2003-12-08T00:00:00-08:00" pubdate><span class='month'>Dec</span> <span class='day'>08</span> <span class='year'>2003</span></time>
<h1 class="entry-title"><a href="/hotmail-and-usability.html"> Hotmail and Usability</a></h1>
</header>
<div class="entry-content"><p>All morons who maintain a hotmail account would have noticed the recent redesign. Perhaps you would also have struggled with the weird names and weird positioning of normal icons such as Sign Out, Inbox etc.</p>
<p><img alt="alt" src="/images/hotmail-screenshot.png" /></p>
<p>Agreed, hotmail was in a desparate need of a redesign, but it definitely did not require this mismash. Starting with the stupid renaming of the <b>Inbox</b> as <b>Mail</b> and the <b>Compose</b> button as <b>New</b>. Yeah they are trying to make it look like MS Outlook. But they should remember that most hotmail users do not associate Outlook&#8217;s interface with hotmail or atleast should be warned so before we users try to stumble through with navigation. Else, they should have made hotmail look exactly like MS Outlook.</p>
<p>The worst thing is the positioning of the <b>Sign Out</b> button in the middle. Whatever on earth for! Every mail provider puts the <b>Log Off</b> or <b>Sign Out</b> button at the right most position or in the left bar. In the new hotmail, I had to search the whole page ( including the agonising ads on the right ) to find out where that darned button was. Before my eyes sighted the familiar <b>Sign Out</b> icon (atleast, they didnt change the icon).</p>
<p>I think there needs to be two different buttons <b>Compose</b> and <b>Add</b>. That will atleast stop confusing people and let them easily navigate through the site. Even better would be to provide for a <b>Find</b> bar rather than a <b>Find</b> button. The <b>Options</b> and <b>Help</b> links are located at some random corner which will only cause more headache. Agreed, those two links are the most least used. But people would like to use options to change their password. So an inclusion in the left bar seems logical. But I guess MSN designers are beyond any such logic.</p>
<p>Or perhaps its just my dumb brain thats complaining!</p>
</div>
<footer>
<p class="meta">This post was posted by
<a href="/about.html">Divya Manian</a>
on
<time datetime="2003-12-08T00:00:00-08:00" pubdate><span class='month'>Dec</span> <span class='day'>08</span> <span class='year'>2003</span></time> in
. If you would like to update this post, <a href="https://github.com/nimbupani/nimbupani.github.com/blob/source/source/_posts/2003-12-08-hotmail-and-usability.md">please send a pull request</a>.
</p>
</footer>
</article>
<section>
<h1>Comments</h1>
<div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
</section>
</div>
</div>
<aside id="articles">
<p><img class="avatar"
src="http://a2.twimg.com/profile_images/1696865113/me_normal"
height=48> <a href="http://twitter.com/divya">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="/css-object-model.html">CSS Object Model</a></li><li><a href="/fake-bolding-of-web-fonts.html">Fake Bolding of Web Fonts</a></li><li><a href="/html5please-api.html">Html5please API</a></li><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 class="btn" href="/categories/web-development/">More</a></li></ul>
</aside>
<footer role="contentinfo"><p>
Copy to your heart’s content 2012 - Divya Manian -
<span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
</p>
</footer>
<script type="text/javascript">
var disqus_shortname = 'nimbublog';
var disqus_developer = 1;
var disqus_url = 'http://nimbupani.com/hotmail-and-usability.html';
var disqus_identifier = 'http://nimbupani.com/hotmail-and-usability.html';
(function () {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
<script src="/javascripts/octopress.js"></script>
<script>
var _gaq=[['_setAccount','UA-97188-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.