发表于: 2018-12-27 22:10:16
1 1333
今天做的事情:
做PPT
明天要做的事情:
做PPT
遇到的问题:
暂无
收获:
内容简约
1.旋转唱片
我们给一个页面做简化,第一步应该确定界面中每一个元素存在的必要性。界面中元素那么多,
但并不是每一个元素都有存在的必要,存在不一定合理。弄清楚界面中每一个元素的实际作用,
进行评估,对于一些作用有限的纯装饰性元素,为了界面的简洁,我们可以删除。
几款常用的音乐类应用播放界面的主体都是一个旋转的唱片,而MOO音乐直接去掉了这个唱片。
为什么?因为这个“唱片”占据了界面大约一半的空间,导致切换歌曲、调整播放进度、
查看歌词/歌手/专辑和分享这些常用功能必须在剩下的空间里排布,显得很拥挤。
比如QQ音乐等
去除这个虚拟的“唱片”给我们带来不仅仅是视觉上的轻量感,更意味着易用性上提升。
用户在MOO音乐中切换歌曲、调整播放进度、返回上一级页面等都可以通过滑动手势来完成。
并且它是几款音乐产品中,唯一一个支持上下滑动切换歌曲的,网易云音乐是左右滑动切换歌曲,
而QQ音乐直接不支持,用户必须点击才能切换歌曲。我在之前的文章用户体验之点击和滑动也提到过,
滑动手势比点击更容易受到用户的青睐。
2.去线化
去线化设计是极简主义的一大特征。在MOO音乐中,我没有找到一条分割线。要知道为什么MOO音乐
可以选择去除分割线,我们首先要弄清楚分割线在界面布局中到底起什么作用。分割线主要是帮助用户
区分界面中不同级别和维度的内容,完成信息层级的构建。
分割线可以分为两种:通栏分割线和非通栏分割线。通栏分割线顾名思义就是指分割线贯穿整个屏幕,
而非通栏分割线一般会留有缺口。要了解这俩的区别,我们可以看虎扑,虎扑之前的版本就是通栏分割线,
而最新的版本中改成了非通栏分割线。
通栏分割线因为“分割”了整个屏幕,所以在内容区分上更加的明显,更能表现不同的模块之间的独立性。
但是它的缺点在于线条的存在会阻碍用户的浏览视线,影响信息的获取效率。
评论