关于用户帮助提示功能的交互设计

Daisy戴西earth

Daisy戴西earth

2016-02-17 04:24

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐关于用户帮助提示功能的交互设计,希望大家看完后也有个好心情,快快行动吧!

任何一个交互过程的操作,对于用户来说都有学习成本,谁也不能保证所有人都可以准确无误地走完一个流程。交互设计师在设计时应该考虑适时地给用户相应的帮 助,这一点非常重要。适时帮助,是指在用户使用流程中,在需要的时候能及时地得到帮助;反之,在不需要帮助的时候,不要出现信息干扰。

不及时的帮助会造成用户使用进程中断,或者增加用户达成目标的难度。无效的帮助则可能给用户造成干扰,影响用户完成任务。

适时帮助是一个偏正结构,首先是帮助,然后制约条件是适时。我们分开来讲。

在理想的交互设计状态下,我们当然希望用户在使用过程中无师自通,但受制硬件、使用环境、用户层次等各种原因,有一个老师帮助用户是非常必要的。

韩愈在《师说》里一开始就讲到:古之学者必有师。师者,所以传道受业解惑也。人非生而知之者,孰能无惑?

同理,我们的帮助也是相似的作用,传道授业解惑。

1.传道

传道主要是理论上的帮助,告诉别人这是什么,主要指一些名词解释,规则说明等等。

2.授业

授业主要是操作上的帮助,告诉用户怎么作才能完成整个流程。很多当前操作提示,流程示意图等都属于这个范畴。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

3.解惑

解惑主要是在用户迷惑不解的时候提供解决方案,比如对用户操作出错的建议,某分流程结束后的帮助提示等等。

然后主要来说一说适时。这就要讨论用户在什么时候需要帮助。一般有以下三种情况:

A.在用户第一次使用某产品功能的时候。

当新用户使用一个产品的时候需要帮助,或者老用户在使用一项新功能的时候,由于认知不足,用户会觉得陌生,不知所措。此时帮助应该及时出现,但不能一直强制出现,应该让用户有选择的余地。

B.在用户已经出错或者将要出错的时候。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

当用户在流程中不小心与系统现在规则有了冲突的时候应该及时提醒,不能任其为之,到最后显示一句对不起,你出错了,这样可能会造成用户主动中断流程。

C.在用户遇到不明白的问题的时候。

用户遇到不明白的名词或者操作时,应该及时给出解释。用户了解信息主体时候,如果有必要的补充说明也应该及时出现。

当出现以上三种情况的时候,我们应该采取适当的方法来为用户提供帮助。

1.帮助信息明显,提示方式灵活。

看案例:

关于用户帮助提示功能的交互设计,PS教程,图老师教程网

google文档的新功能帮助信息,第一次访问时,用明显的形式出现,用户点击关闭以后再也不会出现;如果点击以后提醒我,帮助信息会暂时关闭,下次访问还会出现。

2.及时反馈操作,防止用户出错;分析错误原因,给出合理建议。

看案例:

关于用户帮助提示功能的交互设计,PS教程,图老师教程网

上图针对错误页面的帮助提示,分析用户可能出现的原因,并给出了一些建议。我们再来看看下面这个反面案例。

关于用户帮助提示功能的交互设计,PS教程,图老师教程网

用户在注册过程中,用户已经存在的情况下,输入是没有提示的;直到所有资料填写好之后提交,才弹出结果页面,说用户名已经被注册,然后让用户重新填写。这个帮助信息来得太晚了,如果在注册用户填写用户名的时候,就检测该用户名是否有效,就不会让用户觉得前功尽弃了。

3.及时补充,信息完整 #FormatImgID_3#再看QQ会员页面,在开通会员的大按钮下有一个QQ会员是什么的帮助信息,这个帮助就是为了让用户首先在理论上对QQ会员有一个认知。对用户不了解的信息给出了通往答案的道路。

总之,帮助在交互设计的有效性里有相当重要的地位,而适时性是帮助的重要关键点。我们可以用两个词组合起来,形容适时帮助的特点,那就是聊胜于无,过犹不及。只有及时而不多余的帮助信息才能更好地帮助用户,从而完成一个具有有效性的交互设计。

进入论坛参与讨论和交作业

展开更多 50%)
分享

猜你喜欢

关于用户帮助提示功能的交互设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
关于用户帮助提示功能的交互设计

解析交互设计中的拖放交互设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
解析交互设计中的拖放交互设计

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

化繁为简的交互设计给用户带来了什么?

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
化繁为简的交互设计给用户带来了什么?

交互设计:避免让用户在网站上迷路

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
交互设计:避免让用户在网站上迷路

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

8个视觉稿设计工具帮助你搞定交互设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
8个视觉稿设计工具帮助你搞定交互设计

微软bing的创意交互设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
微软bing的创意交互设计

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

详细介绍名片设计中的内容表现

详细介绍名片设计中的内容表现

黑白相片变成逼真的彩色照片

黑白相片变成逼真的彩色照片
下拉加载更多内容 ↓