时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络
小提示:您能找到这篇{交互设计基础 | 聊聊移动APP中反馈提示的设计方}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的交互设计基础 | 聊聊移动APP中反馈提示的设计方内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您! |
给用户及时、恰当的反馈,是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中,对操作反馈从形式、内容、位置几个方面做了非常详细的总结,满满干货。今天@青溪Joanna这篇读书笔记提取了书中的要点并配上实例,分享给大家。 一、为什么要反馈1、以人与人的交流为例1)人与人的交流中,无法忍受的一种情况是:对方对自己说的话没有反应,好像视而不见。 2)没有反馈或是不友好的反馈,就好像冷冰冰的人一样,会给用户带来无助或不悦的负面体验 2、及时恰当的反馈的用处是什么1)能够告诉用户下一步该做什么 2)帮助用户做出判断和决定 二、反馈的形式反馈的形式多样,所有的提示都应该在恰当的时候出现在恰当的位置, 用简短而清晰的文字提供有用的信息,不让用户产生迷惑。 气泡状提示1)用处一
下图三个例子都属于操作结果的反馈提示,图1提示添加收藏成功,采用系统自带的toast吐司提示;图2是新微博加载成功的提示,在导航栏下方浮在 内容区上方;图3是QQ空间添加到歌单的提示,显示在导航栏背景色与状态栏颜色一致,效果不错。尽管展示位置不同,但这些提示都是短暂的出现在画面上,1 秒左右消失。
2)用处二 用于引导,就像漫画中的对话框一样,带有一个指向具体位置的小尖,提示用户需要关注哪个位置。 与用处一不同,这类引导类提示通常不回很快消失。如下图,图1奇妙清单、图2知乎的例子,都提供了关闭按钮,用户既可以点击指引区域也可以点击关闭按钮,来让提示消失;图3来自图片社交App——in,用户点击指引区域才能让提示消失。 3)不足之处 容易被用户忽略,所以不适合承载太多文字或重要信息 弹出框1)用法
2)特点
3)设计注意
按钮/图标/链接的按下状态1)基于人在现实世界经验
2)人机交互
如下图,图1是iPhone照片界面,点击按下右上角的“选择”,文字透明度变高、颜色变淡;图2是豆瓣App,点击某个区块时显示背景色表示按下的效果;图3、4是知乎App,点击按下按钮时,背景颜色加深,同时按钮尺寸动效缩小。 声音1)常见例子
2)设计注意
振动1)用处
2)例子
3)设计注意
动画1)用处
2)例子
三、反馈的内容信息1)设计注意
警告1)用处
2)特点
错误1)用处
2)设计注意
确认1)用处
2)设计注意
四、反馈出现的位置状态栏1)优点
2)缺点
3)例子 如下图,图1、2是新浪微博App,在写微博界面点击“发送”,回到原界面同时状态栏提示发送状态;图3是网易邮箱大师App,邮件发送后离开写邮件界面,同时右上角提示邮件的发送进度。 通常发送内容时,需要一定的时间,为了不让用户空等、还能去做点别的事儿,将等待过程弱化是很有必要的。 导航栏1)使用场景
2)例子 如下图,图1是QQ音乐添加歌单的提示,前文也有提到;图2是AppFlow,加载内容时在导航栏提示,加载完成后再回到原状态,这种方式在Reeder中也有用到。 内容区上方1)使用场景
屏幕中心1)使用场景
2)设计注意
菜单栏上方1)使用场景
2)例子 如下图,豆瓣App,加载首页内容,暂无更新的提示。既告知了用户结果,又引导用户去搜索更多兴趣,让首页内容变得更加丰富。 底部(覆盖菜单小米手机营销特点栏)1)使用场景
2)例子 如下图,Keep下载视频的提示,进度条显示在底部,此位置较为明显也不会影响用户浏览内容区。 五、反馈的设计原则
#专栏作家#青溪Joanna,微信公众号-青溪札记(qingxizhaji),交互设计师一枚,喜欢体验各种App,关注社交、在线旅游、O2O、工具类产品;擅长需求分析、交互设计,有一定前端开发经验;业余时间喜欢网球、ukulele、简笔画,正在努力攒技能。 本文于,,不得转载。 |
上一篇:总监级的思考!视觉设计该如何赋予产品个性?
下一篇:UCD,以用户为中心的设计
一、标题规则:标题关键词分开的店铺,关键词排名和权重会排在前面。所以店主...
作为一个淘宝卖家,关注自己的店铺权重,是十分重要的,因为这对自己的销量、...
一般的消费者在淘宝买东西的时候都会先输入一个他理解这个产品的词组,顾客的...
淘宝直通车收费方式还是挺好的,所以对于一些资金比较少的淘宝店家来说,推广...
第一步:登录到淘宝卖家中心,点击左侧菜单中的『物流管理-电子面单平台-我的...
推广当然都希望立竿见影,最好来一个点你广告的,就做一笔生意,所以要选择你...
现在开淘宝网店只要交一些保证金就可以完成了,可以说是投资最低的创业成本了...
宝贝滞销,也就是说宝贝长期没有销量,上架之后90天依然没有销量,那么淘宝方...
直通车坑位指的是大家在使用直通车做店铺推广的时候,官方平台给予宝贝的展示...
线下活动对很多网站来说不容易,对于一些静态网站来说更加无从着手。比如技术...
小提示:您应该对本页介绍的“交互设计基础 | 聊聊移动APP中反馈提示的设计方”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通交互设计基础 | 聊聊移动APP中反馈提示的设计方的相关事宜。
关键词:交互设计, 反馈提示,