给应用加入手势操作需要注意的那些事儿

时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络

小提示:您能找到这篇{给应用加入手势操作需要注意的那些事儿}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的给应用加入手势操作需要注意的那些事儿内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您!

给你的手势提供明确易懂的视觉反馈

在一个点击或者手势做完之后给予用户视觉上的反馈,会让用户有自己动作即将达到自己预期效果的满足感。但是,当用户面对一个新的应用和相应新的手势之时,视觉反馈就不仅仅只为了确认用户动作而存在了,更承担着明确告诉用户这样的手势会带来什么效果的重任。

正面例子:上图是爱范儿的 iOS 版客户端,用户在主界面中切换的时候,可以看到在进行向右滑动的同时,将要返回到的界面的左半部分逐渐显露,这个过程中,用户如果想要撤销,可以将滑动的手指向相反商城小红书被种草什么意思方向滑回,见上图。这样成功地通过过渡效果为用户争取了时间,用户可以去决定到底是否要进行这一手势操作。

反面例子:还是同一款应用,在点进某一篇文章后,文章正文和评论页面之间的切换却不见了过渡动画的踪影,手势完成之后,硬梆梆的感觉让用户反感。

总结

  • 为手势增加过渡动画效果;
  • 通过过渡效果为用户提供撤销手势的选择。

替换标准手势时学会接近用户期望

一旦用户适应了某种东西,那么设计者很难再去改变用户的习惯。对于手势来说,有一些手势已经成了广大智能手机用户的标准手势,比如在iphone手机中的短信或者邮件页面,向右滑动这一手势会呼出删除的选项,还比如在阅读类应用中向右滑动这一手势可以返回到上级界面。这些标准手势意味着用户在接触新应用和新应用带来的新手势的时候,会有和原来一样的期望产生。

正面例子:Clear这款应用中,任务项区域内向右滑动就可以将该项任务标记完成,并且该项任务会自动划上横线后下移到最低端。这样的标记完成功效和标准手势中删除的功效非常相近,不会给用户适应这一新手势带来什么成本,用户也会觉得并没有违背自身的期望,感觉舒适自然。

反面例子:Fuubo 这款应用中,当用户进入微博正文的页面后,习惯性地向右滑动,心中期待的是返回到主界面,但真正发生的却是你进入了这条微博的上一条的正文界面。这样做会让用户产生挫败感和不适应,之后他没准还会在下次的使用中再次重蹈覆辙,对你的应用的好感会逐步降低。

总结:用和标准手势相近的手势进行替换。



不要让你的手势触发区域远离拇指热区

下拉和左右滑动是用户使用频率最高的几个手势,但作为设计者,从哪开始拉,从哪开始滑却是一个值得去注意的问题,尤其在当下手机屏幕尺寸不断增加的背景下,我们可爱的拇指的易触及区域正在由原来的百分之三十左右逐渐减少。如同设计者需要将点击目标放在拇指热区中一样,手势触发区域也应如此。



反面例子:上图中左侧的 Fuubo 的下拉返回触发区域位于屏幕最上方的红色区域内,区域较小且最关键的是位置过于靠上,远离了拇指热区。

正面例子:上图中右侧的随享的下拉返回触发热区相对区域较大,且可以在屏幕中部的位置进行触发,这一部分是用户拇指喜欢的位置。

总结:手势触发区域放在拇指热区中。

保持手势在全局的通用程度

不要让用户在你的应用中适应了你创造的手势后,却又在你的应用中碰壁。

如果用户喜爱你的手势,觉得你的手势达到了方便快捷的目的,并耗费学习成本掌握并适应了你的手势,那么便意味着你成功了一半。另一半便是留住你的用户,留住他喜爱你所创造的手势的心。

正面例子:Fubbo 这款应用的下拉返回的手势完全做到全局通用。

反面例子:新浪官方微博客户端的向右滑动返回的手势早已深入人心,被用户所接受并习惯,但这个手势并不是全局通用,在点击链接之后想要返回的时候失效了,在点开大图之后想要返回的时候失效了。另一个例子是 Fuubo 这款应用所创造的微博正文页面左右滑动从而上下翻微博的手势,在主界面的微博正文里有效,在个人页面的微博正文里却行不通。

总结:保持关键手势全局通用战略化的电子营销

病毒性营销经典案例源:伯乐在线

给应用加入手势操作需要注意的那些事儿

上一篇:艺术和设计之间的差别
下一篇:产品经理分享:让UI界面更干净,更简约


版权声明:以上主题为“给应用加入手势操作需要注意的那些事儿"的内容可能是本站网友自行发布,或者来至于网络。如有侵权欢迎联系我们客服QQ处理,谢谢。
相关内容
推荐内容
扫码咨询
    给应用加入手势操作需要注意的那些事儿
    打开微信扫码或长按识别二维码

小提示:您应该对本页介绍的“给应用加入手势操作需要注意的那些事儿”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通给应用加入手势操作需要注意的那些事儿的相关事宜。

关键词:交互设计,

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱:545321@QQ.com
电话:400-021-1330 | 客服QQ:545321
沪ICP备12034177号 | 沪公网安备31010702002418号