拉近用户体验的距离

标签: 设计 用户体验 | 发表时间:2012-12-19 13:25 | 作者:
出处:http://blog.jobbole.com

来源: jenson yang 的博客

好的用户体验更容易拉近与用户的距离,提高用户完成任务的效率和用户使用过程的满意度、舒适感。下面就从几个小细节说说用户体验的距离:

1、冒泡浮层

拉近用户体验的距离

当用户需要删除图片时,点击了“删除按钮”,即出现冒泡浮层提示用户确定删除,用户只需将视觉焦点放在图片上,减轻了视觉负担,而鼠标也无需移动很长距离去点击确定按钮,这样减少了用户操作的体力负担;相比弹出模态窗口,用户关注的视觉范围缩小了、思维切换更近了、鼠标移动的距离也缩短了。

类似的还有ipad里删除照片操作:

拉近用户体验的距离

冒泡浮层,缩短了视觉、思维、体力操作的距离。

 

2、Google+ 圈子分组

拉近用户体验的距离 拉近用户体验的距离

在google+里,想要关注别人并加入圈子时,只需将鼠标移动到“关注”按钮上,再点击一下即可完成所有操作;如果需要创建新的圈子,也只需在同一个浮层完成,整个操作体验很流畅。用户视觉关注和操作都在一个很小的区域内完成。

而新浪微博的关注需要,先点击“加关注”按钮——填写“备注名称”——“选择分组”——点击“保存”按钮才能完成整个关注流程;无论哪里点击的“加关注”按钮,都需将视觉焦点切换到屏幕中央的弹出窗口,这样就使得用户的视觉焦点和鼠标都需要移动很长一段距离:

拉近用户体验的距离

3、google的即搜即显

拉近用户体验的距离

在看下google的搜索,在输入内容时,输入框下面的浮层会显示相关的关键词,用户可以直接进行关键词选择,而无需输入完整的词组;同时下面边的搜索结果会联动更新(暂时只支持英文版),无需再点击“Enter”回车键。这种快速便捷的搜索体验,缩短了用户操作流程和搜索结果的时间。

 

4、对称交互

拉近用户体验的距离

拉近用户体验的距离

google+里的用户评论,展开评论和隐藏评论被放置在同一个位置,方便用户的展开收起;在评论底部同样给了一个隐藏评论的图标操作;从相同地方展开收起,更易被用户发现和认知,也符合用户的心理预期。

youtube的全屏和退出全屏操作都被放置在播放器右下角,从哪里进入全屏,即可从哪里退出全屏,这样更容易被理解:

拉近用户体验的距离 拉近用户体验的距离

对称性交互可以简单的理解为“从哪里进入(或输入),即可从哪里退出(或输出)”

;对称性交互很容易理解和学习,加速用户的辨识与认知,提高易发现性和易操作性。

5、flick 的图片编辑(行内编辑,所见即所得)

拉近用户体验的距离

在Flick里进行图片编辑时,只需在文件名处点击下,即可在原来的位置进行重命名和添加图片描述;在行内进行编辑,所见即所得,缩短了用户操作和体验的距离。

6、skype正在输入和qq的对比(及时有效的反馈)

拉近用户体验的距离

skype聊天,当好友正在输入时,会有一个动画小铅笔在书写;当好友输入错误或删除内容时,就会变成倒过来的小铅笔,去擦掉内容;这种即时有效的反馈,给用户带来更好的体验。这个很小的细节设计,模拟了用户使用铅笔书写场景,拉近了网络和现实生活的距离。

而QQ在这块的体验就没有那么好了,当好友输入时,它会在窗口上面的区域给出反馈,不易被发现;而此时用户关注的焦点是下面的聊天内容区,用户的视线也就不得不来回转移:

拉近用户体验的距离

 

这里只是个人的一些小总结,还有更多的交互细节值得去思考。。。

 

相关文章

相关 [用户体验 距离] 推荐:

拉近用户体验的距离

- - 博客 - 伯乐在线
来源: jenson yang 的博客. 好的用户体验更容易拉近与用户的距离,提高用户完成任务的效率和用户使用过程的满意度、舒适感. 下面就从几个小细节说说用户体验的距离:. 当用户需要删除图片时,点击了“删除按钮”,即出现冒泡浮层提示用户确定删除,用户只需将视觉焦点放在图片上,减轻了视觉负担,而鼠标也无需移动很长距离去点击确定按钮,这样减少了用户操作的体力负担;相比弹出模态窗口,用户关注的视觉范围缩小了、思维切换更近了、鼠标移动的距离也缩短了.

用户体验

- tal-rasha - 博客园-首页原创精华区
    用户体验是一个很大的话题,先从一个故事说起.     周末参加了两天的PMP培训,听课期间注意到老师的一个细节,在讲选择题的时候,选项A、C读音正常,而“B”老师读为Boy,“D”老师读为Dog.     刚听到的时候大家莞尔一笑,以为这是个善意的玩笑.     很快,我想明白了,B和D的发音类似,容易混淆;Boy和Dog是简单的单词,发音能够明确区分,也没有类似Bog和Doy的读音混淆.

用户体验的价值

- 翔 - 所有文章 - UCD大社区
当今时代,包括苹果、谷歌、Instagram等不同类型、不同规模、不同领域的企业和团队的成功用户体验案例,时时激发着你的热情、激励着你的梦想,向你描绘了运用用户体验力量的前景. 然而,一旦开始尝试在企业中构建用户体验的力量时,你会发现:用户体验的投入与回报难于衡量,用户体验的工作方式可能与团队以往的工作方式难于融合,用户体验人才难于获得、难于领导、难于培养,用户体验的力量难于持续成长.

用户体验几问

- - 互联网的那点事
对用户来说,他们可能很自然地会期望各种移动服务跟他们的日常生活息息相关,希望每款应用界面美观易于操作,而且性能良好. 但是,不可否认的是,手机作为一种媒介本身还是有一定的局限. 这就导致,在很多情况下,这三个要求很难同时满足. 很多时候,应用的性能和表现常常被开发者忽视. 但是实际上,它对用户体验的影响是先决的.

用户体验地图

- - blueui
体验地图是一种了解用户与产品/服务/系统之间交互的工具,辅助分析、改善用户体验;一张体验地图可以直观的表达出用户操作流、期望、特定的目标、用户情绪状态和整体的体验链,确定用户可能会与你的产品的一些接触点,让你整体把控和评估产品体验. 现在制作体验地图有很多种方法和观点,没有形成一套很客观的方法,下面介绍一下AdaptivePath的Chirs Risdon的五维度理论(原文):.

记录用户体验细节

- 競 - rank's technical notes
突然有个想法,想把原来我发现的,看到的,听到的一些好的用户体验列出来,这些经验对于做终端的开发,都是值得我们学习的. 现在能想到的几条,以后想起来慢慢加上来. windows虽然IE做得不怎么样,但你可知道触发拖动事件不是mousedown开始就叫拖拽(DragDrop),而是有两个条件,一个是mousedown后1秒,或者鼠标移动3px后再开始触发拖动的么.

Firefox 4 中的用户体验改进

- chenqj - M.J.
翻译自火狐用户体验设计师Limi的博客文章. 我们现在已经在正式发布Firefox 4的最后阶段了,Firefox 4马上就要正式发布了——很可能就在下个星期——现在我们一起来看看在这个版本中用户体验方面有哪些非常重要的变化和改进. 您可能已经知道了,Firefox 4的外观会在所有支持的平台上作出重大的改变——Windows、Mac OS X、Linux/BSD.

谷歌用户体验设计准则

- 雄杰 - 所有文章 - UCD大社区
Googl用户体验团队致力于创建有用的(useful)、快速的(fast)、简单的(simple)、有吸引力的(engaging)、创新的( innovative)、适合大众的(universal)、有用的(profitable)、漂亮的(beautiful)、值得信赖的(trustworthy)、个性化的(personable)的应用.

“抄袭”生活中的用户体验

- Metalrush - 所有文章 - UCD大社区
仿生学是研究生物系统的结构和性质以及工程技术提供新的设计思想及工作原理的科学,而今天我要分享的“仿生学”是指仿照人们生活中的认知心理,所产生的行为事件,并将他们“抄袭”应用到产品设计模型中,让它更易于被人接受和使用. 自从接触了用户体验工作后,总是觉得生活中的用户体验无处不在,很多事情或者某一瞬间都可以被当做很好的用户体验案例来借鉴,给大家举几个例子.