以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.uxstudy.com/20......-facebook-ui/

周二茶闻 Facebook的新界面

作者:油茶会  |   发布: (编辑)白鸦   |   时间:2008-07-29 23:39:51 文字大小:- +

—–交互创新案例—–

这期沈主编很忙很忙。于是就由偶来为大家献茶。

Facebook的新改版简直做了重大调整,整个界面流基本重写。最大的特点莫过于大量应用Ajax,大量减少了页面跳转。另外,Facebook 开始在 页面内应用了多层级的导航。Facebook的层级Tab导航:其实我很少见到两级的Tab,更别说这种三级的了……用了三套样式来表达同样一个 “Tab”概念。

新版Facebook第一次登录就可以看到许多首次使用提示。提示这部分我们以前有给大伙儿提到过,但是,这次Facebook将点击展开应用在了提示的气泡上,确实是个创新的设计。

Facebook的编辑个人资料页面的交互也蛮有意思的。改版后的编辑个人资料页面做成了可关闭的面板(Closable Panels)。更进一步的是,点击面板的标题让面板展开的时候,Facebook帮你移动了滚动条。起初觉得有些突然,使用了几次,也就渐渐感觉习惯 了。(注意动画最后几秒,点击完后面板会滚动)

Facebook改版后的撰写日志(Write a Note)功能应用了相应式展开(Responsive Disclosure). 最开始,提供给用户最简单的输入,仅包含标题(Title),正文(Body)。

当用户点击More Option(更多选项)后展开日志中提到的人(In this note)。

当用户继续点击Add photos(添加照片)后跳转页面,展开了全部输入项。不过我有个疑惑,Facebook用了Add photos这个文字来描述展开全部输入项这个功能是不是有些不妥(不过这样的文字确实符合更多数用户的工作流)。

更多
打印  |  相关话题:Facebook   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买