这7个趋势,也许是2017年电商用户体验设计的关键

沉浸式体验,虚拟助手,个性化的购物体验,这些都是未来的购物方式的进化方向,影响用户购买的因素更加复杂,而大数据则能够在各个不同的环节帮助电商从业者预测用户的行为与口味。所有这些因素都和用户体验相关,同时,它们也意味着,电商行业任重而道远。


沉浸式体验,虚拟助手,个性化的购物体验,这些都是未来的购物方式的进化方向,影响用户购买的因素更加复杂,而大数据则能够在各个不同的环节帮助电商从业者预测用户的行为与口味。所有这些因素都和用户体验相关,同时,它们也意味着,电商行业任重而道远。

这7个趋势,也许是2017年电商用户体验设计的关键

双十一的快递现在应该已经陆续收齐了,尴尬的地方在于,双十二要来了,随后还有圣诞、元旦和春节,各种电商活动将会坚持不懈地掏空我们的钱包。对于现在的我们而言,电商已经成为了我们生活中不可分割的一个部分了。不论对于电商从业者还是我们自己而言,这是最坏的时代,也是最好的时代。

总而言之,我们剁手的犹豫与买买买的冲动里面,进入2017年。对于电商设计而言,这仅仅意味着,新的战斗即将开始。所以,今天的文章,我们来聊聊电商的UX设计趋势。虽然中国的电商设计带有明显的地区性特征,但是大的设计趋势,还是和全球保持一致的。

1、无处不在的高清大图和视频

这7个趋势,也许是2017年电商用户体验设计的关键

当你看到网站上一条红色性感的露背长裙的图片的时候,你是否会考虑在情人节之前买一条?而多角度的高清大图,甚至全方位无死角的视频展示,才能让用户看的更清楚,更容易下定购买的决心。越来越多的电商和在线购物网站开始引入高清大图和视频背景,用引人入胜的体验带来更高的交易率。不仅仅是网站首页,产品的详情页也会出现更多的高清大图与视频。

2、更小的屏幕,更长的页面

这7个趋势,也许是2017年电商用户体验设计的关键

无限滚动,或者说长滚动页面,现如今已经成了电商设计师的最爱。移动端设备成为了用户浏览、获取信息的主要渠道,长滚动页面成了大量内容展示的最佳方式。由于手指触摸是移动端的主要交互方式,你会在移动端设备上看到更多的手势操作的加入。在长滚动页面当中,用户可以通过滑动交互更好地控制滚动的速度。

滑动交互也更加适合讲述故事,在电商领域,长滚动页面会成为潮流的引领者。

当长滚动页面和故事走到一起的时候,视差和动效就自然而然地可以容融入进来了,它会让体验更加具有吸引力,它们会让长滚动页面拥有更加视觉化的表现力,也可以帮助用户在短时间内消费更多的内容。

3、多渠道呈现,但是移动端优先

这7个趋势,也许是2017年电商用户体验设计的关键

更多人开始使用智能手机消费和购物,而非使用电脑。越来越多的品牌开始采取移动端优先的策略。你不用担心移动端APP会塞满用户的手机,响应式设计时下流行的Web APP将会降低移动端设备的压力,移动端优先的策略则让用户在移动端设备上优先获取信息,响应式设计则让你所设计的内容无缝地自适应到大屏幕上。汉堡图标现在已经为大众所熟知,所以当用户在大屏幕上看到移动端常见的汉堡图标也会意识到,这就是菜单。

4、类似SIRI的电商虚拟助手

这7个趋势,也许是2017年电商用户体验设计的关键

在2016年,许多电商类网站流行使用基于JavaScript 和Ajax 的动态搜索引擎,这种技术让用户可以更快地定位他们想要的产品。用户不再需要一个页面地翻看,也不需要在固定的搜索结果页当中一个一个翻找。

这7个趋势,也许是2017年电商用户体验设计的关键

除了动态搜索获得了更多用户的认可之外,类似SIRI 这样的语音搜索和数字助理也越来越多。许多企业正在尝试以更加创新的方式为用户提供服务,而语音服务可以打破视觉化的界面所构建的堡垒。

Uber 现在就已经开始使用Facebook Massenger机器人来让用户快速叫车了。类似这样的虚拟助手将会越来越多的出现在用户购物的场景中,为用户提供互动性更强、更加个性化的体验。除了在售前和售后提供用户支持之外,这些虚拟助手能够帮助用户处理常见的问题。

5、互动式购物 = Material design + 卡片式设计 + 动效

这7个趋势,也许是2017年电商用户体验设计的关键

谷歌所提出的Material Design 将Android 所有元素都梳理到了一套体系当中,显眼的色彩、微妙的阴影、富有现实质感的动效都是电商中值得学习借鉴的素材。2017 年你会在各大电商网站看到更多的卡片式交互和动效,其中卡片式交互简化了导航,让用户更容易注意到产品和类别的列表。

在电商网站和APP当中,最大的挑战在于如何保持用户的参与性,能够同你的平台一直保持联系。所以,在新的一年中,你应该能看到许多动效和创新的设计,让用户更方便地浏览内容,在页面和产品之间切换。

这7个趋势,也许是2017年电商用户体验设计的关键

在即将到来的2017年,你将会看到更多有趣炫酷的交互:

  • 可旋转交互的按钮,旋转变化的图标,更有意思的加载进度条,交互性更强的通知和无处不在的动效
  • 在滚动过程中激活的按钮,更富有视觉引导性的导航设计
  • 悬停放大的产品图
  • 具有明确状态判读的加购物车按钮等

6、基于大数据的用户购买行为预测分析

这7个趋势,也许是2017年电商用户体验设计的关键

大数据这个术语近乎改变了绝大多数的行业。由于电商这个行业和用户的购物模式、产品模式有着紧密的关联,这也使得大数据在此大有可为。在未来,结合大数据的支持,每个电商网站和APP应当都能根据用户的喜好来进行优化。Google Analytics 将会在2017年完成对电商网站的实时数据分析,到时候电商网站可以结合这些数据,有针对性地对自家产品定价进行调整。

7、虚拟现实和现实增强

这7个趋势,也许是2017年电商用户体验设计的关键

现实增强已经进入了电商行业,虚拟试衣间已经出现了,用户可以借助摄像头快速查看衣服和配饰上身的效果。更加沉浸式的体验是VR带来的,特定主题的商店将会借助VR眼镜帮助用户感受到身临其境的购物体验。

届时,用户将会从传统的视频和图片所带来的视觉体验直接升级到虚拟商店所带来的沉浸式购物体验。作为一种全新的购物渠道,它符合全渠道推进的模式,还能强化产品、品牌和用户之间的联系。

未来的购物方式

沉浸式体验,虚拟助手,个性化的购物体验,这些都是未来的购物方式的进化方向,影响用户购买的因素更加复杂,而大数据则能够在各个不同的环节帮助电商从业者预测用户的行为与口味。所有这些因素都和用户体验相关,同时,它们也意味着,电商行业任重而道远。

 

原文作者:PANKAJ

原文地址:inkoniq

优设译文:@陈子木

译文地址:http://www.uisdc.com/2017-7-ecommerce-ux-design-trends

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26233/

(0)
CatherineCatherine
上一篇 2017-05-13 21:17
下一篇 2017-05-13 23:11

相关推荐

  • 别被数据骗了——视频搜索页面设计研究总结

    如今的互联网PM都会对产品数据进行追踪,作为自己的KPI指标。但是在实际的设计结果中,令人满意的数据有时却并不一定会说明产品的实际使用效果,数据呈现的结果和用户的实际使用体验有时甚至是背道而驰。某用户:点击之后进去就直接播放了,有时候开着声音吓一大跳,会马上点出去。哦,你说按钮上的文案啊,没有注意呀!

    2017-05-02
  • 作品集讲座 | 交互设计与工业设计的关系?

    专注艺术留学作品集辅导前几期克瑞斯带同学们分析了景观设计、建筑设计和室内设计三大专业。今天为大家分享艺术作品集比较热门的交互设计和工业设计专业,对于交互设计,许多同学们都不太了解,甚至因为同样涉及到产品,因此容易和工业设计混为一谈 ,今天克瑞斯就来跟大家详细讲一讲交互设计与工业设计的区别,希望同学们在选择专业上更加清晰明了。如今的工业设计变得非常的宽泛,它本身就是一个非常需要人们来思考的概念思维,并且它的设计思维都是从产品的整体外形线条...

    2018-03-31
  • 产品思维~02·用户体验与结婚教练

    今天继续分享《得到》app梁宁的大师课程产品思维30讲,感兴趣可以下载《得到》app继续关注,在文后会附上《得到》app的下载方式。其实梁老师真的很幽默也很形象,来用结婚教练的例子来类比产品的用户体验,同样的结婚也好,创业找合伙人也罢,都是非常重要的长期关系,改变一个人那是非常难的一件事情,那么如何去观察和判断一个人就显得尤为重要。如果没有受过专业训练,那么眼睛看到的很可能是不真实的,你的感觉以及情绪很容易被某个点所牵制,而且在你没有强...

    2018-04-26
  • 超级干货:75条界面版式设计准则

    一个好的界面设计应该拥有高转化率且方便用户使用,换句话说:既能达到商业目的又能满足方便易用的要求。 有一个设计咨询公司根据自己的客户案例,总结了 75 个经过实践证明的原则: 1. 使用单栏布局代替多栏布局 …

    2016-07-14
  • 从音乐属性改进用户体验,QQ音乐和虾米音乐如何再优化?

    本文将抛开市场占有率,将腾讯的QQ音乐与阿里的虾米音乐作对比,从音乐的本身属性和对人心理的影响出发,分析用户需求,对产品提出用户体验方面的优化建议。

    2017-05-18
  • 2017年UX设计的3大预测

    本文作者总结了他在2016年对UX设计的预测,且又对2017年的UX设计进行了预测。

    2017-04-29
  • 演示|一个交互设计师从接收需求到产出的过程

    从接收需求到产出?这过程中到底经历了什么?不妨来阅读本文作者的文字,一起来了解了解吧~【需求概述】
    商品,增加商品类型,分为普通、赠品两种。赠品可下单购买,也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别,设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品,配赠条件满足时,在支付订单前提供选择赠品操作,代理可选择配赠金额范围内的任意赠品,也可不选择;选择赠品,并支付成功后,对应订单增加配赠商品信息。
    注:配赠金额=订单面价金额×对应等级配赠率。目标用户:某护肤品牌微商代理
    年龄:18-40占绝大多数
    性别:女性占98%
    职业:微商
    设备:iphone及以上
    场景描述:某天,代理a在清点仓库库存的时候,发现最近热销的某品牌商品库存都不多了,想着,到时候缺货会影响自己的销售及客户的满意度,暗想着,要再进些货才行,于是她对库存不足的商品进行了一下盘点,盘点完毕后,她拿出手机,将需要订货的商品一一加入购物车,加入完毕后,她核对了一下商品的金额,正准备点“支付“按钮进行付款,忽然看到付款按钮上方有一条提示,说”还差500元就可获得免费赠品“,她心一动,反正要买,只要加500块钱,就能免费获得赠品,有何不可?于是她当即便在某一商品下面增加了数量,满额后,提示文字就变成了”可获得免费赠品“,确认金额后,她立即点了支付按钮,来到确认订单的页面,快速浏览了一下自己的收获地址及信息,便赶紧看获得什么样的赠品,果然,在支付的上方又看到了配赠说明的提示,提示我”选择赠品“(这里说明一下,之所以将提示语都放在同一位置,是为了让前面界面的视觉路径在同一水平点上,使页面结构更整洁),点击进入”选择赠品“界面,参照页面给出的赠品金额提示,选择了想要的赠品,由于选择的赠品太多,从上下拉到下浏览起来效率太低,于是她又点击了按钮”已选赠品“进行复核了一遍,确定完毕后,回到确认下单的页面,便满意的点击了”支付“按钮,发现金额与未选赠品前的金额一致,便放心的提交了订单,订单支付完毕后,引导代理来到了订单列表页面,上面还特意标明了”含赠品“字样提示,a点击进去再次看了一下所购的商品及赠品,准确无误会,抱着愉悦的心情关闭了应用与手机。
    ”1、商品列表及商品详情,赠品类型的商品须显示对应图标;
    2、赠品类型商品同普通商品一样可正常下单购买;
    3、购物车,根据代理当前所选商品的总面价金额及当前代理对应配赠率,如果配赠金额不为0,则显示相应配赠金额及提示信息(若当前配赠金额暂不足以购买系统当前上架的任意赠品,则显示提示信息:“还差××就可获得免费赠品”;若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则显示提示信息“可获得免费赠品”);如果配赠金额为0,则不显示相应配赠金额及提示信息。
    4、确认订单界面,若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则提供选择赠品操作项。未选择赠品时,操作项显示配赠金额、及“选择赠品”文案。已选择赠品时,若配赠金额-已选择赠品的总面价>0,操作项显示“已选择××元赠品,还可选择××元”;若配赠金额-已选择赠品的总面价=0,操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
    若当前配赠金额暂不足以购买系统当前上架的任意赠品,则不提供选择赠品操作项;
    5、选择赠品列表,列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品,用户可点击选择,也可取消选择,当前选择的赠品总面价金额=配赠金额时,不可再继续选择更多(若再点击选择赠品,则提示“不能再选择更多了”);提供显示选择提示信息“还可选择××元赠品”(××为配赠金额-已选配赠商品总面价)、“查看已选赠品”操作、“确认”操作。
    点击“查看已选赠品操作”,可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮,可点击关闭浮框;
    点击“确认”操作,确认当前已选择的赠品信息,返回确认订单界面。
    6、个人中心,增加显示当前代理的配赠率信息。
    7、订单列表,若对应订单含有配赠商品信息(注:如果只是正常下单购买的赠品类型的商品,则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品),则显示“含免费赠品”标签;
    8、订单详情,若对应订单还有配赠商品信息(同7),则列表显示用户选择的免费获赠的商品信息(注:正常下单购买的赠品类型商品,显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品),并显示总的免费配赠金额信息。

    2017-05-07
  • 被忽略的交互设计本质

    谈论交互设计本质是起源于日常的很多谈论,不管是向朋友介绍自己从事“交互”相关岗位,还是需要向亲戚通过三言两语解释自己的工作内容;甚至在工作的上下游沟通中,也经常会被问道“你怎么就判断用户是这么想的”“产品如何从0(概念)到1(页面界面)的”;这些问题促使我想要追本溯源,捋顺一下交互的由来、工作内容,以及依照什么方法执行等问题。(1)把冰箱门打开→ (2)把大象放进去→ (3)把冰箱门关上(1)要充值的手机号码→(2) 确认充值多少钱(用“确认”是因为很多软件提供了默认金额)→ (3)付款搞定。

    2017-05-15
  • 一款运动类APP的产品交互设计全过程(两万字干货)

    这次的分享是前不久完成的一次比较完整的交互设计工作,基本上涵盖了前、中、后期的完整流程,包括前期的定位分析、用户调研、业务需求分析、目标用户画像、用户需求分析、关键因素分解、路径分析,完整的交互设计文档,以及后期的可用性测试,希望对需求分析、交互设计或可用性测试感兴趣的朋友们有用。1第一卷 需求分析1概述1.1 产品目标以运动为主题,选定某一种运动形式,完成一款 APP 产品的交互设计,内容集中在统计和分享运动量方面。1.2 关键词分解...

    2018-01-31
  • 用户行为预判的交互设计研究

    #交互原型##预判设计#主要有两类目的:一是在用户初次体验某种功能时引导用户,避免用户陷入困惑;二是提前判断#用户行为#,缩短行为路径。 作为“剁手党”,闲暇功夫刷淘宝已经是消磨时间的习惯行为。某天看中了一件…

    2016-11-03