跳到正文

设计

韩国商品详情页为何这么长

韩国详情页长,原因不在偏好,而在版面的分配。渠道画好商品名、价格、评价,卖家能填的只有正文图片这一整块。长度与张数、放入的顺序、把文字做进图片的问题、手机宽度、要重做的部分,一并整理。

韩国商品详情页为何这么长

韩国的商品详情页之所以长,原因不在偏好,而在版面的分配。入驻的渠道已经画好了商品名、价格、选项、评价这些区域,卖家能自己填的地方只有正文图片这一整块。品牌想说的话全部挤进这一块,页面就变长了。把本国的详情页原样搬过来,问题不只是显得短——那张页面上没有的项目会整块缺失。

到底有多长 — 长度与图片张数

正文是纵向拼接起来的一整块图片。在手机上滑动10~30次是常见的分量,作为文件则切成10~30张上传。一张切在纵向1,000~1,500px前后,理由有两个 — 一张越长文件越重、显示越慢;日后只改一行时,也要把那一张整个重做。

把纵向高度加起来,6,000~15,000px之间很常见。不过长度本身不是目标。要确认的事项多的品类会变长,看一眼就能判断的品类很快结束。

位置放什么图片张数
首屏一张产品图和一行摘要1~2张
摘要选择的理由 3~5条2~4张
使用场景使用的样子与大小感3~6张
详情材质、成分、功能说明3~8张
实测尺寸、容量、颜色表1~3张
标示项目各品类的强制标示1~2张
须知配送、换货、退货1~2张

什么内容按什么顺序放进去

决定顺序的标准只有一个 — 不打开别的画面,判断要在这一页里结束。所以配送、换货、退货、认证这些在别的国家放在单独页面的项目,都进到正文里。前段放选择的理由,中段放要核对的事实,后段放下单前会卡住的事。

前3张之内要说清楚这是什么产品、适合谁。越往后越是已经心动的人下来核对的区间,会改变判断的信息放在后面,就会没被读到。

每个品类必须标示的信息项目由政府告示定下 — 叫做商品信息提供告示。不需要到处找清单。渠道的商品登记画面会把这些项目直接列成空栏,把栏填上即可。选哪个品类,栏位就跟着变,所以登记之前先定分类。

为什么把文字做进图片里

渠道对正文可用的字体和排版限制得很窄。要让换行位置、字重、颜色都落在想要的地方,做成图片更快。再加上屏幕窄、表格难以用文字排布,把句子压在图片上就成了默认做法。画面能做成想要的样子,但是有代价。

韩文一个字填满一个方格。宽度窄的时候,行在哪里换会大幅影响阅读速度,而用文字排版时那个换行位置会随设备和字体移动。做成图片,在任何设备上都在同一处换行 — 正是这份确定性让人选择图片。

图片里的文字会在哪里卡住

卡住的地方什么时候显现现在先做的事
翻译增加一种语言时把句子另存到文档里
搜索只有文本栏被读取时商品名、摘要、选项名放关键词
阅读放大或用语音听时alt文字与文本摘要并列
修改价格、构成改一行时保留图层还在的原始文件

翻译卡得最厉害。句子在图里,自动翻译过不去,每多一种语言,有20张就要重排20张。搜索的机器人也不会把图片里的文字当正文读 — 商品名、摘要、选项名这些以文本填入的栏位,几乎就是搜索能看到的全部。对用语音听页面的人来说,图片这一段整块是空的。

手机上看到的宽度是多少

手机的横向宽度大体在360~430px之间 — 这是浏览器计算屏幕的单位。正文图片的原始文件多做成横向860~1,000px,这个原图会整块缩小以适应屏幕宽度。1,000px的原图在390px的屏幕上约为39%。也就是说,原图里定为40px的文字,在手机上看起来只有16px左右。

按电脑屏幕做出来的详情页原样搬过来,最先垮掉的是文字,原因就在这里。正文文字在原图里定36~40px以上,小注释也定28px以上。宽度数值各渠道不同,上传前先看一次该渠道的说明。

哪些能原样搬、哪些要重做

项目原样搬重做
产品照片原图照原样使用—
颜色与标志规定照原样使用—
压在图片上的句子—连排版一起重来
字体数字与西文保留另定一套韩文字体
构成顺序—按一页为准重排
尺寸标注数值照旧加一张cm实测表
强制标示—按品类栏位重填

西文字体里没有韩文字符。做韩文版时,选一套字重层次相近的韩文字体,数字和西文仍用原来的字体,整体印象就不会差太远。照片多数不必重拍,但如果没有一张能看出拿在手上有多大的图,就补这一张。

今天要做的事

把现在在卖的详情页用手机打开,数一数有多少张图片里带着文字。接着确认这些图片的原始文件是否还保留着可编辑的图层。30分钟就能做完。这两个数字,就是做韩文版时要重排的分量本身。

← 返回列表

继续阅读

先和您一起理清真正需要的是什么。

24小时内获取报价
KakaoTalk 咨询SIXONE 客服 KakaoTalk 频道(新窗口打开)