童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

巧用手势善待用户

2月22日 菩提门投稿
  〔核心提示〕越来越多的手势加入到应用中实际上增加了用户学习成本。我们是否能创造一个可以适用于大部分应用的手势操作,减少用户的学习成本呢?
  在这个手机屏幕越做越大的时代,许多开发者不约而同地在自家的应用里添加了众多手势操作,比如新浪微博的右滑后退和人人的滑动抽屉,甚至有人说只有手势才能救大屏。但实际情况是用户并不喜欢过多的手势操作,用户更喜欢去点击,而不是去用隐藏起来的手势。那么我们是否能创造一个可以适用于大部分应用的手势操作,减少用户的学习成本呢?
  为何要用手势?
  不同于传统的按键界面,手势操作的隐藏性很高。如果我们没有阅读过某个手势应用的帮助信息的话,我们很难知道这个应用中到底隐藏着多少种手势。不直观的手势加大了新用户的上手难度,也使得用户每次进入应用的时候都在回想使用方法,这很有可能会给用户传递该应用难用的信息,最终结果也可想而知。
  虽然手势操作有很多弊端,但我们不能因噎废食抛弃手势。由于手机屏幕大小的限制,所以很多信息是不能在一个屏幕中展现的,比如我们需要通过左右滑动来在主屏幕中查看应用、用下拉的方式来呼出下拉菜单,所以手势的存在会使手机的屏幕得到延伸,以便让用户获得更多的信息。可见在移动设备的操作中我们是不可能也没有必要去消灭手势的,我们所要做的就是寻求一种更高效更统一的手势操作。
  手势操作的问题
  举一个常见的例子就是下拉菜单,在iOS和A下我们都可以从手机的顶部下滑呼出下拉菜单。我们有没有想过我们是如何知道这个操作的呢?当我们看到别人在他们的设备中如此操作的时候我们立马就明白了这个手势的作用,并且立刻能在自己的设备中使用,就这样自然的学会了。这个下拉的手势十分简单,看一次就懂,但最重要的是它是一个全局手势。
  什么是全局手势呢?简单理解就是在每个手机上都能通用的手势操作。比如在主屏幕左右滑动可以看到手机里的应用、在Android和iOS设备上下拉就可以进入下拉菜单,这些在每个手机上都通用的手势可以说是一次学会终身受益的东西,我们并没有觉得上述这两个隐藏手势会有多么的难用,可见让用户抱怨的不是全局手势而是每个应用自行设计的手势操作。
  很多人都说新浪微博中右滑后退的设计可以方便大屏用户,那么我们就从新浪微博来看看手势操作的弊端。
  在新浪微博中当我们进入一条微博后右滑动可以回到上一个页面,这个手势可以简单等同于左上角的后退键。但这种手势在微博中并没有实现通用性,比如我们进入了一个长微博图片,这时右滑动的手势就没有用处了,我们进入一条链接后这个手势也同样也会无效。这样的设计所带来的后果就是用户完全不知道这个手势操作什么时候能用什么时候不能用,所以大多数用户最终还是会选择通用性好的点击命令。
  同样的问题还出现在了Z上。Zaker的主要操作就是手势操作,但同样没能做到通用性。在Zaker中我们点击进入一条新闻后下拉会回到上一个页面,但是当我们在这个新闻中进入评论界面后下拉后退的手势会立刻失效,最终只能点左下角的返回按钮。
  iOS中自带的手势操作也难逃厄运。在很多系统应用中左滑某一项会出现删除按钮,我们也可以看见很多第三方应用中也使用了这个手势,但它也未能成为第三方应用的设计标准,所以通用性不高。
  上面只是特色手势在某个应用中的问题,手势带来的实际问题更多是出现在应用切换使用的情形里。移动端应用的切换频率远高于电脑软件,手势的不兼容就成了一个比较严重的问题。我们可以假设这样一个场景,当我们在Zaker中阅读了半小时的新闻后,这时微博来了条私信。我们进入微博回复后会不自觉地使用之前习惯了的下拉后退操作,但这个操作在微博里是不支持的,因此我们的大脑会转换思路开始回忆微博中的滑动后退功能。然而当我们在新浪微博中习惯了滑动后退的手势后,再切入人人,我们还是会正常的点击查看新消息,但是这时会发现刚刚习惯的滑动后退功能无效了,苦恼几秒后大脑又要去适应点左上角退出的操作。
  通过分析,我们可以很明显的看到在iOS这个貌似没有碎片化的系统中手势碎片化逐步显现,如何解决手势碎片化成为了开发者们的新问题。
  什么是优秀的手势
  优秀的手势操作是那些可以让用户明确知晓如何使用,并且用户能知道在它是否可用的手势。iOS的锁屏界面就是个很好的例子。iOS锁屏界面里只有滑动滑块才能解锁,而在别的界面里这样的解锁滑块不存在,所以我们完全不会想到去滑动。
  使用浅性引导的设计会让用户自然而然得学会如何使用手势操作,并且能有美妙的感受。
  锁屏界面里的相机设计的就是利用了浅性引导,点击相机后屏幕会向上跳动,这样的设计会直接引导用户去按住相机上拉。上拉进入相机的动作同时会让用户感觉下拉后会回到锁屏界面。更奇妙的是事实果真如此,在锁屏界面里进入相机后我们真的可以再任意一个界面中下拉回到锁屏界面。这种上拉进相机、下拉回锁屏界面的对称设计符合用户的想象,直接给用户带来了愉悦的感受。
  除了锁屏界面,第三方应用中也可以加入浅性引导。比如当我们点开新浪微博中的一条微博后原界面会向左滑动切出新的界面(推动效果),这样会让人感觉自己右滑动应该会返回前一个界面,左右对称的动画效果加上浅性引导会减轻用户的心里压力,而且这样的引导是在用户操作的同时进行的,用户无需回想这个应用的手势便可以方便的使用。
  设计一个手势
  一个开发者不能在自己的小圈子里设计应用,只想着自家应用中的手势体验,还应该跳出自己的应用,去思考如何能做一个适配大多数应用的全局手势,这样设计出来的手势操作不仅可以在自家的应用中适配良好,而且还会引起其他应用的效仿,甚至能改变大多数应用的界面设计,减少手势碎片化。
投诉 评论

Fuubo新浪微博客户端:重构设计自从我用上新版Fuubo之后,我就毫不犹豫的认为它是当前Android平台当前最棒的微博客户端了,新版Fuubo上线5天,获得了5W用户,也印证了这一点。令我惊讶的是,它竟然出……社区产品三要素:用户属性、交流、关系社区产品一直是我比较关注的产品形式,也一直想谈谈自己对于社区产品的一些看法,拖延至今,愧疚。俗话说:文部如字,字不如表,表不如图。所以先上一图,后文内容也基于此图发挥。……V卡片式阅读体验及数据挖掘V是一个专为个人推荐的个性化阅读软件,有网页和移动端,根据你的浏览记录为你推荐相应的阅读内容。卡片式内容设计V的界面设计非常时尚,界面类似于EvernoteiOS版……移动设计需避免四种常见的用户体验失败此文是移动设计顾问MariyaYao的文章。2012年移动应用的下载量超过300亿,可是智能手机用户平均每周会使用的应用数却大概只有15个。更糟的是,Localytics……最佳设计是回归产品本身最近在朋友的推荐下买了个靠谱的VPN,才得以到墙外看看外面的世界。我不只一次的听身边的上过Facebook的朋友说Facebook的体验很差,还不如国内的人人网和QQ空间。其实……神一般的私密空间摘要:QQ通讯录Pro版,为你量身打造全新的私密空间,跳出原本单调的密码设定保护模式,通过“分离私密空间创建和进入入口”、“多个空间的独立逻辑处理”、“拨号盘隐藏进入入口”等策……产品成长中的”节外生枝”是否经历过这样的场景,“网站中边缘的商品,却发现卖的意料之外的好”;”页面中的大banner却敌不过某处的文字链”;”流程上给用户加上的贴心功能,反而却让用户迷茫”等等,这些意……产品设计的原则在哪里我一直认为产品设计是一个主观性非常强的工作,对待同一个产品、同一个功能,不同的产品人会有不同的看法。无规矩不成方圆,在做很多事我们都会有一些标准,即使这种标准的评判角度不同。所……国外真实的设计流程西班牙设计公司当我们埋头在国内的行业设计中,埋头在不断吸收国外传入的一些优秀的体验设计的当下,我们其实很想知道国外真实的设计流程到底是怎么样的,他们在用户体验上的探索已经走到哪里。这次很荣幸……巧用手势善待用户〔核心提示〕越来越多的手势加入到应用中实际上增加了用户学习成本。我们是否能创造一个可以适用于大部分应用的手势操作,减少用户的学习成本呢?在这个手机屏幕越做越大的……Repixl推出图片处理服务,跟烂照片说拜拜英国创业公司Repixl经过两年的准备,在得到10万英镑的融资后,于今日推出了其图片处理服务测试版。Repixl是一个服务平台,主要针对一些需要批量处理照片以及不擅长使用图片处……四招让你的网站眼前一亮当你觉得很赞的时候,可以是一个词语、一个表情,甚至是艾米的一个眼神,都可以让你产生眼前一亮的“错觉”,但是,做好一个网站,想要获得这个感觉实属不易。我们都想拥有很棒的网站……
Axure教程:按钮的启用和禁用设计Axure:一分钟制作二级折叠菜单Axure案例:电商购物车Axure:一个简单的进度条,了解“触发事件”动作Axure教程:用Axure进行简单界面设计及交互效果Axure:菊花转(页面加载动画)如何制作APP工具栏如何用Axure画出来Axure:中继器实现表单增删改查玩转Axure:如何制作验证码倒计时?如何设计规范的原型图?Axure:巧用交互样式实现多tab切换效果Axure中继器:实现“万能”数据表模板的方法帮忙帮出错这单花岗岩桌子赔了200元建国60周年作文我爱你,中国王祯简介老年痴呆的特征有哪些进入加国名校的正确打开方式2022年加拿大高校申请季重磅来袭载弹量1吨,航程1万千米,彩虹5无人机获成功,会有国际订单吗结婚两个月男方起诉离婚彩礼退吗?离婚官司最多打几次?一致意见造句用一致意见造句大全赵本山女儿带货失败,竟在直播间当场发怒,怪粉丝太穷?湘雅二医院刘翔峰事件其实远比你想的更复杂中华倒刺鲃是军鱼吗?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界