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

相关推荐

  • 设计法则 | 实例解析「交互设计七大定律」在设计中的应用(下篇)

    资深交互小菜鸟,交流可加微信:Mandy8888-上篇内容笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~《设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)》六、复杂性守恒定律/泰思勒定律(Tesler’s Law )1、复杂度守恒定律/泰思勒定律(Tesler’s Law )简介复杂度守恒定律(Law of conservation of complexity)由Larry Tes...

    2018-01-30
  • 互联网产品经理要看哪些经典书籍?需要准备什么?

    入行产品经理所需的准备目前,互联网产品经理的社区很多,里面有海量的信息,如何修炼成为一名优秀的产品经理的经验也是林林种种,笔者也阅读不少,获益不少。今天,笔者并不是谈如 何成为一名优秀的产品经理,成为优秀的产品经理只是第二步,入行才是第一步。笔者作为一个做了一段时间产品的人。谈谈入行产品经理所需做的准备。前提:做产品,关键是要发现用户的需求点,发现用户的痛处~~关注互联网动态和产品动态:1 每天阅读新浪科技或者其他门户网站最新的互联网资...

    2018-03-14
  • 做你老婆,用户体验真差

    洞见(DJ00123987)——不一样的新闻,不一样的故事,数百万人订阅的微信大号。点击标题下蓝字“洞见”免费关注,我们将为您提供有价值、有意思的延伸阅读。作者:青蓝来源:青蓝(ID: qinglansz)没错,这是一篇真诚的吐槽贴。鉴于各位直男的脑回路和女人差异较大,常常不能正确理解老婆大人的本意,今天我特意以你们最爱的电子产品——手机为例,给你们分析一下老婆们的用户体验。01. 外观差评,后盖鼓起,前屏磨花,说好的金属漆还掉了色。小...

    2018-03-25
  • 全面掌握算法交互设计,你的设计你做主

    在OF COURSE学习最纯粹的创意编程Processing生成艺术进阶课程全面掌握算法交互设计12周成为顶尖设计师👇△课程介绍《Processing&OF算法交互线上课程》你将要学习的第一部分:培养算法创造能力,学习运用高级算法模拟真实环境中的自然变化。第二部分:理解并掌握算法交互的原理。第三部分:培养软硬件结合能力,学习使用手部识别设备Leap motion、体感识别摄像头Kinect和算法的交互。第四部分:运用openCV计算机图...

    2018-04-08
  • 蓝鸽集团2018校园招聘,多岗位,提供食宿,年薪8-20万!

    蓝鸽集团是一家专业从事语言教育技术的高科技. 集团化企业。目前拥有5个子公司. 1个研究院. 3个科技园。在全国30多个省. 市. 自治区设立了200多个分支机构,现有员工1000余名,是我国语言教育技术行业的龙头企业和第一品牌。蓝鸽在2006年与广东省电视台合作承办了国家级“英语辅导”电视台。2008年被认定为国家级高新技术企业。2013年经国务院批准设立博士后工作站。2015年第一个研制成功了具有物联网功能的智能化多媒体教室。201...

    2018-04-08
  • B2B、SaaS等企业软件中的交互设计总结

    我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇文章是我在过去几年里的一些经验梳理,希望能够帮助那些想去或者已经在企业软件团队工作的设计师们。一、什么是企业软件?下面是维基百科中的定义:企业应用是一种计算机程序,主要用来满足企业的需求,而非独立的用户。一些大家可能用过或者见过的企业软件在现代企业中,大多数企业应用是复杂、可拓展、分布式、模块化...

    2018-04-17
  • 你在无意中就打破了用户体验设计中最重要的规则!

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。产品设计中最重要的规则,可能是产品的周期管理。每个人都应该遵守一定的重要规则,特别是那些从事产品设计的人。而许多设计师却日复一日地在设计中违反规则,而这是绝对不利于他们的设计的。在本文中,我将解释什么是设计中的重要规则,以及它对产品和服务中意味着什么。我还将在组织管理、协作和总体性能方面提出这一现象存在的可能含义。在这篇文章中我所要讨论的心...

    2018-02-13
  • 【CIO说】花椒直播韩三普:用户体验与核心技术才是硬实力

    本期推荐韩  三  普花 椒 直 播 CTO社交直播作为一个年轻的行业,”高富帅”表现出的强大增长和吸金实力虽让业外人士倍感羡慕,然而作为一个严重依赖技术、用户体验要求极高的行业,流量等时代红利已经不能称其为门槛。如何打造平台差异化的竞争力?近日,花椒直播CTO韩三普接受了ENI经济和信息化网的采访,分享了花椒直播快速增长背后技术所提供的强大支持。并结合当下创新趋势,分享了直播在其中可发挥的作用。亮点提炼如何打造平台差异化的竞争力,以核...

    2018-04-26
  • 微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-18
  • 交互设计、视觉设计 | 专业、课程大起底,

    dadsadsadasdsadsMulticultural epicenters for arts, culture, design, and business.是什么原因让你对设计感兴趣?是爱吗?是责任吗?都不是!是因为当年某个app的UI设计让你眼前一亮然后就欲罢不能!于是确认过眼神,我遇见了最爱的专业。想为之奋斗一生。于是就这么愉快的决定了 在设计这条不归路上愈行愈远。纠结了许久,等到开始准备作品集时却分不清什么是视觉设计或是交互...

    2018-03-29