你知道产品图片的排列,采用什么布局最好吗?![]() 产品列表是用户挑选产品,决定是否购买或使用的关键页面,合理的布局方案和图片不仅能提升用户的视觉体验,同时还能提高用户的交互体验,从而加快交易的产生。 首先,产品列表采用什么样的布局方案才是最有效的呢? 我们不能抛开产品单独分析,而是根据你的产品数量、用户需求、产品目的等多方面来确定。不过最重要的在此前我们还需要准备那种布局方案。 几大布局在淘宝或者大众点评上都可以轻易的了解到分别是以下几种: 产品列表是网上商店最重要的页面之一,同时也是用户决定购买或使用的关键页面。合理的布局方案不仅能提升用户的视觉体验,同时还能挺高用户的操作体验,促进用户买单。 列表布局 列表布局是比较常见的图文列表,着重文本内容,图片占比面积较小,重点在文字描述上,这种布局方式遵循自上而下的阅读模式,有利于信息的对比,所以常用在电商列表中,国内各大购物平台搜索页面几乎都是这种布局模式。 两列网格布局 两列网格布局的作用和列表布局很类似,都是多用来产品的对比,但两列网格布局的重点内容放在图片展示上,主要是将屏幕一分为二,图片和文字进行上下展示,类似一个网格,而浏览次序则类似「Z」,两边内容都能被用户所看到。如果产品主要以图片对比为主,但又不需要大图展示,可采用该布局进行设计。相对于列表布局,两列网格布局更适合用户目标不明确或者以图片为主的产品。列表布局和两列网格布局经常放在一起使用。 大图布局 大图网格布局是指一行只展示一张图片,图片所占比例较大,往往一屏只能展示1-2张,但图片细节比较清晰,因此适合以图片为主的产品,同时多用于商品数量较少或推荐列表中。现多用于公众号、订阅号一类的展示。 两列瀑布流布局 两列瀑布流布局即将屏幕一分为二,但图片的高度会随图片的尺寸变化而变化,与两列宫格布局不同,瀑布流布局采用不规则的Z字布局,让界面更有趣味性,避免视觉疲劳。两列瀑布流布局方式多用于用户目标不明确,同时产品数量多,可以无限下滑的时候。由于布局的高度由图片决定,因此,图片细节的表达更为有力,同时可增加商品分类标签,方便用户在操作疲劳时进行选择性筛选。社交媒体软件中使用更多。 两列拼图布局 两列拼图布局,一般是以一张大banner的形式出现,下面再有几张图片以各种拼图形式呈现。一般来说,下面展示的信息都是与大banner相关列表的商品,适用推于荐类页面、详情页面中。从不同角度进行产品的展示,能更容易吸引用户购买。 三列网格布局 三列网格布局,也就是将屏幕一分为三进行展示,这种方式能比两列网格布局一屏可以展示更多的商品,但商品图标过小,因此对比性较弱,且内容多,界面排版样式单一,趣味性和新鲜感也会随之降低。三列网格布局适合用户操作目的性不强,同时产品数量非常多,对图片细节要求不高时使用。 以上集中列表方式各有各的方式,产品采用哪种图片布局方式,主要还是以取决于产品本身的类型,例如:电商类产品适合列表页布局,推荐页适合两列拼图布局等。 |