经验总结：APP页面提示样式，选择合理的就好.doc

《经验总结：APP页面提示样式，选择合理的就好.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、经验总结：APP页面提示样式，选择合理的就好　　最近做交互总结，又碰到了页面弹窗提示的问题，于是便总结了下。我按弹窗提示的样式分为了以下几种来进行说明。每种样式的提示强度不同，对用户在使用app时的打扰与影响也不同。这些提示并不是说哪种好哪种不好，按照自己的规范选择合理的就好。　　　　以下总结，前三个提示的名称是大家习以为常的，但后面几个的命名是以我个人的经验来命的，不一定很合理，但至少可以说明点问题。　　Actionsheet　　Actionsheet即为操作列表，通常用于在当前页面给用户提供

2、快捷的选择按钮，用在功能较多，对次要功能进行收纳的界面中。　　Actionsheet的IOS与Android的展示样式有所不同。IOS主要是以我们所熟知的半覆盖式浮层，而Android以弹框菜单为主。如下图：　　　　iOS的半覆盖式浮层&android的弹框菜单　　上图是app中最常见的样式了，当然也会遇到一些其它的样式，如在adroid中有时也会用到半覆盖式浮层，大多是用于分享到第三方的页面。　　还有一种情况是选择菜单与当前选项关系比较紧密，选择菜单直接原地展开，当前选项为选择菜单中的一项。如

3、下图左边是ios的popper样式，右边是android的卡片菜单。但在实际应用当中，两个平台并没有很明显的区分，一般就通用成左图的样式了。但手机屏幕比较小，用这咱展示样式会很界面显得比较碎，所以在app的实际应用中，这种样式很少用到。目前大家熟知的app中，微博首页的分组用了这种方式切换，还有qq的v6.3.1版本的空间也带入了这种设计。　　　　iOS的popper样式&android的卡片菜单　　Alert　　Alert即为弹框提示，也叫警示框，用于向用户提供警示，用户必须进行操作后才能进行

4、下一步操作。主要用于系统向用户提示操作后涉及隐私、及其他非常重要的信息或后果不可逆的操作流程中。必须给出明确的操作按钮，主要以以下几种样式展现。为了引导用户操作，有时会强化某按钮，弱化另一按钮。　　　　常见的几种alert样式　　alert打断用户的操作，因此应减少其在app中的出现次数，同时也避免出现过多导致用户对alert不重视。　　还有一种alert提醒，在使用app时经常遇到的，同时也是很另人生烦的，那就是要求对app评价的alert。这种提醒，往往会打断用户的操作，如果出现时机不恰当，

5、会让人产生很厌烦的感觉。这里提到它，是因为它下方的操作按钮，一般有三个，所以上下排列，这咱排列相较于左右排列，按钮间的间距比较小，所以也加大了操作失误的机率。所以一般情况下慎用这种排布方式。　　　　app引导好评　　Toast　　Toast即为浮层提示，快速地为用户显示少量的信息。　　Toast浮动显示信息给用户，它永远不会获得焦点，不影响用户的输入等操作，主要用于一些帮助/提示。常用的有两种样式，纯文字的和带图的。　　　　常见的两种toast样式　　这种提示样式是最常见的，能够告诉用户目前的状

6、况，但又不会对用户造成太多的干扰，一带而过。同时这种提示也是比较容易被忽略掉的，所以对于一些比较重要的提示最好不要用这种样式。　　页面文字提示　　这也是一种比较常见的提示，主要用于对页面内容或是某个输入框或按钮进行说明的文字。一般以淡而小的文字存在于页面上，对用户的操作影响比较小，提示性比较弱，仅仅是对当前位置的说明，不会影响页面的视觉焦点。　　如下图是支付宝蚂蚁花呗的首页，红框中的文字是对前面描述的进一步说明，不影响视觉焦点，看下月应还金额时才会看到它们。在输入界面这种提示比较多见，如注册界面

7、密码规则的提示语等。　　　　支付宝蚂蚁花呗　　页面顶部的提示　　位于页面顶部的提示，有三种样式，这三种样式表达的轻重性不一，所用场景不同，对用户的打扰程度也不同，是其它提示样式的一种变体。　　第一种：一直存在于页面顶部，用于重要的提示或是没网这种严重影响操作的提示。　　如下图，没有网络时，qq顶部的提示。　　　　第二种：操作出错或是页面内容出错是从页面顶部滑下，之后马上消失，是toast的一种变形。这样的提示比普通toast提示更显眼些，更能引人注意到。　　　　第三种，位于电池条的位置，用于一些

8、上传的地方，上传需要时间，又要保证APP的流畅性，削弱对用户的干扰，甚至把干扰减少至零。如发布动态时，后台上传，在最顶部提示，这种提示更弱，很容易被忽略掉。这种提示也越来越少见了，没找到图片，请允许我ps乱入一张。　　　　页面上的新功能提示　　一般用于第一次出现的页面，提示一些重要或是常用的功能，或是页面功能搬家的提示。这种提示一般常见的一有两种形式，突出重点的强弱性不同。　　如下图左边的页面，功能提示比较强，必须点击掉提示才可进入下一步操作。而右边的形式就弱了好多，可看可不看，不影响页面的操作