iPhone十年,移动用户体验领域已经到达成熟阶段

译者:Daisy全文共 3904 字 7 图,阅读需要 8 分钟———— / BEGIN / ————最开始的iPhone于2007年6月发布。2008年末,当我们开始研究第一版移动报告时,大多数人还是在使用有着最极其糟糕的用户体验的原始移动设备。在那个时候,相较于体验糟糕的移动设备和移动网站,任何稍微像样的产品都会带给用户愉悦的体验。三年前,移动报告第三版出来时,我们对移动端可用性做了严密的评估。我们很高兴移动端可用性报告不再是一种矛...

iPhone十年,移动用户体验领域已经到达成熟阶段

译者:Daisy

全文共 3904 字 7 图,阅读需要 8 分钟

———— / BEGIN / ————

最开始的iPhone于2007年6月发布。

2008年末,当我们开始研究第一版移动报告时,大多数人还是在使用有着最极其糟糕的用户体验的原始移动设备。

在那个时候,相较于体验糟糕的移动设备和移动网站,任何稍微像样的产品都会带给用户愉悦的体验。

三年前,移动报告第三版出来时,我们对移动端可用性做了严密的评估。我们很高兴移动端可用性报告不再是一种矛盾的修饰,我们最终看到很多网站、客户端都有相当好可用性。

第四版移动端用户体验调查报告,我们继续看到了进步。

现在,大多数的移动网站、app都提供了非常好的用户体验——也有一些问题,为了让页面更好看可用性做出了些牺牲。但我们可以自信地说:自上次报告以来,这一领域在过去两年中取得了进展,大多数惊人的错误不再出现。

当我们尝试更新许多移动指南的示例时,我们发现这些公司已经解决了他们的问题,并且我们讨论的一些问题已不再普遍出现。

然而,我们也遇到了两年前我们认为几乎灭绝的问题的再次出现。

在可用性方面,错误(如趋势)往往是循环的:一代人识别它们并创建避免它们的设计模式,但后代不再看到用户体验问题,在追求新设计时再次犯同样的错误。

它总是前进两步,后退一步。

一、内容 vs  Chrome

内容优先于UI(例:chrome)的重要性是从响应式设计中吸取的教训之一,而汉堡菜单是这个教训的结果。设计师们试图尽量减少屏幕可见的UI元素数量,为宝贵的内容提供更多的空间。

两年后,设计师们继续评估移动设备上屏幕的地位,他们已经达到了隐藏chrome导航栏的程度。

虽然汉堡包的方式正在被打破,但隐藏导航仍然非常普遍(正如我们在其他地方所论述的,隐藏导航是某些站点的唯一选择)。

许多人也已经理解,如果有更好的模式(例如:可见导航栏)是可用的,那么不应该隐藏导航。

Chrome对内容进行优先级排序,已在其他设计领域中渗透。例如:我们不再看到占据页面一半页面的导航栏。

嵌套模式(让用户在遇到内容之前通过多个页面进行一系列选择),也不再像过去那样受欢迎。至少有一些公司已经开始意识到,最好是在移动设备上将导航结构扁平化——立刻向人们展示各种内容,并允许他们将其缩小到特定范围内。

iPhone十年,移动用户体验领域已经到达成熟阶段

Walgreens.com采用了嵌套导航栏的模式,在过去那是非常流行的但是现在很少被应用了,他要求用户在看到任何产品前,先在4种类型中作出选择。

然而,Walgreens尝试去通过向一些类别选择页面,添加产品图像来创造内容错觉,这表明设计师可能意识到这种类别设计的乏味。

iPhone十年,移动用户体验领域已经到达成熟阶段

iPhone上的 Google express,在Grocery下不是用全部子类别的列表,而是在每个子类别下显示一些内容。

App正确使用基于内容的设计,而不是使用基于类别的设计。

二、使用手势

手势解决了太多chrome在小屏幕上的问题,但是他们很难的发现和学习。一些原始的手势热情(纯手势的应用程序(例如:Clear Todos)体现)已经衰减,但手势的使用仍然是移动设计中更有前途的方向之一。

iPhone十年,移动用户体验领域已经到达成熟阶段

iPhone版本的clear todos,第一版出现在2012年左右,使用各种手势来弥补ui上的不足,但是这些手势很难让人记住。

不幸的是:手势是鸡生蛋蛋生鸡的问题。他们不会变得易学和好用,除非手势在app、网站上建立了使用规范,并且所有的app和网站的手势使用都要有一致性。

另一方面,设计师被迫远离手势,因为他们对用户群的熟悉程度如此之低。

苹果已经多次尝试扩展手势的标准词汇表(随着3D Touch for iPhone 6S 的推出),并将一些可见的浏览器委托给手势。

iPhone X的尝试已经结束了iPhone的唯一物理按钮,用一系列轻扫手势代替。优点是提高了屏幕使用;缺点是对曾经习惯使用home键的用户来说,初次学习该手势的使用带来不便。

3D touch技术是很有前景的,但是他很少被使用在app上。

但是,其他两种手势流行程度开始增长,以至于增添到基础手势词汇表中——滑动删除(展示删除动作的上下关系),两指滚动来移动嵌入网页中的地图。

滑动删除只是简单为列表元素增加上下操作,两指滚动解决了与滑动冲突的问题,这经常在网站嵌入地图中遇到。

这些手势对用户来说变得越来越熟悉,尽管我们仍然建议使用这些手势的设计,可以添加其他的方式来执行相同的操作,或者至少具有良好的上下文提示来引导用户。

iPhone十年,移动用户体验领域已经到达成熟阶段

两指滚动手势滚动地图,变成一种标准来解决与滚动冲突的问题(当人们尝试滚动页面却意外滚动了地图,反之亦然)。

三、移动网站和应用程序更好的结合

从网站过渡到要求用户使用特定操作的app,在iOS上,用户需要打开一个app然后在其内部进行搜索。

从iOS 9开始,移动网站和app间的切换变得更加简单,比如:我在搜索引擎中搜索了一个电影,一些结果将会自动打开对应的app页面(当用户已经下载了这些app)。

iPhone十年,移动用户体验领域已经到达成熟阶段

当选择了搜索结果页的电影链接时,控件将从safari跳转到iMDb app。返回app按钮显示在顶部状态栏的左上角,并标有以前使用app的名字。

从浏览器到app的无缝跳转,一般来说,从一个app跳转到下一个的体验是非常好的,因为通常app相比较于网站将具有更好的用户体验(因为他们更接近他们设计的移动平台)。

但是,追踪他们的位置,并且知道如何操作返回的这种设计,会给用户带来新的负担,App仍然需要满足这种需求。

举个例子:我们会注意到很多app在层级深的页面并没有放logo,会给使用者造成不知停留在哪的困扰。

一个显著的提高,可能与从浏览器转换到app的易用性相关,app内的插屏广告大幅度降低。当去新网站前会插屏广告邀请用户下载app已经过去,大多数时候会将广告放到web页面的banner处。

四、更好地使用电话功能

虽然不完美,越来越多的网站和app利用电话的基础功能。

像Apple Pay 和Android Pay,由于集成系统让付账在很多电商网站变得很轻松,大多数的网站和app都会考虑到用户当前的位置。

生物识别有望让我们更接近忘记密码的问题,甚至可以让用户轻松跨设备传输信息(并自动登录),从而使桌面登录更加轻松。

iPhone十年,移动用户体验领域已经到达成熟阶段

当设置一台新iPhone,不需要输入凭证进行身份验证——他们自动从附近的设备上传输。

五、减少指导说明

几年前,任何一个可敬的app都是从漫长的指导开始的,这些app对提供所有不同的功能进行编总。这些教程是糟糕和无效的,在冗长的指导列表里,没有用户可以记得过多的命令。

他们也没有动机想要去记住他们中的任何一个,毕竟谁可以说哪些功能实际上是有用的呢?

今天,这些指导已经很大程度上被app一般概述(应该指引导页)取代了,打算说服用户登录并创建账号。

理想上,这些登录页应该完全的消失,应该允许用户在没有任何注册的情况下体验app。

最初app的应用概述会发挥广告的功能,但是大多数人讨厌到处都是广告,尤其是当他们已经花费了精力下载app。

六、向后一步

总体而言,响应式设计产生了积极的影响,跨平台的交互形式的追求,已经推动了一些奇怪的解决方案。

比如说:使用分割按钮菜单(split-button)或者手风琴菜单(accordions)。

分割按钮菜单主要目的是:复制桌面类别在主导航栏悬停和点击交互效果,即允许访问类别登录页面和子菜单。

这是一个非常不可用的解决方案,不仅是因为在狭小的空间内挤满了内容,以至于用人们的手指点击它们都非常的困难,同样也因为它违反了用户的期望和到迄今为止他们所学到的移动端使用规范。

另一个惊人的发展是:顾客结账开始消失。在过去提供这个功能的网站和app被取消,一些依靠apple pay结账和paypal结账来弥补顾客结账的不足。但是仍然有很多逼迫用户来创建一个账号,尽管他可能是一次性消费者。

从好的方面来看:在很多设计中登录注册越来越简单,现在很常见的用户仅被要一个邮件帐号和密码就可以创建一个账号。

浮层覆盖流行程度不断的增长,很多网站的菜单采用浮层覆盖的形式。

两年前,很多移动浮层覆盖是错误的并创建了很多有趣的效果(例如:浮层突然出现在内容的顶部)。

现在的浮层覆盖好多了,但是它们经常看起来充满屏幕,人们对待它们的期望,能使用离他们很近的返回按钮并且会到之前的视图。通常在这种情况没发生时用户会迷失方向,然后离开该网站。

当整个流程在浮层上被移动(这就是顺序菜单越来越流行的原因),出现错误的次数会增加更多,人们忘记去使用在浮层中菜单栏的返回按钮,确保的正确返回路径,却使用浏览器或者手机的返回按钮。

iPhone十年,移动用户体验领域已经到达成熟阶段

LATimes.com:这个菜单显示在浮层上看起来是个新的页面(左侧图),尽管关闭按钮在顶部的左角,人们仍然尝试去点击浏览器的返回按钮关闭浮层。如果她们这么做的话,她们将会回到之前的视图页面(搜索页-右侧图)来替代LATimes的主页面。

七、结论

从第一步iPhone开始的十年里,移动端用户体验领域已经达到很成熟的程度。

根据comScore最近的报道:在这个世界上的很多地方,超过一半的线上时间是在移动端上。

所以移动可用性赶上桌面可用性是正确的,这并不意味着移动端网站和app已经到达了完美的可用性状态——没有完美的设计。它简单的意味着它们中的很多提供了不错的用户体验,很多在过去臭名昭著的错误也已经被修复了。

参考:

comScore.2017.The Global Mobile Report

翻译:

Raluca Budiu.2018. The State of Mobile User Experience

———— / END / ————

本文由 @dasiy 翻译发布于人人都是产品经理。未经许可,禁止转载

iPhone十年,移动用户体验领域已经到达成熟阶段

点击“阅读原文”下载APP

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36422/

(0)
交互精选交互精选
上一篇 2018-04-11
下一篇 2018-04-11

相关推荐

  • 无障碍的交互设计,需要做到这7点

    先从字面上来理解何为“无障碍”。生活中许多场所中,除了供给正常人使用的区域外,还有一些针对工作人员、特殊人员(残障人士、老弱病残、孕妇等)的无障碍通道/设施,比如:机场、地铁、厕所、展会等。无障碍设施/通道是能够兼容普通人员和特殊人员共同使用的,且相对来说使用起来更为便捷、直接、且省时省力。-交互中的无障碍需要考虑到哪两方面?-那么交互中的无障碍又有哪几层含义呢?从常规的使用人群来看,首先要满足普通人群使用。其次,当一个优秀产品具有一定...

    2018-03-31
  • 用户体验是玄学吗?

    恍恍惚惚又是一年年底。又到了设计师们的“季节性迷茫期”,最近我的公众号后台经常接到好多朋友的信息,自己行间透露着迷茫和不自信。大的趋势和节奏还是和去年一样,有些视觉设计师询问我如何转UI,有些UI设计师问我如何才能培养产品思维…其实大家都在迷茫,在这里我想分享一个用户体验相关的综述给大家,希望能对大家找准自家的定位有帮助。我最初是一名UI/视觉设计师,然后随着一步一步的发展,给自己的目标也在发生变化,我现阶段给自己的最终定位是成为一名用...

    2018-02-06
  • 实例解析「交互设计七大定律」在设计中的应用(下篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计。上篇内容已经介绍了「交互设计七大定律」的前五个,接下来将把剩下两个定律为大家做个实例分析。六、复杂性守恒定律/泰思勒定律(Tesler’s Law )1、复杂度守恒定律/泰思勒定律(Tesler’s Law )简介:复杂度守...

    2018-03-19
  • 印尼APP用户体验调查报告

    随着智能手机功能的不断优化,用户对设备的体验要求也逐渐提高,用户的满意程度不再仅仅由服务质量来衡量。移动市场的竞争逐渐加剧,简单易操作的移动应用程序更能获得许多用户的青睐。市场玩家需从用户的角度去优化用户体验。用户体验一直是一个非常主观的问题,每个人都有自己的偏好。年龄、受教育水平、设备类型等因素都会影响到用户体验。近期一篇关于用户手机app使用体验调查报告透露了印尼用户的一些使用行为习惯,详细如下:(注册偏好)大部分受访者在注册一个应...

    2018-04-12
  • 为什么职场上的印度人总比中国人混得好?

    目前为止我还未有机会到过印度。身边去过的人有大致两边倒的两种观点,一种是这是一个思想自由的国度,人们开心知足、与世无争。一种是这是一个脏乱差效率低下的地方,一条公路几十年也修不整齐。我无从判断,因为每一种观点都主观。有一位曾经生活在帝都的印度女记者倒是写过一本比较中印差异的书叫《烟与镜》,值得一读。因为工作和学习的关系,我与很多印度人一起共事或者正在共事,有的只能算是点头之交,有的成为了挚友。1先说一件趣事,多年前,我没有与印度人近距离...

    2018-03-16
  • 【干货】在考虑入行交互设计之前,你必须搞清楚这些

    本篇文章来自知乎专栏:设计史论与设计哲学https://zhuanlan.zhihu.com/sheji-history-theory作者:乐可柯产品与交互设计师,设计史论学者现任阿里巴巴集团交互设计师毕业于同济大学设计创意学院设计学硕德国奥芬巴赫设计学院交换生今年,O’REILLY公司对全球范围内的“交互设计行业”做了一次调研,收集到了来自25个国家、1000多名设计师的反馈,虽然量不大,但其数据显示的结果可以作为参考,一窥整个交互设...

    2018-01-31
  • B2B、企业SaaS中的交互设计总结

    [图片]熊猫设计院关注熊猫设计院发现更多设计好文[图片]译者 / 不器校对 / 熊猫小生作者 / Varun Mohapatra[图片]我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇

    微信热点 2018-04-18
  • Sketchelp·2018暑期ACCD手绘造型工作坊

    今年暑期份的ACCD手绘造型工作坊又来啦!没错,主讲老师还是你们的E神。2013年,这个可爱的湾湾人带着他的一大摞手绘本来到大陆,二话不说就将自己在Art Center勤学苦练之所得倾囊相授,默默帮助了一届又一届的学生打开手绘大门。没脾气、没架子,却还是位高级汽车设计师。-有关 ArtCenter College of Design美国艺术中心设计学院(ARTCENTER COLLEGE OF DESIGN)坐落于美国洛杉矶的帕萨迪纳市...

    2018-05-03
  • 用户体验的目标是做到“自然”

    不想错过精彩的荔枝话题,点击文章左上角关注“荔枝3十1”。每晚10:00点荔枝陪你说一事晚安文/励志妹图/荔枝工作室经作者授权发布用户体验的目标是做到“自然”导语“自然的体验是不需要用户去思考的。”1需要用文字来解释的交互不是好交互(1)我观察3岁的小孩用iphone很容易上手。比如,iphone的开锁,小孩甚至不用学就会用。因为触摸是人的天性,同时iphone通过箭头图标,向右滑动的文字条(小孩看不懂文字),来暗示手指触摸向右滑动来解...

    2018-04-28
  • 【18应届报考北师大map用户体验方向】经验分享贴

    BNU学习小组互助互帮,轻松考取北师大,我们团队致力于为报考北师大MAP心理学专业的学弟学妹提供最精准的专业课辅导,官方微信:yanni513351。QQ:2194691060。专业课方面:普心、社会心理学我主要是看书背知识点,这两门课不难理解,看书熟悉内容以后将知识点背熟就可以,另外要通过做题检验自己的程度。测量心理学、实验心理学和统计心理学这三门课注重理解,尤其是统计心理学,要将每个知识点弄懂是什么意思,再做题巩固。而实验心理学重点...

    2018-04-15