您的位置: 首页 > 艺术设计 > 设计理论 > 瞬间的设计 II
浅析网页色彩应用 回到列表 设计技巧杂谈之五
 瞬间的设计 II

作者:咏沙 时间: 2009-12-28 文档类型:合作网站提供 来自:Taobao.com UED Team

第 1 页 瞬间的设计 [1]
第 2 页 瞬间的设计 [2]

二、保持轻量级

Digg在早期的时候,用户想要推一篇文章,需要经过两步操作。而现在的改进版——只要单击”digg“马山就可以记录一次投票。就因为”单击,结束“容易了一点,带来了用户活跃度和网站点击率的飞速增长,这正是交互轻量级设计的一大作用。

怎样通过简化交互,实现操作更接近内容,从而保证设计的轻量级呢?

1.费茨定律

费茨定律指的是:移动到目标上的时间(T)和移动距离(D)的对数(S)成正比。用公式表示为:

T = a + b log2 ( D / S + 1 )来计算。其中

D:鼠标达到目标的距离
S:目标的宽度(尺寸)

我们可以简单的理解为:目标定位越容易,距离鼠标当前的位置就应该越近,目标占用空间应该更大。为了简单,我们可以把功能都集中到一块(如放在菜单栏和工具栏中)。但是这样就违反了费茨定律(找起来会很费劲,距离也会增加)。通过上下文工具把操作放在相关内容附近是不错的办法。[注:上下文工具是桌面右键菜单的web版]

2.实时可见的工具

digg在每篇文章旁边,有一个推举的记分卡,下方的”digg it“按钮要比其他的操作显得明显。鼠标悬停的时候”digg it“的按钮边框变成黑色突出显示,单击”digg“后,投票结果马上记录并在记分卡上实时更新。同时”digg“按钮灰掉不可点,标签文本也变成灰色”dugg“。

和digg一样,豆瓣的打分也是网站的核心功能。因此明确的操作(评级)邀请非常重要。打分后,用户可以随意更改打分分值,对评价作出删除和修改。

shutterstock把加入的收藏的图片总是显示在页面底部的遮罩层中,用户可以随时看到并编辑自己添加的图片。

3.保持关键内容可见

Gmail在页面加载的时候考虑了用户慢速连接的使用情况,减少样式的加载,使用备选方案保证主要内容可见。

淘宝的listing页面一次改版,鼠标悬停在宝贝图片上时,不仅出现大图,同时还在时间维度上对卖家推荐的商品轮播显示,用户同样可以点击下方的小图来选择查看。不仅保证了关键内容可见,同时解决了多信息的展现和交互。

4.只做一件事情

Linkdin消息列表中,用户名承载着两个交互行为:鼠标点击后会跳转到用户profile页面,而鼠标悬停0.5秒以后出现弹出层,显示该用户的简介。如果我们不做0.5秒的限制,就会出现用户在鼠标以上去时立刻显示弹出层,那么很可能会有用户认为这个链接只具备这一种操作功能,而忽略了它可以点击的功能。所以对一个交互行为只赋予它一种功能,多种功能需要考虑用其它方式去实现。

Amazon用另外一种方式来解决多功能的展现。星星打分的信息包括两方面:鼠标悬停展现弹出层显示每颗星的打分人数;鼠标点击后显示评价详情页面。如果把这两个信息同时通过点击星星来实现就会出现上述类似问题。Amazon则是通过增加一个类似下拉的按钮来承载鼠标悬停的交互行为,把点击行为只留给星星。

原文:http://ued.taobao.com/blog/2009/12/21/design_interesting_moments2/

本文链接:http://www.blueidea.com/design/doc/2009/7296.asp 

出处:Taobao.com UED Team
责任编辑:bluehearts

上一页 瞬间的设计 [1] 下一页

相关文章 更多相关链接
电子商务搜索LIST页面用户体验设计
用户体验设计精英汇走进上海交大
好豆用户体验大赛
设计提升满意度
JavaScript框架比较:用户体验
作者文章
瞬间的设计 I
当设计师遇上前端开发
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
>> 分页 首页 前页 后页 尾页 页次:2/21个记录/页 转到 页 共2个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2