Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
159 lines (86 sloc) 7.9 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> 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="">
<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="/gimp-rox.html" title=" GIMP Rox">&#x276C;</a>
<a class="next" href="/the-digital-pirate.html" title=" The Digital Pirate">&#x276D;</a>
<time datetime="2003-12-08T00:00:00+05:30" 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>
<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>
<p class="meta">This post was posted by
<a href="/about.html">Divya Manian</a>
<time datetime="2003-12-08T00:00:00+05:30" 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="">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="" height=48> <a href="">Divya Manian</a> lives in SF. <a href="/about.html">More about me ❭</a></p>
<h2>Posts on Web Development</h2>
<ul><li><a href="/diversity-in-conferences.html">Diversity in Conferences</a></li><li><a href="/using-decimal-percentage-values-in-responsive-design.html">Using decimal percentage values in responsive design</a></li><li><a href="/using-background-clip-for-text-with-css-fallback.html">Using background clip for text with CSS fallback</a></li><li><a href="/markup-free-icon-fonts-with-unicode-range.html">Markup-free icon fonts using unicode-range</a></li><li><a href="/jscamp-css-next.html">JSCamp: CSS Next</a></li><li><a href="/some-updates.html">Some Updates</a></li><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 class="btn" href="/categories/web-development/">More</a></li></ul>
<footer role="contentinfo"><p>
Copy to your heart’s content 2013 - 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];