产品细节之美

分享QQ客户端设置页的一个交互：只需要鼠标滚动，无须按分类点击，便可尽览所有设置内容。

QQ设置页分两级结构，按属性不同，主导航分基本设置、安全设置、权限设置三大类。而具体一个类目里，也有次级导航，然后则是具体的设置内容。

点开后默认在“基本设置-登录”里，当鼠标滚轮向下滚，且能够一直滚到底……在右侧内容滚动的过程中，左侧的次级导航也滚动到内容所属分类的位置。

来，也可以看下操作视频。（视频时长：7s，大小：0.9M）

https://v.qq.com/boke/page/a/g/w/a0118uuxagw.html 

比如，我经常在寻找一个设置时，是带有情绪的，鼠标滚啊滚，但是你让我滚动了一下（到底了），再去点一下，然后继续滚……这样只会让哥毛躁。 - - 可知，操作不自然的方式总是受人厌恶的。

这种滑动替代点击的设计，让我想起了今年比较火的网页设计方法：滚动视差设计。大家可以去搜索这个关键词了解更多。

回过头来看，QQ客户端设计的缘由与注意点是什么？

首先太多的内容，不得已分两级导航，且横排与竖排的处理也很恰当；其次，导航，是自始至终的导航；最后，在前面的基础上优化操作的体验。

-End-

封面来源：MVBen，《Settings》 via Dribbble.com