当前位置:w88优德官网网文章中心网站设计WEB标准 → 交互基础科普!聊聊移动APP中反馈提示的设计方法与实例

交互基础科普!聊聊移动APP中反馈提示的设计方法与实例

减小字体 增大字体 作者:admin  来源:本站整理  发布时间:2016-11-20 20:15:37
1-150919111102936一、为什么要反馈1、以人与人的交流为例人与人的交流中,无法忍受的一种情况是:对方对自己说的话没有反应,好像视而不见;没有反馈或是不友好的反馈,就好像冷冰冰的人一样,会给用户带来无助或不悦的负面体验。2、及时恰当的反馈的用处是什么能够告诉用户下一步该做什么帮助用户做出判断和决定二、反馈的形式反馈的形式多样,所有的提示都应该在恰当的时候出现在恰当的位置, 用简短而清晰的文字提供有用的信息,不让用户产生迷惑。1、气泡状提示1)用处一通常是短暂出现在画面上,就像气泡一样过一会儿就会自己消失,并不需要对它进行任何操作通常用于告诉任务状态、操作结果下图三个例子都属于操作结果的反馈提示,图1提示添加收藏成功,采用系统自带的toast吐司提示;图2是新微博加载成功的提示,在导航栏下方浮在内容区上方;图3是QQ空间添加到歌单的提示,显示在导航栏背景色与状态栏颜色一致,效果不错。尽管展示位置不同,但这些提示都是短暂的出现在画面上,1秒左右消失。12)用处二用于引导,就像漫画中的对话框一样,带有一个指向具体位置的小尖,提示用户需要关注哪个位置。与用处一不同,这类引导类提示通常不回很快消失。如下图,图1奇妙清单、图2知乎的例子,都提供了关闭按钮,用户既可以点击指引区域也可以点击关闭按钮,来让提示消失;图3来自图片社交App——in,用户点击指引区域才能让提示消失。23)不足之处容易被用户忽略,所以不适合承载太多文字或重要信息2、弹出框1)用法一般会带有一两句说明文字和两个操作按钮,用于确认和取消重要操作(比如,是否删除内容)通常会用明显的颜色,突出显示可能造成哟过户损失的操作项(比如,“删除”、“不保存”)2)特点弹出框的出现,会强迫用户关注弹窗内容和操作,并屏蔽背景的所有内容对用户打扰最大的一种提示3)设计注意弹出框上的说明、按钮上的文字,最好言简意赅、一目了然,能帮助用户快速做出决策。 因为通常用户都想赶快关掉弹出框,以便接着完成被打断的操作。设计过程中要避免滥用弹出框提示,对于不太重要又要反馈的事可以用气泡提示表示。3、按钮/图标/链接的按下状态1)基于人在现实世界经验在现实中按一个按钮会立即有按下状态2)人机交互当用户在屏幕上按下一个按钮或链接时,也需要有状态的改变,让用户知道界面已经接收到他的操作了。如下图,图1是iPhone照片界面,点击按下右上角的“选择”,文字透明度变高、颜色变淡;图2是豆瓣App,点击某个区块时显示背景色表示按下的效果;图3、4是知乎App,点击按下按钮时,背景颜色加深,同时按钮尺寸动效缩小。34、声音1)常见例子虚拟键盘在按下时的咔嚓声短信、邮件发送成功后的“嗖”一声微信摇一摇手机之后的咔嚓声拍照App按下按钮是的咔嚓声2)设计注意恰当使用声音反馈有点睛效果,但过多的使用反而会变成一种打扰不能将声音作为主要反馈,且要给用户关闭提示音的权利(因为用户所处的环境多样,可能很吵而听不见声音,也可能不适合打开声音)5、振动1)用处一种比较强烈的触觉反馈,可用来代替或加强声音提示2)例子在手机系统中应用广泛,比如来电、短信、已连接充电 在手机App中较少用到3)设计注意不要乱用为好6、动画1)用处给用户提供有意义的反馈,帮助用户直观了解操作的结果精美有趣的动画,能给用户留下深刻印象、提升使用时的愉悦感,甚至成为产品吸引用户的一个因素2)例子iOS系统在删除邮件、照片时,通过拟物化的动画效果,让用户知道操作已经生效,即——不要的邮件或照片已经被丢入了垃圾桶。 这种形象的动画,帮助用户清晰感受到操作的执行过程,并增添了乐趣。在一些会持续比较久的操作里,比如下载、删除大量文件,用动态的进度条展示已完成的进度,并在可能的时候提供解释信息,能够减少用户的焦虑。很多有趣的下拉刷新、上滑加载更多的例子,让等待不再枯燥三、反馈的内容1、信息1)设计注意文字信息应该简洁易懂,避免使用倒装句,最好一两句就能将意思表达清楚避免使用过于程序化的语言
[1] [2]  下一页
本文引用网址:
在下列搜索引擎中搜索“交互基础科普!聊聊移动APP中反馈提示的设计方法与实例”的相关信息:
谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1王梦溪未经处理照曝光 王梦溪口...
  • 22013最新门事件 警花王梦溪不雅...
  • 3网传某校女老师与人偷欢春宫艳...
  • 4王梦溪口交不雅照流出 王梦溪自...
  • 5兰州西固警花王梦溪不雅裸照下...
  • 12016年最新成年身份证号码大全...
  • 2你们真以为网络主播月入万元的...
  • 3近几年前端技术盘点以及 2016 ...
  • 4Godaddy支付宝12美元送免费优德w88官网...
  • 5新手建站十大免费空间推荐、及...
  • 1最流行的性交姿势图解 真人示范...
  • 2华航空姐艳照门:空姐自拍裸体照...
  • 3什么姿势女的最爽?最刺激的做...
  • 4合肥艳照门事件 合肥艳照门全套...
  • 5李雪不雅照流出 一字马女神李雪...
  • 1Linux操作系统下的安全问题研究...
  • 2Linux操作系统故障技巧
  • 3虚拟化环境下之服务器存储备份...
  • 4HTTP 错误 404 - 文件或目录未...
  • 5通过组策略和注册表关闭win7 U...
  • 赞助商广告

    图片文章导读