赞助商
立即赞助

如何设计商品列表框架,才能让更多人买买买?

交互设计3年前 (2021)发布 流光
2.2K 0 0

今年已经是 2020 了,各位作为时代的弄潮,上冲浪是生中的可或缺,丰富的冲浪生中必可的当然是,面对琳琅满目的商图与案,户怎样才快速抓到重点?或者说,怎么样才信息现在合适的位置?

视觉浏览模型

首先我们要了解浏览信息这个作的本质和特征,浏览的本质就是大脑通过眼睛取信息,是一个传达→解码的过程,在这个过程中又存在一些特性,我们可利这些特性进行一些更效的信息传达。

受阅读习惯影响,人们阅读的始端是在左,结合依据尼尔森等老前辈的眼球轨迹研究报告,视浏览习惯呈「F」型且是不受控的潜意识习惯;同时以延伸出例「E」、「Z」等浏览模型,我们以根据视模型的特,结合产品的战略层目标,将信息放置在合适的位置,已达到信息传达率的最大。

如何设计商品列表框架,才能让更多人买买买?

单元结构

了解了基本的视觉浏览模型,那我们的基就已搭建好了,接下我们看看基搞之后的结构怎么去布局。

首先我们需要清晰产的属性,电商平台的本质是物的交易,因为线上的特殊性,产中图片与案对于平台的 GMV 就存在最直接的系。这个时候,单元布的轮廓就来了,就是「商图+键词案」。

同时,不同平台战略方向、展阶段、团规模等因素的不同,所针对的用户群、消费阶、心智、审美等各个因素大不相同,有时甚至在同一平台中针对不同的活动、不同的品类进行细致的场划分,产生不同的单元结构以满业目的上的需要。

720° 全方位了解的属性征后,就可以开始利用这息来搭建基本的结构了。

例如平台主攻下沉市场,用户群体多为三四线,这个时候用户吸引在于商品价格与卖关键词,这时候我们可以大关键词文案占比,缩小图片占比,让他们关注内容尽可能多进入他们眼睛,吸引买意模糊用户击,增加买意明确用户匹配商品速度,已到 GMV 提升。

简单,过程中需考虑到平台因素所产出的图片尺寸/比例/精致度/否统一,与文案搭配所呈的否用当消费场景及用户智,否可以提升用户的转化率,否可以提升平台的下单率。

单元的架构是多样且复杂的,就像一七巧。重点就在于对于产属性和户行为、场景、心等特征的分析,需要权衡各个键点的重要性,把户需要看到的信息、我们想户看到的信息、户希望看到的信息合适的结构状态呈现给他。

如何设计商品列表框架,才能让更多人买买买?

点睛标签

我们将体架构搭建好之后,剩下的就把细节元素给点亮,让他们起到一点睛的效果。

细分一,中涉及到的细节元素大致为标签、折扣标签、跳转按钮等规的分子件,在结构中,图片、商名称、格是户注的重点,他的件则起到辅助刺激的作。图片和商名称的大体结构我们在上一步已搭建了,剩来我们看看这些小件该如何合归置。

先从标签说。整框架出来,用户所需要的品信息就已经基呈现,个时用户心智上更的主观意向,寻找合适的品,而标签的出现,更像是一剂兴奋剂,强烈告诉用户:「个品热度一!」、「个品是最新款!」等我们刺激用户的声音,增强用户查看的欲望。

如何设计商品列表框架,才能让更多人买买买?

个时疑问来,放哪里合适呢?

活动标签,多为显示该商品的热度、促销主题、排名等一些大的状性的息,为的是在用户心理层面给这个商品带来更多的好度,放置的位置可以结体景去析,可以考虑商品图进行结放置。

遵循由上而下滑动交互理,可知在每个的顶部会是滑动浏览第一被眼睛识别的息,而且可以利用这个心理去给还没体商品的用户进行一个心理铺垫,比如商品的品质、权威性等,先入为主的进行心理建,再结视觉浏览模型,适的位置就出来了。

要信息比如倒计时、商品折扣、商品特等辅助信息,结合布局场景考虑,有可与图片起放增强品质感,有可与文案起放增加决策信息,有可与价格起放,刺激用户进决策,是很有灵性个睛笔。

如何设计商品列表框架,才能让更多人买买买?

最后是按钮,在这里按钮可以理解为浏览过程个闭环节,也是个操作终结,是最后临脚。位然是在右侧最为合适,降低操作难度,时也是个单元个视觉终结,浏览完流程后决定是否击跳转。然,你可以利用你去引导或刺激用户击,你可以。

总结

  • 方面的战略目标、市场因素、用户目标、画像、场、心智等等信息;
  • 利用视觉浏览模型进行息的理规划和引导;
  • 根据平台特性框架进布局,左右结构、上下结构,依据平台特性而定;
  • 标签可以起到很合的辅作用,相应的置可以起到多样的效果;
  • 按钮作为闭环节点,降低操作的难,有需求的话可你的方式刺激或者引导。

欢迎关注作者微信公众:「阿类杂碎面」

如何设计商品列表框架,才能让更多人买买买?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

随着智能技术的不断发展与深入,对话机器人的应用越来越普遍,展现了高效、24 小时在线沟通等效果,一定程度上弥补了人工客服...
AlibabaDesign
上半部分我在站酷分享了交互设计师的产出物和我是如何学习交互设计的(阶段一 | 扎根),总体反馈还不错,并收到许多读者的「...
交互
今天我们主要从用户体验的部分原则来看闲鱼,主要以产品视觉设计四大原则、交互设计十大可用性原则、情感化设计来看闲鱼,今...
产品
问题:设计师怎么样才能在产品中为用户塑造「惊喜感」呢? 解答:你觉得,人和人交往的行为模式,能够被复刻到人和其他事物...
产品
为用户提供恰当且适时的触发因素是促使行为发生的关键,触发因素分为外部触发和内部触发。 在交互设计中,用户与产品通过持...
用户引导
今天是「机器学习」的第二篇,进入「模型」层面的讨论,内容相比于之前一篇「基本原理与设计要素」来说抽象了很多。接下来进...
产品
国内汽车后市场拥有近3亿的汽车保有量,市场规模高达1.3万亿,汽车维修厂作为后市场重要角色,在运营的过程中存在客户引流难...
交互
随着移动互联网存量时代的来临,用户的留存与激励也变得越来越重要,到如今各大平台都掀起了一股游戏化设计浪潮。其实早在201...
AlibabaDesign