<?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>随网之舞Mail</title>
	<atom:link href="http://dancewithnet.com/tag/mail/feed/" rel="self" type="application/rss+xml" />
	<link>http://dancewithnet.com</link>
	<description>WEB Design{HTML:CSS:Javascript:DOM:AJAX:PHP:Usability}/Viewpoint/Photo/Food/Mood</description>
	<lastBuildDate>Mon, 18 Jul 2011 02:45:29 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>向Yahoo Mail的主页学习</title>
		<link>http://dancewithnet.com/2007/05/23/learn-from-yahoo-mail-homepage/</link>
		<comments>http://dancewithnet.com/2007/05/23/learn-from-yahoo-mail-homepage/#comments</comments>
		<pubDate>Tue, 22 May 2007 16:31:03 +0000</pubDate>
		<dc:creator>秦歌</dc:creator>
				<category><![CDATA[UX & Usability]]></category>
		<category><![CDATA[Mail]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[yahoo]]></category>

		<guid isPermaLink="false">http://dancewithnet.com/2007/05/23/learn-from-yahoo-mail-homepage/</guid>
		<description><![CDATA[向Yahoo Mail的主页学习什么?

视觉重点(Logo、宣传图片、说明文字)在左边，鼠标的操作重点（登录框、注册链接等）在右边，这是基于人从左到右阅读习惯，用右手翻书右手使用鼠标（绝大部分... ]]></description>
			<content:encoded><![CDATA[<h3>向<a href="http://mail.yahoo.com">Yahoo Mail的主页</a>学习什么?</h3>
<ol>
<li>视觉重点(Logo、宣传图片、说明文字)在左边，鼠标的操作重点（登录框、注册链接等）在右边，这是基于人从左到右阅读习惯，用右手翻书右手使用鼠标（绝大部分人）的使用习惯</li>
<li>登录框和注册谁重要？一次注册，多次登录，毫无疑问登录应该更重要一些，这就决定了登录框的设计应该处于最易用的位置</li>
<li>如何处理登录的流程？ID-&gt;密码-&gt;记住登录-&gt;登录按钮-&gt;忘记ID或密码-&gt;登录帮助</li>
<li>按钮是按钮，链接是链接？登录(sign in)是一个按钮，注册(sign up)是一个链接</li>
<li>视觉设计，简洁而不简单</li>
<li>登录表单的设计，比如fieldset和label的应用</li>
<li>……</li>
</ol>
<p><span id="more-1015"></span></p>
<h3>看Yahoo Mail的主页的变迁</h3>
<ol>
<li>Yahoo Mail 2000-2001年首页，这是一个很熟悉的页面了，因为人们的阅读习惯，所以重要的注册和登录放在左边<br /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/yahoo-mail-1.png' alt='Yahoo Mail 2000-2001年首页' width="640" height="477" /></li>
<li>Yahoo Mail 2001-2002年首页，视觉重点虽然在左边，对于大多数人来讲，鼠标的操作重点在右边，于是登录框在右边区别显示，Yahoo Mail首页的整体结构基本形成，这个时候说明文字不管好不好辨认能够围绕圆球排列或许是一种技术表现<br /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/yahoo-mail-2.png' alt='Yahoo Mail 2001-2002年首页' width="640" height="563" /></li>
<li>Yahoo Mail 2002-2003年首页，对齐说明文字，突出关键词<br /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/yahoo-mail-3.png' alt='Yahoo Mail 2002-2003年首页' width="640" height="532" /></li>
<li>Yahoo Mail 2004-2005年首页，美女在这个时候是眼球经济，在此带动下把链接伪装成按钮也成为一种流行，这种恶劣的流行一直还影响着今天的我们<br /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/yahoo-mail-4.png' alt='Yahoo Mail 2004-2005年首页' width="640" height="526" /></li>
<li>Yahoo Mail 2006-2007年首页，圆角和色块配合，简洁而不简单的设计，这个四个页面是按照出现时间顺序排列的，明显的反应出对链接和按钮的考虑，注册和登录位置考虑（突出注册或为登录框更易于登录的好位置）等等<br /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/yahoo-mail-5.png' alt='Yahoo Mail 2006-2007年首页3' width="640" height="517" /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/yahoo-mail-6.png' alt='Yahoo Mail 2006-2007年首页2' width="640" height="591" /><br />
<img src='http://dancewithnet.com/wp-content/uploads/2007/05/yahoo-mail-7.png' alt='Yahoo Mail 2006-2007年首页1' width="640" height="502" /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/yahoo-mail-8.png' alt='Yahoo Mail 2006-2007年最新首页' width="640" height="516" /></li>
</ol>
<h3>谁在向Yahoo Mail的主页学习？</h3>
<ol>
<li><a href="http://mail.163.com">163邮箱</a>2007年首页<br /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/163-mail.png' alt='163邮箱2007年首页' width="640" height="500" /></li>
<li><a href="http://passport.baidu.com/?login">百度登录</a>2007年首页<br /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/baidu-reg.png' alt='百度登录2007年首页' width="640" height="365" /></li>
<li><a href="http://www.alipay.com">支付宝</a>2006年首页<br /><img src='http://dancewithnet.com/wp-content/uploads/2007/05/alipay.png' alt='支付宝2006年首页' width="464" height="307" /></li>
</ol>
<p>不仅学习其形式，更重要的是其神是什么？这是所有人都应该努力的。</p>
]]></content:encoded>
			<wfw:commentRss>http://dancewithnet.com/2007/05/23/learn-from-yahoo-mail-homepage/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>

