第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

设计小结:如何设计B端产品中的“操作反馈”?(2)

时间:2018-02-26 13:46来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
用户执行搜索、查询等操作时,产品应该可以及时响应,并直接在页面或搜索框实时告知用户结果。在此类反馈中,搜索框的操作提示是一种比较特殊的提

  用户执行搜索、查询等操作时,产品应该可以及时响应,并直接在页面或搜索框实时告知用户结果。在此类反馈中,搜索框的操作提示是一种比较特殊的提示,已经有很多设计师提出了一些与操作反馈相关的,很棒的小技巧来提升用户的搜索体验,如模糊搜索、关键词推荐、联想、搜索结果即时响应等等,感兴趣的朋友可以去网上搜索相关文章,在此不作赘述。

  3、任务进程

  常见场景有:删除、导入、查询、上传、下载、刷新、安装、更新、卸载……

  在这些场景中,可能任务不会马上完成,系统需要有一个加载、校验、查询或计算的过程。在这个过程中,我们必须让用户的操作得到恰当的反馈——设计师有必要告诉用户两个事情:

  我的操作(提交、下载、安装……)是正常的,产品已经或正在正常运行;

  这个过程需要一点时间,请耐心等候;

设计小结:如何设计B端产品中的“操作反馈”?

  进程动画:

  良好的反馈,可以有效减少用户的疑惑,并缓解用户在等待过程中的焦虑和不耐烦。一些趣味性的加载动画,甚至可以让用户感到愉悦。还有一些网页游戏的加载和转场页面,会设计一些只需要简单点击的小游戏,这让等待过程变得非常欢乐,甚至是一种“享受”。

  这对于略显严肃的B端产品或许有些过度设计,但这种理念是值得借鉴的:我们可以使用一些简单有趣的小动画,配上准确而不失活泼的文案,这种情感化设计可以让用户在“感知”到这个进程变得更快了,且能有效地提升用户的愉悦感,进而增加其对产品的好感。

  

设计小结:如何设计B端产品中的“操作反馈”?

  有趣的过渡动画能减少焦虑,带给用户愉悦感

  数据实时变化:

  在列表添加或删除大量数据时,如果可以让用户实时看到数据和列表行次的增减,可以让用户更“放心”,并且对这个过程有一种“期待”,让用户感知到任务已在进行且很快将完成,从而减少用户等待时的焦虑感。

  

设计小结:如何设计B端产品中的“操作反馈”?

  点击“远程获取”后,页面数据会实时增加

  4、表单校验:表单状态、字段录入格式、长度;

  用户在填写表单后,点击“保存”、“提交”等操作时,我们需要对用户输入的内容进行校验。这样做除了避免或减少用户错误,也可以规范用户的操作,使系统存储的信息可控、规范化、结构化。

  我们可以看到,在很多产品中,在校验表单填入内容是否合法时,产品和开发人员都喜欢使用toast提示。对于多数简单的表单来说,这样做并没有什么不妥,且比那些动不动就使用弹窗的产品来说明细更好,但对于略复杂的表单来说,我们还有更好的设计。如,使用显示在操作对象(如输入框等)附近的高亮文字提示,可以方便用户及时、快速定位到是哪里填写出错。

  那么,用户填写表单的过程中,什么时候校验更好呢?按照校验的先后,我将表单校验分为“后置”和“前置”两类。

  后置校验:

  在B端产品的表单中,似乎开发人员更喜欢将校验“置后”,即在用户最后一步点击“提交”或“保存”按钮时才按字段顺序依次校验录入是否符合要求。这样将校验集中在最后用户操作的好处是,可以减少很多前端的控制,同时可以减少用户在输入时对服务器的请求次数(一些简单的如字段长度控制除外),从而减少对后台的压力。

  

设计小结:如何设计B端产品中的“操作反馈”?

  后置校验:点击“提交”时校验必填项是否为空

  前置校验:

  这种出发点无可厚非,但据我所知,很多前置的校验并不会消耗过多资源;在这种前提下,我更建议将校验前置,这样用户在输入时,可以更及时地帮他们检查自己输入是否正确,而不是在填完十几个字段后还要回过头来重新审查。

  前置的校验和提示出现的时机,一般是在用户录入或选择后,目标控件失去焦点时。然后在用户修改录入(再次获得焦点)或录入内容变化时,提示消失;在用户完成修 改(再次数去焦点)时再次校验。这样的校验应该是一种体验更好的设计。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕