forked from nimbupani/nimbupani.github.com
/
hotmail-and-usability.html
158 lines (86 loc) · 7.73 KB
/
hotmail-and-usability.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!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 …">
<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">❬</a>
<a class="next" href="/the-digital-pirate.html" title=" The Digital Pirate">❭</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’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="/assets/divya.png" height=50> <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="/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>
</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>