弹起
1. 问题引发
下图左边是微信的退出界面,提示框是从底部弹起的。
下图右边是QQ的退出界面,提示框是从中间弹出的。
这时候,就引发了一个问题:提示框 从中间弹出和 从底部弹起,有什么区别呢?
2. 想法探讨,如下
只有提示信息的时候,提示框从中间弹出;
只有选择按钮的时候,提示框从底部弹起。
提示框从中间弹出,表示侧重提示文字;进而表示提示文字的内容优先级较高;
提示框从底部弹出,表示侧重选择按钮;进而表示选择按钮的功能优先级较高;
3. 想法验证,分6种情况,分析如下
3.1、当按钮有2个时,且文字信息,对用户影响不大,或者毫无影响的时候,采用底部弹起选择控件
比如:上面截图的微信APP界面,当点击微信的【退出登录】按钮时,从底部弹起选择控件。因为纯文字信息,对用户毫无影响。纯文字信息内容:“退出后不会删除任何历史数据,下次登录依然可以使用本账号。”
提示文字的字体很小,视觉优先级低于选择按钮,对于用户来说,毫无影响。
既然纯文字信息对用户毫无影响,那么这里的控件就是纯粹侧重选择。所以微信采用底部弹起选择控件。
在底部弹起控件显示文字比在中间提示框显示的文字有2个优点:
A. 底部弹起控件的文字比中间弹窗的文字,底部弹起的文字信息更小,内容的优先级更低;
B. 底部弹起控件的文字比中间弹窗的文字,底部选择按钮的优先级更高。.
3.2、 当按钮有2个时,且文字信息,对用户影响较大,采用中间弹出提示框
上图的QQapp界面,当点击【退出当前账号】的按钮时,采用了中间弹出提示框。原因:提示框的纯文字信息对用户影响较大。不像微信的提示框信息,对用户毫无影响。
纯文字信息“退出可能会使你连续登录的249天的记录归零,QQ达人图标变灰,确认退出?”
这段纯文字传达了【退出登录】对用户的影响有2点:
A. 退出可能会使你连续登录的249天的记录归零;
B. 退出可能会使你的QQ达人图标变灰。
所以这里采用了中间弹出提示框,表示提示信息对用户影响较大,文字的内容优先级较高,需要中间弹窗,起到警示的作用。
在中间提示框显示文字比在底部弹起控件显示的文字有2个优点:
A. 中间弹窗的文字比底部弹起控件的文字,中间的字体来得更大;
B. 中间弹窗的文字比底部弹起控件的文字,中间的位置更显目。
3.3、 当按钮选项,为0个时,采用中间弹出
比如:上图中的美团APP界面,点击收藏按钮,弹出提示框:收藏成功。在用户看完之后,提示框自动消失。这种纯文字的,没用按钮的选择的提示框,推荐从中间弹出。这里还有另一原因是,提示的文字信息,比较少。用户可以在2秒以内,理解全部信息。如果文字信息较多,用户理解的时间,超过2秒,那么需要在提示文字的下面,添加一个按钮比如,【知道了】。点击【知道了】,提示框再消失。
3.4、 当按钮选项,为1个时,采用中间弹出
比如:上图中的大众点评APP的界面,提示框只有一段纯文字。加上一个【确定】的按钮,这个时候,表示侧重提示文字,看完了纯文字信息,点击仅有的一个【确定】按钮,就可以隐藏了。
这里需要加一个【确定】按钮的原因是,纯文字太多,导致不能估计用户几秒之内可以看完并理解意思,所以这里需要加一个按钮,让不同的用户,在不同的时间,看完之后,再点击【确定】,让提示框消失。.
3.5、当按钮选项,为3个时,采用底部弹出选择控件
上图是大众点评APP的界面,当点击电话号码的按钮时,从底部弹起选择控件,合计3个按钮。而纯文字信息量为0。所以,这里采用了底部弹起选择控件的样式。
3.6、当按钮选项,超过3个时,采用底部弹出选择控件
上图是美团APP的界面,当点击分享按钮时,会从底部弹起选择控件,一共5个按钮。这里采用底部弹起的原因是: 此时的提示性文字信息量为0,而选择控件却有5个,所以这里的优先级别是:功能性的5个选择按钮,大于信息量为0的内容。
这里侧重选择,所以采用底部弹起选择控件。
4. 总结
上面是我最近对于QQ和微信的一点疑问,所引发的思考。
在点击【退出】时,QQ从中间弹出提示框,而微信从底部弹起选择控件。在这个地方的疑惑,我现在终于有了清晰的思路。身心愉悦感,油然而生。
相关阅读
Windows自动弹出MSN中文网界面解决办法 原因:每当用户连接到网络时,Windows 会向微软的一个域名发送访问请求,访问结果作为网络连接
电脑开机黑屏并弹出Windows 资源管理器已停止工作该怎么办?出现了一个问题,导致程序停止正常工作。如果有可用的解决方案,Windows将
网络推广软文是一个快速发展的时期。许多公司已经把目光投向了软文培训,希望通过软文的传播来塑造他们的品牌效应。而现在,也有很多
在开始里运行regedit.exe打开注册表找到下面的选项HKEY_CURRENT_USER\Software\GNU\XviD 下的display_status改为0 如果
artDialog参数说明: 内容设置: title是弹出层的标题, content是弹出层的内容 按钮设置: ok,cancel 回调函数 this 指向 art.dialog 对