全国免费咨询热线:400-611-9921
 
APP退出登录时,提示框是从中间弹出,还是底部弹起?

2016-02-16

1906

上图左边是微信的退出界面,提示框是从底部弹起的。上图右边是QQ的退出界面,提示框是从中间弹出的。这时候,就引发了一个问题:提示框从中间弹出和从底部弹起,有什么区别呢?两者的区别就在于:提示框从中间弹出,...


app

c

上图左边是微信的退出界面,提示框是从底部弹起的。上图右边是QQ的退出界面,提示框是从中间弹出的。这时候,就引发了一个问题:提示框从中间弹出和从底部弹起,有什么区别呢?

两者的区别就在于:

  • 提示框从中间弹出,表示侧重提示文字;进而表示提示文字的内容优先级较高;
  • 提示框从底部弹出,表示侧重选择按钮;进而表示选择按钮的功能优先级较高;
  • 按钮为0-2个时,提示框从中间弹出;
  • 按钮为2-n个时,提示框从底部弹出。

详细分析如下:

1、当按钮有2个时,且文字信息,对用户影响不大,或者毫无影响的时候,采用底部弹起选择控件。

d

比如上面截图的微信控件,当点击微信的【退出登录】按钮时,从底部弹起选择控件。因为纯文字信息,对用户毫无影响。纯文字信息内容:“退出后不会删除任何历史数据,下次登录依然可以使用本账号。”

提示文字的字体很小,视觉优先级低于选择按钮,对于用户来说,毫无影响。

既然纯文字信息对用户毫无影响,那么这里的控件就是纯粹侧重选择。所以微信采用底部弹起选择控件。

在底部弹起控件显示文字比在中间提示框显示的文字有2个优点:

  • A. 底部弹起控件的文字比中间弹窗的文字,底部弹起的文字信息更小,内容的优先级更低;
  • B. 底部弹起控件的文字比中间弹窗的文字,底部选择按钮的优先级更高。.

2、 当按钮有2个时,且文字信息,对用户影响较大,采用中间弹出提示框。

s

上图的QQ截图界面,当点击【退出当前账号】的按钮时,采用了中间弹出提示框。原因:提示框的纯文字信息对用户影响较大。不像微信的提示框信息,对用户毫无影响。

纯文字信息“退出可能会使你连续登录的249天的记录归零,QQ达人图标变灰,确认退出?”

这段纯文字传达了【退出登录】对用户的影响有2点:

  • A. 退出可能会使你连续登录的249天的记录归零;
  • B. 退出可能会使你的QQ达人图标变灰。

所以这里采用了中间弹出提示框,表示提示信息对用户影响较大,文字的内容优先级较高,需要中间弹窗,起到警示的作用。

在中间提示框显示文字比在底部弹起控件显示的文字有2个优点:

  • A. 中间弹窗的文字比底部弹起控件的文字,中间的字体来得更大;
  • B. 中间弹窗的文字比底部弹起控件的文字,中间的位置更显目。

3、 当按钮选项,为0个时,采用中间弹出。

ss

比如上图中的美团界面,点击收藏按钮,弹出提示框:收藏成功。在用户看完之后,提示框自动消失。这种纯文字的,没用按钮的选择的提示框,推荐从中间弹出。这里还有另一原因是,提示的文字信息,比较少。用户可以在2秒以内,理解全部信息。如果文字信息较多,用户理解的时间,超过2秒,那么需要在提示文字的下面,添加一个按钮比如,【知道了】。点击【知道了】,提示框再消失。

4、 当按钮选项,为1个时,采用中间弹出。

z

比如上图中的大众点评的界面,提示框只有一段纯文字。加上一个【确定】的按钮,这个时候,表示侧重提示文字,看完了纯文字信息,点击仅有的一个【确定】按钮,就可以隐藏了。这里需要加一个按钮的原因是,纯文字太多,导致不能估计用户几秒之内可以看完并理解意思,所以这里需要加一个按钮,让不同的用户,广州网站建设,广州网页设计,广州网站设计在不同的时间,看完之后,再点击【确定】,让提示框消失。

5、当按钮选项,为3个时,采用底部弹出选择控件。

v

上图是大众点评的界面,当点击电话号码的按钮时,从底部弹起选择控件,合计3个按钮。而纯文字信息量为0。所以,这里采用了底部弹起选择控件的样式。

6、当按钮选项,超过3个时,采用底部弹出选择控件。

f

上图是美团界面,当点击分享按钮时,会从底部弹起选择控件,一共5个按钮。这里采用底部弹起的原因是: 此时的提示性文字信息量为0,而选择控件却有5个,所以这里的优先级别是:功能性的5个选择按钮,大于信息量为0的内容。

这里侧重选择,所以采用底部弹起选择控件。

上面是我最近对于QQ和微信的一点疑问,所引发的思考。



关注我们:在查找公众号中搜索:zomsky1688,或者扫描下方二维码快速关注。
广州市纵天信息科技有限公司公众号

本文来自广州品牌网站建设网站设计制作公司-纵天 

关键词:广州网站建设,广州网页设计,广州网站设计

热门标签
营销型网站建设柏洪集团网站集团网站建设新元素网站教育网站德胜教育集团德国商会网站建设德国商会品牌网站建设福美控股赛立信网站建设智能家居网站运动网站建设贸易网站建设玩具网站建设化工网站建设日化网站建设家电网站建设音响网站建设物流网站建设旅游网站建设网站建酒店网站建母婴网站建设珠宝网站建设钟表网站建设培训网站建设教育网站建设建材网站建设装饰网站建设机械网站建设美妆网站建设展览网站建设皮具网站建设五金网站建设仪器网站建设照明网站建设水电网站建设咨询网站建设法律网站建设家具网站建设家居网站建设服装网站建设服务网站建设食品网站建设金融网站建设餐饮网站建设环保网站建设政府网站建设科技网站建设地产网站建设医药网站建设数码网站建设营销型网站广州网站制作广州网站建设公司建网站广州网站设计公司建站优必思官网英文版网站定制网站广州网站建设中服装网站设计服装网站制作防火板网站大数据网站科技网站制作三盟科技物联网网站人工智能网站防火板网站制作家居网站制作枕头网站电器网站制作电器网站家具网站家居网站斯帝罗兰网站建设公司​手机网站建设响应式网站企业官方网站网站策划官网改版企业网站建设网站制作网站设计建站公司网站建设公司企业网站网站建设费用网站建设广州企业网站建设企业建站官网建设公司网站制作拉链官网广州建站广州网站建设纵天科技
立即致电纵天品牌顾问:
400-611-9921
联系我们:

地址1:广州市天河区珠江新城邦华环球广场16F

地址2:杭州市滨江区滨安路1190号智汇中心B308

业务 QQ: 3561401262

E-mail: sales@zomsky.com

电话咨询 在线咨询 QQ咨询 官方微信
官方微信
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭