给使用者及时处理、正确的意见反馈,是可视化设计十分关键的几项原则由敬请期待新闻报道应用程序项目组撰写的《设计之下》一书中,对操作方式意见反馈从形式、文本、边线几个方面做了十分详细的总结,满满蔬果今天这篇笔记提取了书中的要点并配上实例,分享给大家。
一、为什么要意见反馈 1、以人与人的沟通交流为例 1)人与人的沟通交流中,无法忍受的一类情况是:对方对自己说的话没有反应,好似视而不见 2)没有意见反馈或是不友好的意见反馈,就好似冷冰冰的人那样,会给使用者带来无助或不悦的负面体验。
2、及时处理正确的意见反馈的功用是什么 1)能够告诉使用者下一步该做什么 2)协助使用者做出判断和决定 二、意见反馈的形式 意见反馈的形式多样,所有的提示重要信息都应该在正确的时候再次出现在人文创意产品设计正确的边线, 用简短而清产品外观工业设计公司晰的文本提供有用的重要信息,不让使用者产生迷惑。
1、液体状提示重要信息 1)功用一 一般来说是断断续续再次出现在镜头上,就像液体那样过一会儿就会自己消亡,并不需要对它进行任何操作方式 一般来说用作告诉任务状况、操作方式结果 下图三个范例都属于操作方式结果的意见反馈提示重要信息,图1提示重要信息加进收藏获得成功,采用系统自带的toast面包提示重要信息;图2是新博客加载获得成功的提示重要信息,在导航系统栏下方浮在文本区上方;图3是QQ空间加进到选曲的提示重要信息,表明在导航系统栏深蓝色与状况栏颜色一致,效用不错。
尽管展示边线不同,但这些提示重要信息都是断断续续的再次出现在镜头上,1秒钟消亡 2)功用二 用作鼓励,就像漫画中的页面那样,带有一个指向具体位人文创意产品设计置的小尖,提示重要信息使用者需要关注哪个边线 与功用一不同,这类鼓励类提示重要信息通产品外观工业设计公司常不回很快消亡。
如下表所示图,图1奇妙清单、图2chan的范例,都提供了关闭按键,使用者既能点选提示地区也能点选关闭按键,来让提示重要信息消亡;图3来自图片社交App——in,使用者点选提示地区才能让提示重要信息消亡 3)不足之处 容易被使用者忽略,所以不适宜承载太多文本或关键重要信息
2、插入框 1)用法 一般会用有长篇大论表明文本和两个操作方式按键,用作确认和取消关键操作方式(比如说,是否删掉文本) 一般来说会用明显的颜色,突出表明可能将造成哟过户损失的操作方式项(比如说,“删掉”、“不保存”)
2)特点 插入框的再次出现,会强迫使用者关注快捷方式文本和操作方式,人文创意产品设计并屏蔽大背景的所有文本 对使用者打搅最大的一类提示重要信息 3)设计特别注意 插入圈形的表明、按键上的文本,最好短小精悍、一目了然,产品外观工业设计公司能协助使用者快速做出决策。
因为一般来说使用者都想赶快关掉插入框,以便接着完成被打断的操作方式 设计过程上要避免滥用插入框提示重要信息,对于不太关键又要意见反馈的事能用液体提示重要信息表示 3、按键/图标/镜像的挪动状况 1)基于人在现实生活世界经验 在现实生活中按一个按键会立即有挪动状况
2)人机可视化 当使用者在屏幕上挪动一个按键或镜像时,也需要有状况的改变,让使用者知道介面已经接收到他的操作方式了 如下表所示图,图1是iPhone照片介面,点选挪动左上角的“选择”,文本透明度变高、颜色变浅;图人文创意产品设计2是新浪网App,点选某个计算机程序时表明深蓝色表示挪动的效用;图3、4是chanApp,点选挪动按键时,大背景颜色加深,同时按键尺寸动效缩小。
4、人声 1)常见范例 虚拟键盘产品外观工业设计公司在挪动时的啪啪声 手机短信、邮件发送获得成功后的“嗖”一声 拍照App挪动按键是的啪啪声 2)设计特别注意 正确使用人声意见反馈有姚学甲效用,但过多的使用反而会变成一类打搅
不能将人声作为主要意见反馈,且要给使用者关闭提示重要信息音的权利(因为使用者所处的环境多样,可能将很吵而听不见人声,也可能将不适宜打开人声) 5、振动 1)功用 一类比较强烈的触觉意见反馈,可用来代替或加强人声提示重要信息 2)范例
在手机系统中应用广泛,比如说来电、手机短信、已连接人文创意产品设计充电 在手机App中较少用到 3)设计特别注意 不要乱用为好 6、动画 1)功用 给使用者提供有意义的意见反馈,协助使用者直观了解操作方式的结果 精美有趣的动画,能给使用者留下深刻印象、提升使用时的愉悦感,甚至成为产品吸引产品外观工业设计公司使用者的一个因素
2)范例 iOS系统在删掉邮件、照片时,通过拟物化的动画效用,让使用者知道操作方式已经生效,即——不要的邮件或照片已经被丢入了垃圾桶 这种形象的动画,协助使用者清晰感受到操作方式的执行过程,并增添了乐趣 在一些会持续比较久的操作方式里,比如说下载、删掉大量文件,用动态的进度条展示已完成的进度,并在可能将的时候提供解释重要信息,能够减少使用者的焦虑。
很多有趣的下拉刷新、上人文创意产品设计滑加载更多的范例,让等待不再枯燥 三、意见反馈的文本 1、重要信息 1)设计特别注意 文本重要信息应该简洁易懂,避免使用倒装句,最好长篇大论就能将意思表达清楚 避免使用过于程序化的语言
页面已有详细表明文本的操作方式,其意见反馈重要信息能简单一些,不必重复页面已有文本比如说昵称,产品外观工业设计公司介面上已有格式要求时,意见反馈错误时只需提示重要信息“昵称不符合要求” 适当使用图标,能吸引使用者特别注意,协助使用者判断提示重要信息的类型。
2、警告 1)功用 警告框,用作向使用者展示对使用程序有关键影响的重要信息 2)特点 浮现在程序中央,覆盖在主程序之上 它的到来,是由于程序或设备的状况发生了关键变动,并不一定是使用者最近的操作方式导致的。人文创意产品设计
一般来说至少有一个按键,使用者点选后即可关闭窗口 一般会有标题,并展示额外的辅助重要信息 3、错误 1)功用 提示重要信息使用者操作方式再次出现了问题或异常,无法继续执行 2)设计特别注意 错误提示重要信息,告知使用者为什么操作方式被中断,以及再次出现了什么错误。
错误重要信息要尽量准确、通俗易懂 有效的错误提示重要信息重要信息要解释发生的原因,并提供解决方案,以使使用者能够从错误产品外观工业设计公司中恢复 4、确认 1)功用 用作询问使用者是否要继续某个操作方式,让使用者进一步确认,为使用者提供可反悔、可撤销的退路。
2)设计特别注意 当使用者的操作方式结果较危险或不可逆时,通过二次选择和确认,防止使用者误操作方式 四、意见反馈再次出现的边线 1、状况栏 1)优点 人文创意产品设计很好的利用空间 2)缺点 边线不是很明显,建议只提示重要信息关键程度不高、或有跨镜头表明需求的提示重要信息
3)范例 一般来说发送文本时,需要一定的时间,为了不让使用者空等、还能去做点别的事儿,将等待过程弱化是很有必要的 2、导航系统栏产品外观工业设计公司 1)使用场景 一般是连接状况的展示,表示产品正在努力连接网络、拉取数据中。
适宜表明临时的较关键的提示重要信息类重要信息 2)范例 如下表所示图,图1是QQ音乐加进选曲的提示重要信息,前文也有提到;图2是AppFlow,加载文本时在导航系统栏提示重要信息,加载完成后再回到原状况,这种方式在Reeder中也有用到。
3、文本区上方 1)使用场景 边线在文本区上方、导航系统栏下方,一般来说为下拉刷新,人文创意产品设计是加载新文本的一类快捷方式 默认的提示重要信息重要信息是隐藏的,向下拉介面时才表明对应的提示重要信息重要信息,以鼓励使用者操作方式 4、屏幕中心。
1)使用场景 一般来说为整体性的比较关键的重要信息提示重要信息 需要引起使用者重视的、系统提示重要信息均能表明在此边线 2)设计特别注意 现在大家越来越追求产品风格,奢易属于自己产品的产品外观工业设计公司独特意见反馈形式、并自定义某个固定的边线表明提示重要信息也较为流行。
5、菜单栏上方 1)使用场景 可根据需要灵活的使用,基本没什么限制 能是应用的整体重要信息的提示重要信息;也能是与介面底部文本相关的提示重要信息 比如说,加载更多文本、或液体提示重要信息表示图片上传中 等等 2)范例。
如下表所示图,新浪网App,加载首页文本,暂无更人文创意产品设计新的提示重要信息既告知了使用者结果,又鼓励使用者去搜索更多兴趣,让首页文本变得更加丰富 6、底部(覆盖菜单栏) 1)使用场景 在此边线表明提示重要信息,并没有什么特别的好处,或许是对于新形式的一类追求。
2)范例 如下表所示图,Keep下载视频的提示重要信息,进度条表明在底部,此边线较为明显也不会影响使用者浏览文本区 五、意见反馈的设计原则 1、为使用者在各个阶段的产品外观工业设计公司意见反馈提供必要、积极、即时的意见反馈。
2、避免过渡意见反馈,以免给使用者带来不必要的打搅 3、能够及时处理看到效用的、简单的操作方式,能省略意见反馈提示重要信息 4、所提供的意见反馈,要能让使用者用最便捷的方式完成选择 5、未不同类型的意见反馈做差异化设计 6、不要打断使用者的人文创意产品设计意识流,避免遮挡使用者可能将回去查看或操作方式的对象。
1 7 分享到: 0 喜欢他,就推荐他上首页吧^_^