全部新闻提供最新行业动态,分享前沿设计理念
电商手机端详情页如何设计
时间:2024-09-12 来源:朝夕友人 点击:

移动交易占比权重越来越大却没有被设计师重视

如今移动端的交易量越来越大,远超pc端的交易量。当然现在刷单的也大多也在刷移动端,因为淘宝移动端的权重大于pc端。 虽然今年无线交易超45%,但却很少被我们这群设计师重视。就连初语这样TOP店铺都是潦草的切了下图,没有特意优化手机端详情,连排版的文字都弄反了都没发现,粗心的美工~

第一板式分割不易过碎

虽然下图的板式形式非常优美既有强烈的视觉冲击,但是却不适合子在手机详情页的优化,骨骼分割较多,在手机端显示图片不易展示细节与阅读方便性。分割越多版面会越乱,虽然有意的加强了韵律与节奏感。但其实是分散了视觉焦点。

如下图,虽然下方设计图的板式重复单一,但因为文字之间的大小粗细对比与图片的跳跃率形成了节奏感避免了单调,阅读会舒服的多。

第二注意无线端的尺寸与文字的大小

无线的尺寸图片大小要求宽度480 – 620像素,高度小于等于960像素。也就是每屏的高度小于960px,手机端的详情页不要超过6屏,没有人喜欢买条内裤看几百个文字描述,尽量放重点信息与产品的三视图。其次就是文字的阅读性,我们只pc端的正文字号通常是14号,而移动端的字号需大于28号,才易识别。如下张pc详情页就需要重新修改文字的字号与删减不必要的信息描述。

第三删减不必要的信息描述

有一个化妆品如果它又补水又去痘痘又能美白,反而不如像迪豆一样,我的产品就是祛痘的功能,像海飞丝一样我的就是去屑深入人心。因为人的普遍的意识都会是一种药治疗一种病,同时也是定位的观念。所以突出产品的重点去做描述,去删除哪些修饰的词语,什么简约时尚啊、什么炫耀人生,优雅高端等。基本什么产品都能用的修饰词语,和产品本身的优点并不符合,还不如说我的衣服只给宅男穿,穿上它打dota暴走五杀,而精准定位目标人群。

第四语音功能

移动详情页有一个上传语音的功能,对我们设计师来说可能做不了什么文章。不过哪些声音甜美的设计师可以尝试下,比如你是卖男士内裤的,可以来一句甜美的声音:欧妮酱~这内裤棒棒哒。 像我这样的死宅肯定会买的,还会推荐给朋友。 如果是磁性的男设计师,卖高跟鞋什么的,可以那几个新品测试下流量与转化。

————下周文章预告,C4D三维文字制作

如果您也有此需求,欢迎咨询我们立即咨询