本港台开奖现场直播 j2开奖直播报码现场
当前位置: 新闻频道 > IT新闻 >

wzatv:从人性的角度谈谈详情页设计的N种玩法(6)

时间:2017-07-13 23:48来源:118论坛 作者:本港台直播 点击:
其实天猫淘宝京东等等平台每改版一次尺寸就会有相应变化,因为大屏幕尺寸手机的占有率越来越高了,平台的每次改版其实也是在顺应时代的发展需要以

其实天猫淘宝京东等等平台每改版一次尺寸就会有相应变化,因为大屏幕尺寸手机的占有率越来越高了,平台的每次改版其实也是在顺应时代的发展需要以及增加了商家和用的使用体验,所以你会发现,现在PC和移动端的详情页尺寸基本是通用的了。

如果不清楚怎么回事的话,我们可以看下百度统计里显示的移动设备分辨率排名:

wzatv:从人性的角度谈谈详情页设计的N种玩法

(2)竖版思维

根据京东2016年发布的《2016中国电商消费者行为报告》的数据显示,从一线城市到六线城市,移动端订单占比平均已达80%以上,甚至有一些比较极端的案例,比如平时我跟一些店铺老板沟通了解的情况是,因为他们的移动端订单占比高达90%以上,所以PC端详情页设计他们基本已经直接放弃了,而是着重打理移动端详情页(所以现在很多店铺干脆直接以移动端详情页设计为主了)。

而用户在移动端浏览详情页和在pc端浏览详情页体验是不一样的,比如手机屏幕基本都是竖屏的,而且尺寸偏小,一只手掌即可掌握,而PC屏幕现在普遍都是23寸往上走了,屏幕越来越大,基本是横屏,这也就衍生了一个移动端详情页设计要遵循竖版思维的概念,也就是文案以及产品图可能更适合上下排版而不是左右排版:

比如这款魅族PRO 6 Plus手机的详情页,在其官网是这样左右排版的:

wzatv:从人性的角度谈谈详情页设计的N种玩法

wzatv:从人性的角度谈谈详情页设计的N种玩法

但在移动端是这样上下排版的:

wzatv:从人性的角度谈谈详情页设计的N种玩法

wzatv:从人性的角度谈谈详情页设计的N种玩法

而且随着智能手机占有率和使用频率的提升,带来的是移动端订单占比的提高和各大电商平台的改版升级,对于商家来说其实工作量也减少了,因为移动端变成了主战场,pc端的详情页尺寸跟移动端是一样的,可以优先设计移动端,然后PC端干脆直接套用。

不过这种竖版思维的排版方式无疑也会增加详情页的高度了,一般来说移动端详情页最多不要超过8-10屏(以iphone7plus为例,10屏就差不多就是22080px高度了),自己做完页面后把图放在手机里自己感受下,如果你自己都觉得太长了看完很烦躁,那么用户肯定就更加没有耐心继续看了(不过也有特例,比如你的设计很有趣很美很好玩,再长那都不是事儿了,你能吸引用户一直看下去就行)。

(3)关于字体

时不时我都会在自己的设计群里看到一些自己设计的详情页也使用了非免费字体而被告侵权要赔偿的消息,我自己也遇到过这个情况,之前本来是抱着侥幸的心理,而且那个字体也确实很好看我就用了,结果没想到时隔半年还是被告知需要赔偿,总之,还是小心为妙,所以这里我把之前灰昼前辈汇总的一些可以免费使用的字体发出来,供大家参考。

wzatv:从人性的角度谈谈详情页设计的N种玩法

还有一款庞门正道字体也是可以免费使用的,其他还有一些免费字体欢迎打击补充。

(4)新广告法

在新广告法出台之前,基本上所有电商平台和网店想用啥形容词或利益点都以,比如世界第一/全球顶尖/百分百全棉/全场五折/原价多少现价多少等等等,但新广告法出来之后,大家都老实了,除非你真的是世界第一你才能说这个词,要不然你只能学老罗在前面加几个字“可能是”世界第一这样子了。

(责任编辑:本港台直播)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容