您的位置: 首页 > 艺术设计 > 设计理论 > 怎样做符合用户预期的设计
浅析平面与网页设计的差异性 回到列表 页面构建的审图与细节
 怎样做符合用户预期的设计

作者:CDCer 时间: 2012-04-24 文档类型:合作网站提供 来自:Tencent CDC Blog

设计中说的最多的就是“用户预期”这个词,但是到底什么样的设计是符合用户预期的?怎样做呢?

每一个设计都有它的一些特征,这些特征导致了它有一定的暗示作用,从而让用户觉得这个东西应该是这样使用的,但是当我们的设计不是这样支持的时候,那么用户就会产生困惑和抱怨。

例子1.

在参与设计手机端地图的时候,有这样一个设计:在地图的顶部有一个搜索地点的搜索框,点击它会引出右面的页面。

明明就是个输入框,但是为什么不能直接进行输入?转到右页面感觉就是进入了另一间屋子,跳转多数都不是一个好的选择,因为它切断了用户使用的流畅感,也就是说用户的思维需要进行切换。改进就应该在地图上面直接进行输入和显示,这样才有比较好的连贯性,更主要的是直接输入是输入框的基本属性,满足了这个属性才是符合用户预期的。

例子2.

在QQ输入法的全键盘英文模式下,当长按一个字母键时,会在字母上方弹出一个框来显示更多的符号或者字母,乍一看好像看不出什么来,但问题是当你的手指离开了按住的字母想要很自然的去选择上方弹出的其他内容时,就在手指抬离的瞬间弹出框已经消失了,根本来不及选择。

怎么才能进行选择呢?哦,要求手指不抬离直接进行左右拖动选择—没想到是这样操作的! 所以问题就在于:它是一个弹出框,为什么不等着我的手指点击到它就消失了呢?这样一个弹窗让使用触摸屏的用户习惯认为它应该是可以被点击的。

例子3.

在QQ输入法的选择皮肤弹框出现的时候,

左软键意外的不是“确定”,而是“皮肤下载”,这样看似强化了皮肤下载功能,但是却使得此页面最主要的功能:皮肤的选择变得弱化,甚至是不知道怎么进行选择皮肤。你会想到直接点击就选择了皮肤么?因为在弹出框最自然的用左键确认的方式被改变了。所以当你改变一种已经形成模式的设计时,如果这种改变并不是自然直接的,那么就是违背了用户的预期,从而变成了一种强烈的干扰。

这里引入一个设计原则即功能可见性(affordance)或者叫做预期。

什么是affordance:事物可被感知的,最真实的属性直接决定它应该被怎么使用。所以怎么做设计能符合用户的预期呢?

1.  了解你的target user是什么样的人?他们有什么样的特征?他们有什么样的背景?

用户的心理预期与他的使用经验,知识有直接关系,也就是他建立起来的mental modal。只有当设计符合他的mental modal,那么就是和他的预期是一致的,这样的设计才是好的设计,换句话说只有设计师的design mental modal更贴近用户的mental modal才能设计出贴近用户的产品。

2.  让设计与外界信息相结合

比如说你设计的是触摸手机,那么就应用触摸屏的特性来进行设计—–为什么android手机的长按一直被诟病着?为什么iphone的home key 可以双击,但是不容易被发现?因为用户对这样的操作没有任何预期,长按之后会有什么操作,这个用户不知道。Home key可以双击?在触摸屏上,双击是很隐晦的操作,不符合用户的使用习惯,而点击是直接的,是触摸屏的基本属性,不需要思考的。

所以很多时候要考虑我们的设计是不是符合了它的基本属性,是否按照它最自然的方式被使用。

3.  可以通过在当前状态下检查用户是否很顺畅的完成任务

4.  他的目标是什么,设计是否能帮助他完成目标还是阻碍了他的目标

5.  设计是否让他去猜测了

做了这么多年的设计,有的时候是凭直觉来感觉到这样做有问题,但其实归根结底要知道在每一个细节其内在的基本属性是什么,只有满足了这些基本属性才能做出最完美的符合用户预期的设计。

本文链接:http://www.blueidea.com/design/doc/2012/8765.asp 

出处:Tencent CDC Blog
责任编辑:bluehearts

作者文章
浅谈WEB登录页面设计
情感化设计中的手绘应用表现
图形化设计:内涵容不得牵强
Q+ Web 改版设计小结
icon小教程之图标细节的绘制
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
分享按钮

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

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

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

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

杂⑦杂⑧ Gold NORMANA V2