用户反馈设计怎么做?90%的新手UI设计师没有重视这个细节……

现在的UI设计,注重视觉效果,更注重用户体验。一些小的细节设计,说不定也能戳中用户的心。

比如点赞的动效就很巧妙,点了小心心之后,可以瞬间感知操作的结果,还附赠了一个弹动的效果,感觉是在给用户发送爱心信号。
当然了,现在每个公司在开发产品的过程中,都很重视用户体验的设计,今天数艺君重点给大家介绍一下用户反馈设计,在交互中会与用户产生直接的交流的沟通,我们来看看7种常见的用户反馈设计吧。
气泡状提示
气泡形状的提示一般会在目标元素附近浮层显示,因为它在UI 上显示的时间并不长,容易被忽略。由于气泡的这种特性,并不适合用它承载太多的内容和重要信息。一般常见的气泡状反馈有两种。一种是浮在界面内容区上方的气泡,用来提示用户操作后的结果。例如,淘宝 App 在收藏商品后会出现一个气泡提示,显示收藏成功,如图所示。


气泡状结果反馈
另一种下方带有小尖角的气泡是用于引导的,它会指向一个具体的位置,吸引用户的关注,如图所示。


气泡状结果反馈
弹出框提示
弹出框形式的反馈复层一般位于界面的中心,而且通常会有两个操作按钮,用于确认或取消来进行关闭。值得注意的是,弹出框的出现会让用户强迫关注提示的内容,而且会把背景的内容屏蔽掉,是一种很强的反馈,所以弹出框的设计最好简单明了,帮助用户快速做出选择 , 因为它的这种特性,在需要传递非常重要的信息时才用到它。如果不是很重要的反馈,使用气泡提示用户就好,如图所示。


弹出框提示反馈
按钮的反馈
在现实生活中,如果按下一个按钮,它就会有被按下的状态。因此,在设计UI 时,当屏幕上的按钮被按下时,也需要随之而来的改变。按钮反馈可以让用户知道他们的操作是否已经被界面接收到,如图所示。


按钮反馈
声音的反馈
声音反馈是一种常见的反馈,例如,我们在屏幕上使用虚拟键盘时听到的嗒嗒声,拍照时的咔嚓声,以及在玩游戏时让用户更有代入感的模拟现实的音效等。虽然有时用声音作为反馈对 UI设计有画龙点睛的效果,但不能过度使用,不然会打扰到用户。而且还要给用户设置关闭声音的选项,让用户有是否开启音效的权利,如图所示。


声音反馈
震动的反馈
震动这种强烈的触觉反馈可以加强或者代替声音反馈。例如,来电或者接收短信时会有震动,或者在游戏中主角死亡时移动设备会产生震动,但是这种反馈在 UI 设计时很少用到,所以不要乱用为好。
动画的反馈
除了以上几种常见的反馈,还有一种更生动的反馈形式——动画反馈。生动有趣的动画不仅可以吸引用户的注意力,给用户留下深刻的印象,而且能够帮助用户更直观地了解到操作的结果。比如,微博主页界面在下拉刷新时,就有一个有趣的动画反馈,暗示了用户正在处理中,还需要等待一小会儿,如图所示。


动画反馈
反馈的位置
不管什么形式的反馈,都应该在合适的时候合适的位置出现。现在各种应用程序的界面反馈的位置有所差异,但是反馈出现的位置总体可以分为 6 种。在移动 UI 设计时,不同的场景要根据具体情况选择合适的反馈形式,在相应的位置进行反馈。接下来就介绍 6 个常出现的反馈位置。
状态栏
在这个位置上的反馈,所提示的信息不是很重要。虽然可以很好地利用空间,但是这个位置不是很显眼,一般很少设计。例如,现在手机系统都有骚扰拦截,会在状态栏反馈拦截状态,如图所示。


状态栏位置反馈
导航栏
这个位置一般是显示较重要的临时提示信息,可以是连接状态的提示,表示正在连接网络或拉取数据中,也可以是操作后结果的反馈,如图所示。


导航栏位置反馈
内容区上方
这个位置的提示信息一般是默认隐藏的,要往下拉界面才会显示对应的信息。这种下拉刷新加载内容的反馈是一种新的快 捷方 式。很多应用的下拉刷新的内容反馈就是在这个位置,如图所示。


内容区上方位置反馈
屏幕中心
在屏幕中心的位置显示的反馈信息,一般是需要引起用户重视的比较重要的信息提示,如图所示。


屏幕中心位置反馈
菜单栏上方
这个位置的反馈,基本没有什么限制,设计师可以根据具体的设计需要灵活使用。可以是关于应用程序的整体信息提示,也可以是界面底部内容的相关提示,如加载更多内容或通过气泡提示图片正在上传中等,如图所示。


菜单栏上方位置反馈
底部
在底部这个位置的反馈是一种新的流行趋势,现在越来越多的设计师在设计 UI 时会将弹出框放在此位置。虽然并没有特别的好处,但是在这个位置可以较为明显地显示信息,也不会屏蔽画面影响用户对于内容区的浏览。例如,藏书馆 App 在阅读图书时,底部会有一个图书下载进度的提示,如图所示。



底部位置反馈