15360891616
您的当前位置:主页 > 新闻动态 > App知识 >

App临时框的四种设计目标

时间:2016-09-13     发布人:明智科技    阅读量:111

       作为专业的广州手机App开发公司,都会有一支专业的设计团队,而IOS10在最近发布了,苹果总结了一句话:“更有趣的微交互,更直观的信息展现形式”。IOS和Android里有个特殊的设计形式:临时框,这是从PC时代移植过来的,对于设计师来说,在什么情形下用哪种临时框,是基本功之一,对于最终产品的用户体验起到举足轻重的作用,所以今天我们来说说App临时框的设计

         App临时框的四种设计目标
 
       根据不同的设计目标,临时框一般被分为四种。
 
1、警告视图(Alert View)
 
       当你触发了删除按钮时,App是什么反应?删除的操作太敏感了,所以需要让你再次确认下,这就是App里的警告视图Alert View。
 
       而App要获取位置信息;访问相册和相机;让你升级App等,都需要用到警告视图。

       App临时框的四种设计目标1、警告视图(Alert View)
 
       从上图可以看到,警告视图包括三个部分:标题;正文;按钮。有些文案简单的警告视图只有标题和按钮,不需要正文来说明。
 
2、操作列表(Action Sheet)
 
       在当前页面要满足(收藏,下载,点赞等等)多需求的时候,就要用到操作列表Action Sheet。

       App临时框的四种设计目标2、操作列表(Action Sheet)

       针对当前页面,用户想要执行的操作太多了,不可能把这些操作都放出来,这样页面上全都是密密麻麻的icon、button。而用操作列表的形式把这些按钮都放在一个临时框里就完美的解决了这个问题。
 
3、模态视图(Modal View)
 
       打开iPhone自带的邮件App,点击写邮件,这个时候页面上底部弹出,占据了整个手机屏幕,当写完邮件,点击发送,或者不想写邮件了,点击取消,都可以回到原来的页面。这个页面就叫作模态视图Modal View。
 
       App定制服务专家表示临时框的意思并不是又占据手机屏幕的多少来决定,它的评判标准是有没有脱离主任务。二级页面是直接脱离了主任务,前往执行下一个任务,但是模态知识暂停了主任务,完成了模态里的操作后会自动回到主任务。

       App临时框的四种设计目标3、模态视图(Modal View)
 
       模态视图有一下几个特点(对照上面三种图会更容易理解):
 
       占据整个屏幕,或者占据整个父视图的区域。
       包含完成当前任务所需的文字和控件。
       通常也包含一个完成任务的按钮,和一个取消按钮。
 
4、操作回应(Toast)
 
       操作回应为自我翻译,因为百度不到中文翻译。
 
       当时Toast比较特殊,它会自动消失,一般维持的时间是1秒到1.5秒。时间太短用户没办法感知,时间过长又没有必要。
 
       Toast临时框的组成比较简单,一个颜色作为打底,上面展示要提示的文案。
 
       那么什么情况下要用到Toast呢?
 
       由于移动端的使用场景很复杂,用户执行了某一个操作时,很多时候App并不能立即反馈给用户操作结果,这个时候弹出一个Toast提示用户已经执行了该操作,会显得很人性化,这就是用户体验。

       App临时框的四种设计目标4、操作回应(Toast)
 
       当用户执行无效操作时提示用户,该操作不正确。想象一下,如果上图的第三张页面,App不提示用户系统账号无法删除,用户会很懵逼,因为点击删除按钮毫无反应,用户也不清楚为什么没反应。
 
       提示用户操作错误或者正确,列如App经常会提示用户:登录成功、下载失败、密码输入错误。
 

技术支持:明智科技 Copyright © 2015-2016 Www.MingzhiApp.Com 明智科技 版权所有 Power by DedeCms 粤ICP备15011055号-3