服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

用户卖场动线需求浅析

日期: 来源:京东设计中心JDC收集编辑:贺兆铎

随着电商的快速发展,以卖货为主题的大型活动已不仅仅在618,双11开展,对用户来说,平台级别的大促越来越频繁,逛卖场的机会越来越多,受到大量大促卖场信息的“轰炸”。那么卖场如何能快速引起用户兴趣,抓住用户的视线,让其找到想要的商品并点击购买,本文根据以往相关项目获取用户反馈,整理出以下用户对于卖场动线的主要需求。

一、核心需求

(一)易读

会场活动页包含的信息对用户来说是丰富而复杂的,用户浏览的场景本身是碎片化的,手拖动手机频幕,视线跳跃阅读,呈现Z字型浏览轨迹,视线的停留时间更短,那么提升进行卖场设计时考虑用户易读,降低用户理解成本,保证信息清晰的展示给用户,让其一眼就可以筛选出对自己最有价值的产品或者板块。易读体现在不同的方面,文字易理解、图片干净不杂乱、页面展示逻辑易理解,符合用户的认知惯性。

(二)精准

千万不要忘记卖场的初衷:卖货。无论页面多么易读,用户最关注的还是卖场中商品能否真正符合自己的需求,商品内容的节奏要把握好,推送要更精准,用户不停的往下滑页面,就是希望可以看到更多符合自己心意的东西,或者是提供更多与需求匹配的购物灵感,在动线上给到用户更多刺激,让用户有点击的欲望。

二、卖场动线模块需求

根据用户调研,针对会场头图、优惠券及商品楼层等动线需求做了一些整理,供大家参考:

(一)会场头图:总览全局,突出重点,尺寸紧凑

总览全局——对用户来说,需要通过头图快速了解会场页面的主题和活动力度,头图banner提供的内容决定了整个大促页面的第一印象,并预判会场的其他内容是否符合用户的需求,因此需要降低banner的识别成本,让用户在更短的时间内get到会场主题,从而激发顾客点击的欲望。

“一进来看到这个图就知道这个会场是干什么的,然后再决定是否继续浏览。”

突出重点——头图Banner无法承载复杂宏大的画面和大量的信息传递,要吸引用户的注意,并有效的让用户了解会场主题,需要突出Banner重点,明确内容核心点,否则没有记忆点,也不利于信息传达。根据眼动热力图来看,用户更倾向于通过文字信息来获取信息,重点表现本会场的主题、平台的优势和用户在该会场中可看到的商品和活动力度的文案普遍受到用户关注。设计文字内容清晰简单直白,让用户更好的阅读信息。

“会场的大标题让我了解主要是卖什么的,后面的产品会有哪些类别。”

“吸引眼球的文案,比如秒杀、high购,引爆,视觉冲击力很大。”

尺寸紧凑——因为平台会场页的活动页涉及的品牌多,产品多,用户反馈看到的一些头图占用面积大而传递的有效信息较少。因此banner需要通过紧凑的布局来将首屏空间利用最大化,提高浏览效率,窄头图设计更加符合用户的需求。

(二)优惠券:优惠醒目,规则清晰,化繁为简

优惠醒目——前面说过,用户在浏览手机页面时,停留时间更短,更聚焦,每一模块不宜有太大的信息量,具体来说仍然是突出核心信息,对优惠券模块来说,优惠力度的突出放大能更好的吸引用户兴趣。

下图中右侧优惠券因利益点更加突出用户反馈视觉感受更好,能快速抓取优惠信息。

“京东的券太小了,和淘宝相比存在感太弱了。”

规则清晰——优惠券用在哪里,是否通用,用户期待在领取时有更加明确的规则的展示,使用规则展示清晰,可见。

“之前特意抢了图书满300减150的券,写着部分图书可用,但是不确定有哪些书可以用,最后发现只有工具书使用,是不是可以写清楚一些优惠券的适用范围。”

化繁为简——会场领取的优惠券在本会场可通用,种类简单,使用便捷。

“领券太复杂了,会场里领的优惠券,有店铺的,有秒杀的,有整点抢的,感觉比较乱。会场选到的东西和领的券不能匹配,通常都买不到想买的东西。”

(三)商品楼层:浏览连贯,排版透气,间隔清晰

浏览连贯——楼层或者商品的排布需符合用户的认知逻辑,当用户按照品类查找商品时,在其认知中相关联的品类应放置在一起,同类商品浏览更有连续性。

如下图所示,游戏电视,游戏本两个板块未放置在一起,用户需要跳跃的去寻找相关联的品类板块,部分用户可能会因为浏览不连贯,或不知道页面还有相关板块而提前离开会场,错过会场较靠后位置展示的兴趣商品。

“这个版面的展示就有点跳,这几个3C品类的应该是一类的,比如智能数码,游戏电视、游戏本,都是相关联的,但是中间间隔开了,我看完游戏电视看到智能家装就不会继续看了。”

排版透气——设计上卖场页面希望最大化的利用版面,但用户更偏好宽松型的排版方式,让信息不要一股脑涌到自己面前,缺少视觉重点。对比下图中一行四商品展示案例,一行三和一行一的展示方式,商品内容和颜色简洁,清晰,重点突出,便于浏览。

基于眼动实验和用户反馈,用户浏览商品时,一行四个的展示方式,信息多,用户对各商品信息的关注较为分散,通常一扫而过;而一行一的展示,商品图更大,商品标题展示更清晰,用户快速辨别商品后,把更多视觉关注点放在商品价格的判断与比较。

(一行四)

(一行一)

“这种一排放4个商品的就太小太挤了,一大堆信息,字也看得很费劲,不够清楚,就大概看一下,我喜欢一排只有两个的,或者只有一排一个的,文字、图片、价格看得清楚,一直下拉也不觉得累。”

间隔清晰——对用户来说商品展示的越多,信息量越大,其分在每一模块上的停留时间可能更短,在这种情况下,清晰的间隔能让用户更好的“扫描”商品。

间隔的清晰主要表现在商品与商品背景、模块与页面背景上。下(图一)中商品占据的位置太满导致与模块的名称及价格展示区缺少足够的间隔,给用户信息爆炸的感受。而(图二)的口红为白色,与白色背景之间也缺乏明显清晰的界线,区分不强。而根据用户的反馈(图三)和(图四)纯色背景边界清晰的展示,观看更加轻松。

“看图片不知道是什么,都是红色的,颜色重复,眼花缭乱,抓不住重点。”

“喜欢这种背景特别清爽的,一眼就知道是什么。”

这里要提的是,卖场的设计逻辑属于营销学范畴,对于设计方面的思考是复杂和专业的,本篇文章只从用户浏览视角浅其析卖场动线需求,希望能对大家有所启发。

相关阅读

  • 表单,用户体验的逆子

  • 小伙伴们经常问我:“为什么执着于表单设计?讲讲用户体验不好吗?”“新人不知道什么是表单,搞冷门课程有前途吗?”我的答案:因为它很特殊。第一,表单是体验向技术的妥协如果眨一眨眼
  • 问了文心一言 40 个问题

  • 这是关于发布会的观察:为什么会对文心一言的发布会失望?今晚拿到了文心一言的内测名额,所以是骡子是马,talk is cheap,不多说,直接上结果。第一部分 常识问题【注:这个问题 GPT-3
  • SaaS平台可用性测试经验分享

  • 1、什么是可用性测试?根据国际ISO的定义,可用性的概念是指:“特定的用户在特定的使用场景下,为了达到特定的目的而使用某些产品时,所感受到的有效性、效率及满意度。”可用性测试
  • 超详细!持续性研究使用指南

  • ▲点击 "TCC翻译情报局" 关注,回复 "社群" 加入我们本文共 3255 字,预计阅读 9 分钟TCC 情报局的 第 181 篇 干货分享2023 年的 第 10 篇TCC 推荐:大家好,这里是 TCC 翻译情报局
  • 什么是服务设计的「关键三要素」

  • 服务设计的理论其实比较容易理解,主要看具体落地实践起来的效果。之前负责的公司AI智慧年会设计就是典型的服务设计案例。设计师关注的不仅仅是界面中的元素和交互,而是要把设
  • 交互设计的价值是什么?

  • 工作中经常有人聊起交互跟产品的差别是什么?交互跟UI的差别是什么?似乎从入行至今,都一直有过这样的声音。互联网红利期的逐步消退,资本紧缩,压缩人力成本似乎成了一件趋之若鹜的

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 今天那个湖畔音乐节有个xgg唱的好好听啊

  • 今天西院三楼电梯门口的女生真的很无语了,希望你能看到这条消息。你对一个陌生人说闭嘴真的很没有礼貌。我又不认识你!再说了我说的话有什么不对的嘛?!既然你这么关心别人的感受
  • 为什么你们这么牛逼,但就是不火?

  • 周一,《瞬息全宇宙》拿下奥斯卡最佳影片,开创了奥斯卡历史的新纪录。但说实话,我欣赏不下去。曾经,我和朋友在一个星期六的下午6点买来韭菜馅饼、牛肉拉面和一瓶酒,打开了《瞬息
  • 赓续传承六十载 雷锋精神代代传

  • 3月3日,2023年延吉市暨北山街道学雷锋活动正式启动。北山街道雷锋班志愿者之家揭也于当日揭牌。今年是毛泽东等老一辈革命家为雷锋同志题词60周年。为进一步培育和践行社会主
  • 表单,用户体验的逆子

  • 小伙伴们经常问我:“为什么执着于表单设计?讲讲用户体验不好吗?”“新人不知道什么是表单,搞冷门课程有前途吗?”我的答案:因为它很特殊。第一,表单是体验向技术的妥协如果眨一眨眼
  • 用户卖场动线需求浅析

  • 随着电商的快速发展,以卖货为主题的大型活动已不仅仅在618,双11开展,对用户来说,平台级别的大促越来越频繁,逛卖场的机会越来越多,受到大量大促卖场信息的“轰炸”。那么卖场如何