手机端如何减少页面的跳转

手机端的屏幕可是寸土寸金,尤其是交互的层级,一定不要深。那么怎样做到扁平化呢,下面来看一些例子.

1.减少操作步骤

taptalk把选好友和拍摄动作合二为一,点击好友的同时,照片也进行了拍摄。

手机端如何减少页面的跳转_第1张图片

2.当前页展开

google+和twitter发布动态时,图片由新到旧展示在下方,不用进入新的一级选择图片,如果想看更多图片,则继续往上拖动,全屏查看,向下拖动,则收起。在手机端,拖动和滑动是比点击更好的操作

google+

手机端如何减少页面的跳转_第2张图片

twitter

手机端如何减少页面的跳转_第3张图片

3.部分进入新一级

优酷视频在搜索剧集时,默认在结果中展示最新的一集,可直接点击观看。这个体验非常好,因为人们在追剧时,尤其是综艺节目,每周只更新一集,所以在搜索结果里面直接展示出来,减少了点击次数。如果要观看更多的话,点击后面的按钮,当前卡片进入下一级,展示全部集数。

手机端如何减少页面的跳转_第4张图片

4.自动定位

在手机端,如果不想增加信息的层级,则只能用瀑布流的形式依次展示内容,但是这样会造成用户向下滑动好久才找到第二部分的内容。今日头条里面的内容和评论,很好的解决了这个问题,点击操作栏中的评论icon,则直接定位到内容后面的评论,再次点击又回到顶部。

手机端如何减少页面的跳转_第5张图片

5.在图标中展示内容

时间、日期、电量等信息直接显示在图标上就是一种减少信息层级的方式


手机端如何减少页面的跳转_第6张图片

6.使用手势和快捷操作

IOS7为例,只要从下往上滑动,并可呼出快捷菜单,方便开启关闭手电筒、wifi、蓝牙等

手机端如何减少页面的跳转_第7张图片

你可能感兴趣的:(手机端如何减少页面的跳转)