企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

建站知识

Website development

上海网站交互设计云智聊聊移动APP中反馈提示的设计办法与实例

发布时间:2015-12-21 09:29:13

TAGS:网站设计培训学校,广州网站设计公司

1-15091911110293665E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

一、为什么要反馈65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、以人与人的交流为例65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

人与人的交流中,无法忍受的一种情况是:对方对自己说的话没有反应,好像视而不见;没有反馈或是不友好的反馈,就好像冷冰冰的人一样,会给客户带来无助或不悦的负面体验。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、及时恰当的反馈的用处是什么65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

能够告诉客户下一步该做什么帮助客户做出判断和决定65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

二、反馈的形式65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

反馈的形式多样,所有的提示都应该在恰当的时候出如今恰当的位置, 用简短而清晰的文字提供有用的信息,不让客户产生迷惑。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、气泡状提示65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)用处一65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

通常是短暂出如今画面上,就像气泡一样过一会儿就会自己消失,并不必需对它进行任何操作65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

通常用于告诉任务状态、操作结果65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

下图三个例子都属于操作结果的反馈提示,图1提示添加收藏成功,采用系统自带的toast吐司提示;图2是新微博加载成功的提示,在导航栏下方浮在内容区上方;图3是QQ空间添加到歌单的提示,显示在导航栏背景色与状态栏颜色一致,效果不错。尽管展示位置不同,但这些提示全是短暂的出如今画面上,1秒左右消失。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

165E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)用处二65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

用于引导,就像漫画中的对话框一样,带有一个指向具体位置的小尖,提示客户必需关注哪个位置。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

与用处一不同,这类引导类提示通常不回很快消失。如下图,图1奇妙清单、图2知乎的例子,都提供了关闭按钮,客户既可以点击指引区域也可以点击关闭按钮,来让提示消失;图3来自图片社交App——in,客户点击指引区域才能让提示消失。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

265E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3)不足之处65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

容易被客户忽略,所以不恰好承载太多文字或重要信息65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、弹出框65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)用法65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

一般会带有一两句说明文字和两个操作按钮,用于确认和取消重要操作(例如,是否删除内容)65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

通常会用明显的颜色,突出显示或许造成哟过户损失的操作项(例如,“删除”、“不保存”)65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)优点65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

弹出框的出现,会强迫客户关注弹窗内容和操作,并屏蔽背景的所有内容65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

对客户打扰大的一种提示65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3)设计留意65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

弹出框上的说明、按钮上的文字,好言简意赅、一目了然,能帮助客户快速做出决策。 因为通常客户都想赶快关掉弹出框,以便接着完成被打断的操作。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

设计过程中要避免滥用弹出框提示,对于不太重要又要反馈的事可以用气泡提示表示。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、按钮/图标/链接的按下状态65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)基于人在现实世界经验65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在现实中按一个按钮会立即有按下状态65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)人机交互65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

当客户在屏幕上按下一个按钮或链接时,也必需有状态的改变,让客户知晓界面已经接收到他的操作了。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如下图,图1是iPhone照片界面,点击按下右上角的“选择”,文字透明度变高、颜色变淡;图2是豆瓣App,点击某个区块时显示背景色表示按下的效果;图3、4是知乎App,点击按下按钮时,背景颜色加深,同时按钮尺寸动效缩小。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

365E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、声音65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)常见例子65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

虚拟键盘在按下时的咔嚓声65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

短信、邮件发送成功后的“嗖”一声65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

微信摇一摇手机之后的咔嚓声65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

拍照App按下按钮是的咔嚓声65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)设计留意65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

恰当使用声音反馈有点睛效果,但过多的使用反而会变成一种打扰65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

不能将声音作为主要反馈,且要给客户关闭提示音的权利(因为客户所处的环境多样,或许很吵而听不见声音,也或许不恰好打开声音)65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

5、振动65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)用处65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

一种比较强烈的触觉反馈,可用来代替或加强声音提示65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)例子65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在手机系统中应用广泛,例如来电、短信、已连接充电 在手机App中较少用到65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3)设计留意65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

不要乱用为好65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

6、动画65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)用处65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

给客户提供有意义的反馈,帮助客户直观知晓操作的结果65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

精美有趣的动画,能给客户留下深刻印象、提升使用时的愉悦感,甚至成为产品吸引客户的一个因素65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)例子65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

iOS系统在删除邮件、照片时,通过拟物化的动画效果,让客户知晓操作已经生效,即——不要的邮件或照片已经被丢入了垃圾桶。 这种形象的动画,帮助客户清晰感受到操作的执行过程,并增添了乐趣。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在一些会持续比较久的操作里,例如下载、删除大量文件,用动态的进度条展示已完成的进度,并在或许的时候提供解释信息,能够减少客户的焦虑。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

很多有趣的下拉刷新、上滑加载更多的例子,让等待不再枯燥65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

三、反馈的内容65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、信息65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)设计留意65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

文字信息应该简洁易懂,避免使用倒装句,好一两句就能将意思表达清楚65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

避免使用过于程序化的语言65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

页面已有详细说明文字的操作,其反馈信息可以简单一些,不必重复页面已有文字。例如昵称,界面上已有格式需求时,反馈错误时只需提示“昵称不适合需求”65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

适当使用图标,可以吸引客户留意,帮助客户判断提示的类型。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、警告65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)用处65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

警告框,用于向客户展示对使用程序有重要影响的信息。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)优点65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

浮如今程序中央,覆盖在主程序之上65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

它的到来,是由于程序或设备的状态发生了重要变动,并不一定是客户近的操作导致的65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

通常至少有一个按钮,客户点击后即可关闭窗口65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

一般会有标题,并展示额外的辅助信息65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、错误65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)用处65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

提示客户操作出现了难题或异常,无法继续执行65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)设计留意65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

错误提示,告知客户为什么操作被中断,以及出现了什么错误。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

错误信息要尽量准确、通俗易懂。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

有效的错误提示信息要解释发生的原因,并提供解决方案,以使客户能够从错误中恢复。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、确认65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)用处65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

用于询问客户是否要继续某个操作,让客户进一步确认,为客户提供可反悔、可撤销的退路。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)设计留意65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

当客户的操作结果较危险或不可逆时,通过二次选择和确认,防止客户误操作65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

四、反馈出现的位置65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、状态栏65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)优点65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

很好的利用空间65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)缺点65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

位置不是很明显,提示只提示重要程度不高、或有跨画面显示需求的提示65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3)例子65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如下图,图1、2是新浪微博App,在写微博界面点击“发送”,回到原界面同时状态栏提示发送状态;图3是网易邮箱大师App,邮件发送后离开写邮件界面,同时右上角提示邮件的发送进度。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

通常发送内容时,必需一定的时间,为了不让客户空等、还能去做点别的事儿,将等待过程弱化是很有必要的。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

465E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、导航栏65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)使用场景65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

一般是连接状态的展示,表示产品正在努力连接网络、拉取数据中65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

恰好显示临时的较重要的提示类信息65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)例子65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如下图,图1是QQ音乐添加歌单的提示,前文也有提到;图2是AppFlow,加载内容时在导航栏提示,加载完成后再回到原状态,这种方式在Reeder中也有用到。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

565E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、内容区上方65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)使用场景65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

位置在内容区上方、导航栏下方,通常为下拉刷新,是加载新内容的一种快捷方式。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

默认的提示信息是隐藏的,向下拉界面时才显示对应的提示信息,以引导客户操作。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、屏幕中心65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)使用场景65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

通常为整体性的比较重要的信息提示65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

必需引起客户重视的、系统提示均可以显示在此位置65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)设计留意65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如今各位越来越追求产品风格,奢易属于自己产品的独特反馈形式、并自定义某个固定的位置显示提示也较为流行。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

5、菜单栏上方65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)使用场景65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

可根据必需灵活的使用,基本没什么限制65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

可以是应用的整体信息的提示;也可以是与界面底部内容相关的提示。 例如,加载更多内容、或气泡提示表示图片上传中 等等。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)例子65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如下图,豆瓣App,加载首页内容,暂无更新的提示。既告知了客户结果,又引导客户去搜索更多兴趣,让首页内容变得更加丰富。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

665E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

6、底部(覆盖菜单栏)65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1)使用场景65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在此位置显示提示,并没有什么特别的好处,或许是对于新形式的一种追求。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2)例子65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如下图,Keep下载视频的提示,进度条显示在底部,此位置较为明显也不会影响客户浏览内容区。65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

765E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

五、反馈的设计原则65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、为客户在各个阶段的反馈提供必要、积极、即时的反馈65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、避免过渡反馈,以免给客户带来不必要的打扰65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、能够及时看到效果的、简单的操作,可以省略反馈提示65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、所提供的反馈,要能让客户用便捷的方式完成选择65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

5、未不同类型的反馈做差异化设计65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

6、不要打断客户的意识流,避免遮挡客户或许回去查看或操作的对象65E上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

原创不易,未经授权,严禁转载

原文地址:/i,72,6280,0.html

客户评价

更多+
  • 感谢特马资料qq群,系统提前完成,在整个项目周期内,特马资料qq群对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的特马资料qq群团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。假如想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的特马资料qq群(上海)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,要点是响应速度蛮快,有什么难题都会马上给你解决,公司很满意,因为他们全是针对每个项目建了相应的讨论组,有难题可以再里面提出,人员分工到位,解决难题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!