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

相关推荐

  • 【文创•职通车】2018校园招聘信息

    序号001未而思伯文化传媒(杭州)有限公司2007 年成立至今,经历了十年的发展,从最初的单一媒介投放板块到如今的以视频内容创作,品牌营销传播为两大核心板块。十年媒体资源、渠道积累,坚持立足浙江为中心,面向江浙沪,以传统媒体+新媒体的渠道传播组合方式。(向上滑动启阅)一、 总监助理( 1 名)职位描述:1、本科以上学历,具有良好的协调沟通能力,良好的文字功底;2、完成总监交代的任务,负责项目的对接协调统筹工作;3、负责总监的工作日程安排...

    2018-03-20
  • 手机“携号转网”磕绊多,用户体验太遭罪,手机跳槽为何这么难?

    轻点下图  纵横带您“听新闻”携号转网来自新闻纵横00:0005:59工业和信息化部在2010年和2013年,分两批在天津、海南和江西、湖北、云南五个省市,试点手机号码“携号转网”业务。但是到今年初,仍然有试点省份的用户反映,办理过程不如预期的顺利,质疑运营商故意设置障碍。记者调查发现,“携号转网”业务在不同的省份试点效果存在差异,主管部门坦承,有运营商为了挽留用户“搞小动作”,但试点工作整体向前推进,一些技术问题逐步解决。湖北武汉的白...

    2018-04-10
  • 12个关于用户体验的界面设计细节

    点击上方"工信商务培训学校"↑文章列举了一些界面设计中的案例细节,希望对产品设计工作有所帮助。UI设计工作中,设计师们往往不喜欢将界面设计得与原型图一致,总会刻意的去寻求存在感与原型做出差别,那么对于UI设计师来说,更应该懂得用户体验,成为办个用户体验设计师。以下列举了一些界面设计中的案例细节,希望对设计师们有所帮助。一.图标1.统一图标的样式图标在界面设计中还是占着较大的比重,它的存在有利于平衡界面,也让页面看起来更加的美观,也有一定...

    2018-04-06
  • 用户体验方向的复试炸药包

    喜大普奔,北师大终于出分数线了,虽然心理学部的院线还没有出来~但是过没过线,你心里应该没点Balance吗?对于没有参加提前复试的同学,对于接下来的复试,师兄在这里想灵魂拷问一番,准备好复试了吗?知道怎么准备吗?知道UX复试要考什么吗?别问我,我也不知道。但是作为去年参加过正常批复试而且成绩不低的老司机,我还是可以在这说两句的。(咳咳~全场都注意啦!)参加过去年提前复试的同学应该知道去年UX的复试变动很大,比之前两年灵活了很多,辅导机构...

    2018-03-07
  • 掌握交互设计思想,从用户视觉心理开始

    什么是交互设计师?在刚刚开始研究交互的时候,我也经常问自己:什么是交互设计师?这两年“用户体验”这个词非常火,以前在技术沟通中经常生硬的用“用户体验”这个词来说服技术,难免有些空洞。其实用户体验不止于产品的交互设计有关,还包含产品的内容和服务、表现形式,大部分情况下产品的内容和服务才是整个用户体验的核心。而我所理解的交互设计就是把表现形式、内容和用户行为相互协调的一门学问,是影响用户体验的关键因素之一。另外,按国内就业情况来看,目前交互...

    2018-04-26
  • 两会唤醒全民关注用户体验

    聚焦2018年全国两会,共有13位人大代表和政协委员提倡在相关领域内发展与提升用户体验,范围遍布于新能源汽车、互联网、通信、教育科研、传媒、版权保护、交通运输与医药等数十个行业,引起了社会各界的广泛关注。两会期间,全国政协委员叶友达向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》。叶友达建议,从国家层面启动基于用户体验的设计创新倡议,构建用户体验设计创新战略和行动纲领。同时要加大对基于用户体验的设计创新的宣传力...

    2018-03-28
  • 物联网产品用户体验设计的5个关键

    来源:物联之家网编译:冬夜物联网智库 整理发布转载请注明来源和出处------【导读】------创建物联网产品良好用户体验的5个关键:简化入门、顺畅的跨平台设计和交互、个性化和背景、一体化体验、创新体验方式。设计一个伟大的、用户体验极佳的物联网产品说起来容易做起来很难。仅仅为一个新应用程序构建直观的用户体验就极具挑战,而物联网系统通常由多个设备、多个具有不同功能的应用程序和接口、输入输出数据流和用户权限分配组成,因此,为如此复杂的系统...

    2018-04-10
  • 我是如何从测试转到产品的?

    为什么我从测试转产品?无论硬件研发还是软件研发,都需要测试工程师找出软件缺陷、保障产品质量,以降低项目风险,我们可能听到过由于某一个漏洞导致公司损失多少钱的例子。而测试的价值就是尽可能早的——发现这些会给公司造成损失的问题,在项目交付前反馈到开发修复。所以测试岗位对于企业来说也至关重要。在做测试时,我一直期望能发挥自己的最大价值,无论是功能性问题还是用户体验问题,我都会一一跟踪。当兼顾项目进度,有些问题来不及修复时,遗留问题我会...

    2018-04-02
  • Sketchelp·2018暑期工业设计考研课程

    还是你们熟悉的Eric,还是你们熟悉的二师兄。2014年的夏天,天气热的没羞没臊,我们第一次开辅导考研手绘,那时只有三个人,一套笔。那时很开心,每天举着煎饼果子画手绘。两周年,四学期,已完善的课程,将在这个暑假全新开始:是不是临摹还行,轮到自己设计就歇菜?想知道有没有考研的“套路”?一个产品换个角度画,却死活画不出?产品+交互界面真的有很难?故事版的卡通形象一点也不卡通怎么办?“那天”万一考卷画坏了怎么办?答案都在这里。。。真实一线从业...

    2018-05-04
  • 交互设计 | Tmall金妆奖 交互体验装置

    天猫金妆奖 · 体验交互装置中国上海· 3.04.2018***装置交互体验概念***Step 1: 待机状态Step 2: 装置检测到观众体验,即将展开体验流程Step 3: 系统提示拍摄区域Step 4: 实时检测体验者面部表情Step 5: 拍摄表情即将开始Step 6: 拍摄完成,正在为观众制作纪念卡***纪念卡设计***纪念卡/拍摄表情等级1:平静纪念卡/拍摄表情等级2:微笑纪念卡/拍摄表情等级3:开心纪念卡/拍摄表情等级4:...

    2018-03-15