一、返回顶部
页面信息量过多时,翻过几屏,想要返回顶部,如果一直向上翻会很麻烦,可以给用户一个返回顶部的功能,减少用户操作,提高效率。
1.悬浮按钮
在手机页面右下角放一个悬浮的返回顶部按钮,不会占用页面空间,手指可以很容易触碰到,用户操作起来很轻松。像一些导购类网站比较适合放一个返回顶部的按钮,比如淘宝,用户在看一个商品的时候,会纠结会犹豫,会上下来回看,如果一个商品的详情页太长,用户向上翻却一直翻不到头,用户此时就会非常烦躁。
类似的功能还有音乐类的APP,在听某首歌的时候,它会有一个悬浮的定位按钮,点击之后可以定位到你正在听的这首歌
2.底部提示文字
页面内容超过两屏到底部的时候给一个文字提示“没有更多了”,比较适用于列表页,或者较长的文章类的
例如微信通讯录列表,翻到底部时,会给一个文字提示你共有多少个联系人,这时你知道已经翻到底部了,不会有更多的内容了
qq音乐的音乐推荐列表,翻到最底部时,会有一个比较轻的文字提示“发现更多音乐”,看到提示我会知道这已经是最底部了,下边不会再有内容了,我还可以选择点击发现其他的音乐,给提示文字也加了功能
3.隐藏功能:双击导航栏返回顶部
例如微信朋友圈,向下翻的时候,顶部导航栏会从透明变为灰色,双击之后也是返回顶部的功能,是一个没有任何提示的隐藏功能,在最开始上线这个功能时,是有一个文字提示“双击返回顶部”的,一段时间用户习惯之后,这个提示语去掉了用户也知道这里双击可以返回顶部。
二、分割线
1.细分割线
细分割线是最常见的分割方式,适合用于列表中,横向或纵向的将需要区分的内容分开,帮助用户了解页面层次结构,赋予页面内容以组织性。例如微信里面的列表,就是使用的细分割线
2.粗分割线
粗分割线用来分割不同的版块,比如微信的发现页面,把不同的版块用粗的分割线分开,朋友圈是最重要的一个功能,放在最顶部,扫一扫和摇一摇是相对常用的功能,放到第二个版块,剩下的都是相对不太常用的功能,按照功能分类成不同的版块,用粗的分割线分开
再比如,网易云音乐的设置里面把不同维度的内容放入不同的卡片中,然后用粗的分割线分开,在区分内容的同时,还保持界面的统一性。
三、表单分组
表单的分组标题,把不同维度或者需要分类的表单进行分组,然后给每个分组一个标题
比如boss招聘里面填写简历的表单,把信息分了几个组,而不是把所有信息罗列到一起,那样用户会很反感
四、未读消息/徽标
更新提醒,或者新内容只有一条的时候,可以不用给用户数字提示,一个带颜色的徽标提醒就可以;如果需要让用户知道有多少条新内容,可以使用数字徽标;未读消息在用户读完一会应该消失,有二级页面的,点到二级页面之后消失,没有二级页面的,离开改页面之后,徽标消失。下面是网易云音乐的例子,左上角表示有6条未读消息,动态的徽标表示有更新新的动态
五、悬浮按钮
购物网站一般会用悬浮按钮来展示广告,会用很大胆的色彩用醒目的悬浮按钮来告知用户;很多APP的核心功能都会用悬浮按钮,这样核心功能会一直存在于页面中,时刻告知用户我们要做什么,我可以给你提供什么;很多悬浮按钮可以触发一系列的操作。