隐藏手势设计总结

上海网站建设公司建站资讯2017-09-04 次

　　本文作者对手势和功能进行了一些总结，enjoy~

　　鼠标和键盘是个人电脑上最主要的输入工具。然而对于移动端产品来说，与产品进行交互主要靠的是我们的手，或者说手势。手势成为了一种强大的交互模式，可以说一款产品在移动端能否取得成功很大程度上取决于你所构建的手势体系是否好用。

　　目前来说常见的手势有：触摸，滑动，拖曳，轻击，按住不放和多点触控等。手势的应用可以通过减少操作流程中的步骤来提升用户体验。其实大部分手势非常的简单易懂，一旦用户学会了就不会忘记。但是有些手势用户很难发现，你可能都不知道其存在性，更谈不到去学了。这让我想起经常在朋友圈看到一些文章《 XXX的这些功能，99%的人都不知道》。其实手势跟功能是无法相互剥离来说的，因为手势是为了功能而服务的，所以在下面我会把手势跟功能融合在一起说。

　　点击

　　首先来说，最常见的点击。其实用户对于界面中可点击的元素都有了一定的认识。比如，他们知道按钮是可以点击的，置灰的按钮不可点击，文字带有配色是可以点击的(一般是蓝色或者企业色);图标也是可以点击的。用户可以发现大部分的点击手势。

　　但是也有例外，以QQ的好友互动标为例。从我个人角度来说，最开始我以为是那个好友改呢称了，，因为现在也有很多人的昵称中带有表情。我没有意识到那个是互动图标，更谈不到点击了。

　　其实手势相同的功能在不同的产品中会有不同的展示形式。以签到功能为例，阅读类应用一般来说功能结构比较简单，作为行为召唤元素的签到按钮在这里可以做的稍微写实一点来凸显出来。但是在功能比较多且结构复杂的产品中这样做就不太现实了，飞猪的签到页面有太多的内容，有太多需要展示的信息。如果这里的签到按钮使用了阴影，高光的样式来进行凸显，那么考虑到设计的一致性其他地方的按钮是否也要用相同的样式?那么整个页面就会显得特别乱。

　　强弱化处理

　　就像我在上面说的，功能和手势是不能相互剥离的。有的功能比较重要，所以我必须以清楚明确的视觉设计来给用户一个手势的指引。但是有些次要的功能，或者我们不希望用户使用的功能，在设计的时候我们要进行弱化。