首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

石景山APP开发: 隐藏手势设计总结

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

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

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

点击

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

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

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

强弱化处理

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

以微信为例,其对退出登录按钮进行了弱化,微信中的按钮样式是填充了绿色的圆角矩形。其实这种弱化也很容易理解,微信肯定不希望用户退出当前的账号。

同样的道理,在同是鹅厂旗下的QQ中添加或者注册账号我表示欢迎,退出当前账号你就慢慢找吧。

接下来再说一个反面例子,一些用户为了在理财时简化操作流程会选择开通短信免验证功能,这样子就不用购买一次理财就要输入一次短信验证码。开通成功的结果页面中取消免验证按钮没有进行弱化,一些心急的用户可能以为是返回按钮就点击了下去。这样又要重新验证一次了。

文字的力量

有的时候为了提高点击率,我们会给元素添加一些文字。

例如:支付宝中我的快递,月账单,我的健康等这些模块的下方都有立即查看的按钮。其实这些按钮没有多大的实际操作意义,因为用户不用非要点击到那个按钮,只要点击到了这个模块的任何区域都可以完成跳转。这里的按钮是作为一种行为召唤元素来吸引用户注意力,告诉用户这个是可以点击的。

滑动

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询