向Yahoo Mail的主页学习

Yahoo Mail的主页学习什么?

  1. 视觉重点(Logo、宣传图片、说明文字)在左边,鼠标的操作重点(登录框、注册链接等)在右边,这是基于人从左到右阅读习惯,用右手翻书右手使用鼠标(绝大部分人)的使用习惯
  2. 登录框和注册谁重要?一次注册,多次登录,毫无疑问登录应该更重要一些,这就决定了登录框的设计应该处于最易用的位置
  3. 如何处理登录的流程?ID->密码->记住登录->登录按钮->忘记ID或密码->登录帮助
  4. 按钮是按钮,链接是链接?登录(sign in)是一个按钮,注册(sign up)是一个链接
  5. 视觉设计,简洁而不简单
  6. 登录表单的设计,比如fieldset和label的应用
  7. ……

看Yahoo Mail的主页的变迁

  1. Yahoo Mail 2000-2001年首页,这是一个很熟悉的页面了,因为人们的阅读习惯,所以重要的注册和登录放在左边
    Yahoo Mail 2000-2001年首页
  2. Yahoo Mail 2001-2002年首页,视觉重点虽然在左边,对于大多数人来讲,鼠标的操作重点在右边,于是登录框在右边区别显示,Yahoo Mail首页的整体结构基本形成,这个时候说明文字不管好不好辨认能够围绕圆球排列或许是一种技术表现
    Yahoo Mail 2001-2002年首页
  3. Yahoo Mail 2002-2003年首页,对齐说明文字,突出关键词
    Yahoo Mail 2002-2003年首页
  4. Yahoo Mail 2004-2005年首页,美女在这个时候是眼球经济,在此带动下把链接伪装成按钮也成为一种流行,这种恶劣的流行一直还影响着今天的我们
    Yahoo Mail 2004-2005年首页
  5. Yahoo Mail 2006-2007年首页,圆角和色块配合,简洁而不简单的设计,这个四个页面是按照出现时间顺序排列的,明显的反应出对链接和按钮的考虑,注册和登录位置考虑(突出注册或为登录框更易于登录的好位置)等等
    Yahoo Mail 2006-2007年首页3Yahoo Mail 2006-2007年首页2
    Yahoo Mail 2006-2007年首页1Yahoo Mail 2006-2007年最新首页

谁在向Yahoo Mail的主页学习?

  1. 163邮箱2007年首页
    163邮箱2007年首页
  2. 百度登录2007年首页
    百度登录2007年首页
  3. 支付宝2006年首页
    支付宝2006年首页

不仅学习其形式,更重要的是其神是什么?这是所有人都应该努力的。

标签:, ,

作者:秦歌,时间:2007-05-23 0:31,归纳于:UX & Usability,订阅:RSS 2.0,引用:Trackback

有评论 8 条,发表一条评论 »

火星人的fans说:2007-05-23 9:11 #1

老大对这些真有研究啊~~~

kyan说:2007-05-23 23:01 #2

纯粹从登录角度来讲,live.com和126.com的登录页面更简洁,值得学习。
注册和登录这两个操作视觉平衡做的很好。

秦歌说:2007-05-23 23:23 #3

呵呵,最纯粹的登录就是我们天天要用的系统登录页面吧。live.com把系统登录的设计引入到WEB,126.com又借鉴了live.com,样式是都借鉴到了,可惜登录的流程还是不够到位。
如楼上所说,注册和登录的平衡是做的很好,这种平衡是全局上的,但是把右边给陌生人看的注册链接以及说明文字都右对齐,很不适合阅读,有点舍本逐末了。
还有就是,对于需要注册的页面,适当的说明也是需要考虑的。

Yahoo Mail的变迁说:2007-05-24 9:42 #4

[...] 向Yahoo Mail的主页学习 http://dancewithnet.com/2007/05/23/learn-from-yahoo-mail-homepage/ [...]

Knowledge Base — 向Yahoo Mail的主页学习说:2007-05-26 14:39 #5

[...] 作者:秦歌 原载:http://dancewithnet.com/2007/05/23/learn-from-yahoo-mail-homepage/ [...]

路人ryana说:2007-06-20 10:04 #6

狂爱这类用心的分析文章,且言之有物.谢谢分享.

越简洁越好么?未必.

秦歌说:2007-06-21 9:39 #7

欢迎来踩哈,油茶我是经常去看的。
呵呵,是否简洁还是华丽,需要看要呈现的内容和用户群吧,不同互联网上的绝大部分服务应该是简洁的,同时简洁不是简单,需要恰到好处。

resun说:2007-07-03 13:36 #8

秦大哥不仅技术牛,而且文章写地非常流畅,这更让我佩服!

发表一条评论

您可以在下面评论内容中使用下列XHTML标签:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

您或许也喜欢看:

  1. 第二届D2见闻和随想
  2. 扩展YUI Loader
  3. Javascript的一种模块模式
  4. 分页案例和好的实践
  5. 谈用户体验,别落下商业利益
  6. 从中国雅虎的改版看如何向Yahoo!主页学习
  7. 淘宝首页变胖了?
  8. 评论当然是顺序好!
  9. 重装Yisou,体验易搜
  10. UX、UI、UCD、Usability、IA等设计中的常见名词
回到页眉