联系我们/Contact

电话:0755-84117389

传真:0755-84117389

邮箱:xinhui@xinhuiok.com

邮箱:xinhui@xinhuiok.com

你现在的位置是 : 现金捕鱼开户主页 > 产品展示 >

产品展示

你知道产品图片列表采用什么布局最好吗?

  三列网格结构次要用于用户无目标操作,产物数量较大时利用,和列表式的区别是列表式以文字为主进行比拟,而三列网格结构次要以图片进行比拟。

  当你的产物数量较少,图片有专人维护,同时从产物属性上看,用户必要通过图片来进行比拟时,咱们就能够采用大图展现,大图展现往往视觉结果好,多用于图片类、租房类、商品保举等列表中。

  综上,若是满分是五颗星,那么三列网格结构的图片细节展现较弱为2颗星;承载产物数很是多为2颗星;商品消息比拟力衰为2颗星;意见意义性和新颖感较好为2颗星。

  若是你的产物数量较少,你能够采用大图展现。若是你的产物是图片类,图片品质较高,同时产物以图片比拟为主时,你能够采用大图结构。

  两列网格结构也就是将屏幕一分为二,图片和文字进行上下展现,雷统一个网格,浏览秩序雷统一个Z字,因而产物都能平衡的被用户看到。比方:天猫、严选等商品列表。

  其劣势是,因为列表结构遵照自上而下的阅读模式,因而有益于商品消息的比拟,同时一屏可展现产物数较多。可是其意见意义性和新颖感较差,因而浏览时间过长会呈现视觉委靡。

  比拟于大图展现,一屏可展现更多的商品,有益于消息的比拟,相对付列表结构,两列网格结构更适适用户方针不明白或者以图片为主的产物。

  下面为了便利大师阐发比拟,我将对这六大结构进行阐发,同时从图片细节展现、承载产物数几多、商品消息比拟强弱、意见意义性和新颖感这四个决定采用何种结构方案的点进行评分。

  咱们不克不迭抛开产物零丁阐发,而是必要按照你的产物数量、用户需求、产物目标等多方面来确定。不外最主要的在此之前咱们还必要晓得有哪些结构方案。

  若是你的产物是以图片比拟为主,同时又不必要大图展现时,即可采用该结构进行设想。

  别的,瀑布流另有个益处就是,雷同上面截图淘宝的列表,能够添加商品分类标签,便使用户在操作委靡时进行取舍性筛选。

  以in和严选为例:尽管他们别离为图片社交类和电商类,但其目标都是让用户通过图片取舍本人感乐趣的内容。从产物细节展现来说,比列表结构更丰硕;从产物消息对最近说,比大图更便利。因而目前两列网格结构使用较为普遍。

  三列网格结构次要用于用户无目标操作,产物数量较大时利用,和列表式的区别是列表式以文字为主进行比拟。而三列网格结构其图片比拟和文字比拟都较弱,往往用于用户方针不明白,必要通过展现大量图片供用户取舍,同时图片比拟性子教弱的产物。

  两列瀑布流结构也就是将屏幕一分为二,和通例结构雷同,此中图片的宽固定,高随图片的尺寸变迁而变迁。比拟于两列宫格结构,瀑布流结构采用犯警则的Z字结构,让界面更风意见意义性,避免视觉委靡。

  因为结构的高度由图片决定,因而,图片细节的表达更为无力,但其有余的是图片巨细分歧一,大的容易被看到,而小的容易被纰漏。因而瀑布流结构多用户用户目标性不强,产物数量较多的环境。

  以陌陌直播左近和哔哩哔哩番剧为例,这两个栏目用户在利用时目标性都较弱,用户的需求是通过查看图片进行倏地筛选和比拟。对付图片细节展现要求不高,对付意见意义性和新颖感要求也不高。

  两列拼图结构,在列表中利用较少,由于犯警则的拼图会导致维护本钱过高,同时小图片很容易被纰漏,因而多用于保举页面中,图片由编纂颠末处置之后在进行上传。

  列表结构也就是咱们常见的图文列表,一个列表垂直出现多个持续的行元素。列表结构重在文本内容,因为图片尺寸较小,因而图片细节展现不丰硕。最常见的利用场景就是电商、团购类列表,如:淘宝、公共点评等。

  当你的产物图片品质不高,产物数量较多,你的产物必要通过优惠消息、价钱参数等来进行比拟,别的对界面结果要求较低时,咱们能够采用列表结构。

  综上,若是满分是五颗星,那么两列拼图结构的图片细节展现丰硕为5颗星;承载产物数较少为2颗星;商品消息比拟力衰为2颗星;意见意义性和新颖感较好为4颗星。

  在汇总时我发觉此刻良多APP列表都采用了瀑布流的情势,以小红书和淘宝为例:他们均是以图片展现为主,同时图片多为第三方上传,图片品质分歧一,产物数量较多,采用瀑布流提拔了界面的意见意义性,避免用户视觉委靡。

  综上,若是满分是五颗星,那么两列瀑布流结构的图片细节展现较高为4颗星;承载产物数较多为4颗星;商品消息比拟力强为4颗星;意见意义性和新颖感较好为4颗星。

  产物列表是用户挑选商品,决定能否采办或利用的环节页面,正当的结构方案不只能提拔用户的视觉体验,同时还能提高用户的操作体验,从而推进用户买单。

  以公共点评为例:其图片间接采用产物图,品质较低并且同一性不强。同时针对团购类的产物,咱们必要倏地浏览查看每个列表的消息,从而针对优惠消息进行比拟,因而采用列表结构较为适合。

  以蚂蚁短租和懒人周末为例,尽管他们一个是短租类APP,一个是糊口类APP。其配合点是他们的图片都是颠末专人编纂,图片品质较高,同时对界面视觉要求较高,采用大图结构可展现更多的细节,协助用户筛选比拟,提拔全体的界面结果。

  以小红书为例:该页面可当作是专题页,采用拼图的情势展示,从分歧角度进行产物的展现,最初在用列表进行产物消息展现,指导用户采办。

  两列拼图结构,在列表中利用较少,由于犯警则的拼图会导致维护本钱过高,同时小图片很容易被纰漏,因而多用于保举页面中,图片由编纂颠末处置之后在进行上传。

  大图网格结构,也就是指一行只展现一张图片,因为其图片占比力大,因而往往一屏只能展现1到2张,图片细节可以大概清楚展示,用户可间接按照图片进行商品比拟。最常见的利用场景就是以图片为主的APP保举列表,比方:爱彼迎、蚂蚁短租、懒人周末等。

  以淘票票为例:图片次要起到视觉指导的感化,而用户必要看的就是打折的细致消息,因而采用列表结构有益于商品的比拟利用。

  人人都是产物司理(是以产物司理、经营为焦点的进修、交换、分享平台,集媒体、培训、社群为一体,全方位办事产物人和经营人,建立9年举办在线+期,线+场,产物司理大会、经营大会20+场,笼盖北上广深杭成都等15个都会,外行业有较高的影响力和出名度。平台堆积了浩繁BAT美团京东滴滴360小米网易等出名互联网公司产物总监和经营总监,他们在这里与你一路发展。

  当你的产物图片品质较差,产物数量较多,必要进行文字消息进行比拟的产物时,咱们能够采用列表结构。

  若是你的产物是以图片比拟为主,同时又不必要大图展现时,即可采用该结构进行设想。两列网格结构往往和列表结构会一路利用。

  综上,若是满分是五颗星,那么大图网格结构的图片细节展现丰硕为5颗星、承载产物数少为2颗星、商品消息比拟弱为2颗星、意见意义性和新颖感较高为4颗星。

  比拟于两列网格结构一屏能够展现更多的商品,只是商品图片过小,不管是从图片比拟性仍是文字的比拟性来说,三列网格都较弱,同时因为因为内容多,界面排版样式单一,意见意义性和新颖感都较低,如图:

  比拟于列表结构,大图结构页面空间的耗损大,一屏可展现内容少,晦气于消息的查找和比拟,同时视觉结果较好,因而适合以图片为主的产物,同时多用于商品数量较少或保举列表中。

  两列瀑布流结谈判两列网格结构的利用场景雷同,独一区别就是两列网格结构在数量少时,或者用户方针明白时都能够采用。而瀑布流多用于用户方针不明白,同时产物数量多,能够有限下滑的时候。

  综上,若是满分是五颗星,那么两列网格结构的图片细节展现正常为3颗星;承载产物数较多为4颗星;商品消息比拟力强为4颗星;意见意义性和新颖感正常为3颗星。

  当你的用户再次操作目标性不强,同时产物数量很是多,对图片细节要求不高时,咱们能够采用三列网格结构。

  两列拼图结构,头部常以一张大banner的情势呈现,下面是由几张图片以各类拼图情势出现。正常来说,下面展现的消息都是和他有关列表的商品。

  拼图结构往往图片有大有小,小的也很容易被纰漏,同时编纂本钱高,往往适合平台自动保举的商品列表。咱们能够将主要消息放到大图上,主要消息放到小图上。

  综上,若是满分是五颗星,那么列表的图片细节展现较差为2颗星;承载产物数多为5颗星;商品消息比拟强为5颗星;意见意义性和新颖感低为2颗星。

 

Copyright ©2015-2019 现金捕鱼开户,手游真人捕鱼比赛 版权所有 粤ICP备13021861号

地址:深圳坪山坑梓镇龙田社区龙湾市场路29号B栋2楼       电话:0755-84117389 传真:0755-84117389

XML地图

现金捕鱼开户 现金捕鱼开户 现金捕鱼开户