งานออกแบบ
ทำไมหน้ารายละเอียดเกาหลีจึงยาวมาก
หน้ารายละเอียดของเกาหลียาวเพราะการแบ่งพื้นที่ ไม่ใช่เพราะรสนิยม ช่องทางวางชื่อ ราคา รีวิวไว้แล้ว ผู้ขายเหลือแค่ภาพเนื้อหาก้อนเดียว รวมลำดับการวาง จำนวนภาพ และความกว้างบนมือถือ

หน้ารายละเอียดสินค้าของเกาหลียาว เพราะการแบ่งพื้นที่บนหน้าจอ ไม่ใช่เพราะรสนิยม ช่องทางขายวางชื่อสินค้า ราคา ตัวเลือก และรีวิวไว้ให้เรียบร้อยแล้ว พื้นที่เดียวที่ผู้ขายเติมเองได้คือภาพเนื้อหาก้อนเดียว ทุกอย่างที่แบรนด์อยากบอกจึงถูกอัดลงในก้อนนั้น หน้าจึงยาวขึ้น ถ้ายกหน้าของตลาดบ้านตัวเองมาทั้งดุ้น ปัญหาไม่ได้อยู่แค่ว่าดูสั้น แต่หัวข้อที่หน้านั้นไม่เคยมีจะหายไปทั้งก้อน
ยาวแค่ไหน — ความยาวและจำนวนภาพ
เนื้อหาคือภาพก้อนเดียวที่ต่อกันในแนวตั้ง ปัดนิ้วบนมือถือ 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 นาทีก็เสร็จ ตัวเลขสองตัวนี้คือปริมาณงานจัดหน้าใหม่ตอนทำฉบับภาษาเกาหลีนั่นเอง


