Posts Tagged ‘yahoo’

06版Yahoo!首頁分析

Sunday, July 8th, 2007

来源:http://charlesc.ilovemeow.net/blog/20060601/590

根据UI blog的说法,他们在做改版时,最常考虑到的是Cross Page Boundaries Reluctantly

简单来说,就是不要换页。在同一页面里透过滑鼠的移动或点选,呈现更多资讯,吸引使用者继续阅读。这不是因為现有有了AJAX,所以要大量运用特效。而是為了要”perfect the wheel”,提供使用者更好的体验。

重点一:Personal Assistant - 六个个人化资讯标签的区块

147251918_e3788d21b8_o.png

重点二:Tabbed Content Areas - 页签式网站内容推荐

有四个页签:Featured / Entertainment / Sports / Money

每一个页签里的内容,又有四个标题可以点选,点选后会在页签里载入图片和摘要,不会直接跑到内文页。
这作法已经满常见,但设计好坏有差,不能让使用者搞不清楚状况 - 对照组。

147251933_6813ef7bd0_o.png

重点三:Yahoo! Pulse

据说这区块是以网友的内容/推荐為主,而非编辑选取:

This is a new section in the home page and enables people to discover “what’s hot on the Web” - including the most popular and interesting Yahoo! searches; the latest trends; popular music, videos, photos, people and opinions. This is in essence Yahoo! aggregating all of their user-generated content and filtering to get the most popular items - e.g. Interesting Flickr Photos, or Most popular cars, or Top Music Videos. Very 2.0!

147314320_83a0e247fc.jpg

重点四:Customization options

除了选择网页配色之外,还提供narrow/wide两种版行的切换。narrow版类似现有的版型,wide则是预设版,适合1024/768以上浏览,并将频道列摆在左栏,让内容区块更大。

147251923_6281ba9280_o.png

05版Yahoo!首頁分析

Saturday, July 7th, 2007


下载:yahoo_design.swf

Yahoo Mail的变迁

Thursday, May 24th, 2007

原文 http://dancewithnet.com/2007/05/23/learn-from-yahoo-mail-homepage/

  1. 视觉重点在左边,鼠标的操作重点在右边,这是基于人从左到右阅读习惯,用右手翻书右手使用鼠标的使用习惯。
  2. 登录框和注册谁重要?一次注册,多次登录,毫无疑问登录应该更重要一些,这就决定了登录框的设计应该处于最易用的位置。
  3. 如何处理登录的流程?ID->密码->记住登录->登录按钮->忘记ID或密码->登录帮助
  4. 按钮是按钮,链接是链接?登录(sign in)是一个按钮,注册(sign up)是一个链接。

Yahoo Mail 2000-2001年首页,很熟悉的页了,因为人们的阅读习惯,所以重要的注册和登录放在左边。

yahoo-mail-1.png

Yahoo Mail 2001-2002年首页,视觉重点虽然在左边,对于大多数人来讲,鼠标的操作重点在右边,于是登录框在右边区别显示,Yahoo Mail首页的整体结构基本形成,这个时候说明文字不管好不好辨认能够围绕圆球排列或许是一种技术表现。

yahoo-mail-2.png

Yahoo Mail 2002-2003年首页,对齐说明文字,突出关键词。

yahoo-mail-3.png

Yahoo Mail 2004-2005年首页,美女在这个时候是眼球经济,在此带动下把链接伪装成按钮也成为一种流行,这种恶劣的流行一直还影响着今天的我们。

yahoo-mail-4.png

Yahoo Mail 2006-2007年首页,圆角和色块配合,简洁而不简单的设计,这个四个页面是按照出现时间顺序排列的,明显的反应出对链接和按钮的考虑,注册和登录位置考虑(突出注册或为登录框更易于登录的好位置)等等。

yahoo-mail-5.png

yahoo-mail-6.png

yahoo-mail-7.png

yahoo-mail-8.png

Yahoo!奇摩改版跟踪

Wednesday, September 27th, 2006

入口 介绍 调查

新首页入口

http://tw.yahoo.com/

首页首屏上分别有四个点,全方位提示。

yahoo redesign

点击无刷新出现一个半透明的层,选择宽版或窄版。

yahoo redesign

在顶部有新首页介绍调查的链接,宽窄页面切换也和英文版大不一样。

yahoo redesign

yahoo redesign

新首页介绍

yahoo redesign 介绍

yahoo redesign 介绍 yahoo redesign 介绍 yahoo redesign 介绍 yahoo redesign 介绍 yahoo redesign 介绍 yahoo redesign 介绍

启动你的网络新世界!

为了迎接一个新时代的来临,Yahoo!奇摩新首页诞生了!这一个小小的改变,希望带给你大大的满足!从今天起,我们希望以使用者为中心,提供一个更个性化、更生活化的网络服务!

籍由新的网络技术如AJAX和DHTML,网友可以拥有更即时、更互动的网络生活!我们同时跟世界Yahoo!网站接轨,提供网友全球一致的网络体验。

yahoo redesign 介绍

有一段杨致远的视频,较大请稍后 Video.swf »

Yahoo!奇摩网站服务列表移动到新首页左方,让画面更干净,还可以自行设定最喜欢的服务置顶!

yahoo redesign 介绍

原Yahoo!奇摩新闻标题与新闻中心,合并为焦点新闻大版面,提供您图文并茂的资讯和24消失不间断的RSS即时新闻!

yahoo redesign 介绍

常用的服务位置变更至新版首页右方,更增加个人助理的功能,新进电子邮件可立即预览不漏接!

yahoo redesign 介绍

新首页调查

http://surveylink.yahoo.com/wix/p2003306.aspx

請問你第一次看到Yahoo!奇摩新版首頁約是什麼時候?

yahoo redesign 调查

請問目前你使用 Yahoo!奇摩首頁的情形是?

yahoo redesign 调查

整體來說,請問你對 Yahoo!奇摩新版首頁的喜歡程度是?

yahoo redesign 调查

請問你喜歡 Yahoo!奇摩新版首頁的哪些服務?(可複選)

yahoo redesign 调查

整體來說,下列針對 Yahoo!奇摩新版首頁的描述,請問你的同意程度是…?

yahoo redesign 调查

今天使用Yahoo!奇摩新首頁時,請問你的頁面有呈現「亂碼」嗎?(如圖示)

yahoo redesign 调查

今天使用Yahoo!奇摩新首頁時,請問你所使用的網頁有發生以下的情形嗎?(可複選)

yahoo redesign 调查

若你願意協助我們瞭解亂碼/瀏覽器被強制關閉的問題,請簡述你遇到的情況並留下你的姓名、e-mail 及聯絡電話,Yahoo!奇摩專員將與你聯繫!

(此題不作答,可直接續答下題)

yahoo redesign 调查

對於Yahoo!奇摩的新版首頁,請問你有其他的建議/意見嗎?

(自由作答,可直接續答下題)

yahoo redesign 调查

请问你的性别是?
请问你的年龄是?
请问你目前的工作状况是?

yahoo redesign 调查

謝謝你寶貴的時間及意見!
若還有其他問題和建議,歡迎來信至 Yahoo!奇摩客服信箱

yahoo redesign 调查