手机端的屏幕可是寸土寸金,尤其是交互的层级,一定不要深。那么怎样做到扁平化呢,下面来看一些例子.
1.减少操作步骤
taptalk把选好友和拍摄动作合二为一,点击好友的同时,照片也进行了拍摄。
2.当前页展开
google+和twitter发布动态时,图片由新到旧展示在下方,不用进入新的一级选择图片,如果想看更多图片,则继续往上拖动,全屏查看,向下拖动,则收起。在手机端,拖动和滑动是比点击更好的操作
google+
3.部分进入新一级
优酷视频在搜索剧集时,默认在结果中展示最新的一集,可直接点击观看。这个体验非常好,因为人们在追剧时,尤其是综艺节目,每周只更新一集,所以在搜索结果里面直接展示出来,减少了点击次数。如果要观看更多的话,点击后面的按钮,当前卡片进入下一级,展示全部集数。
4.自动定位
在手机端,如果不想增加信息的层级,则只能用瀑布流的形式依次展示内容,但是这样会造成用户向下滑动好久才找到第二部分的内容。今日头条里面的内容和评论,很好的解决了这个问题,点击操作栏中的评论icon,则直接定位到内容后面的评论,再次点击又回到顶部。
5.在图标中展示内容
时间、日期、电量等信息直接显示在图标上就是一种减少信息层级的方式
6.使用手势和快捷操作
IOS7为例,只要从下往上滑动,并可呼出快捷菜单,方便开启关闭手电筒、wifi、蓝牙等