Ang tanong kung paano ipakita ang mga specs ng produkto ay problema sa pag-unawa, hindi problema sa layout. Sinuri ng Baymard Institute ang 344 na nangungunang e-commerce site at natuklasang 82% sa kanila ay may malubhang problema sa usability ng product page, at ang bahagi ng specs ang lugar kung saan tahimik nananatili ang pinsala: walang nag-e-email para sabihing hindi mabasa ang spec table mo. Bibili na lang sila sa listing na mas mabilis sumagot sa tanong nila.
Ang maikling bersiyon: magkaibang trabaho ang ginagawa ng spec table at ng may-annotation na larawan, at kailangan ng dalawa ang listing na talagang nagbebenta. Nasa ibaba ang anim na tanong na nagpapasya kung saan mapupunta ang bawat numero, sinagot gamit ang pananaliksik at kung ano talaga ang nangyayari sa mga listing para sa export.
Walang iisang tamang paraan ng pagpapakita ng specs ng produkto para sa lahat ng kategorya. Ang meron ay tamang hatian ng trabaho sa pagitan ng teksto at larawan, at halos lahat ng listing na mahina ang performance ay mali ang hatian sa iisang direksiyon.
Dapat bang nasa talahanayan o nasa larawan ang mga specs ng produkto?
Pareho, at hindi usapin ng panlasa ang hatian.
Ang spec table ay tekstong nababasa ng makina. Ini-index ito ng mga search engine, binabasa ng mga filter sa marketplace, kino-convert ng mga translation tool, binibigkas ng mga screen reader, at kinukuha ng mga AI shopping assistant. Ang may-annotation na larawan ay kasangkapan sa pag-unawa: ipinapakita nito sa mamimili kung ano ang itsura ng 42 cm katabi ng pintuan, ng kamay, o ng pallet. Ang teksto ang nagdadala ng numero; ang larawan ang nagdadala ng kahulugan ng numero.
Ang in-scale na larawan ay litrato ng produkto na may kasamang sanggunian na alam na ng mamimili ang laki — tao, pinto, kamay, o standard na pallet — para mabasa ang sukat sa halip na kalkulahin. Natuklasan ng pagsusuri ng Baymard na 42% ng mga user ang sumusubok tantiyahin ang pangkalahatang sukat at laki ng produkto mula sa mga larawan nito, at 28% ng mga site sa benchmark ang walang kahit isang in-scale na larawan. Malaking bahagi iyon ng mga mamimili na naghahanap ng impormasyong hindi kailanman ibinibigay ng sangkapat ng mga site.
| Spec table | May-annotation / in-scale na larawan | |
|---|---|---|
| Pangunahing tungkulin | Katumpakan at paghahambing | Pag-unawa at sukat |
| Nababasa ng makina | Oo | Hindi |
| Nananatili kapag isinalin | Oo | Kapag na-export muli kada wika lamang |
| Sumasagot sa "kasya ba ito?" | Mabagal | Agad |
| Sumasagot sa "ano ang eksaktong tolerance?" | Oo | Hindi |
| Saan unang tumitingin ang mamimili | Pagkatapos ng gallery | Sa loob ng gallery |
Ibigay ang parehong paraan sa iisang datos kapag ito ang nagpapasya ng pagbili. Ang kabuuang lapad ay nasa talahanayan at nasa larawan. Ang thread pitch ng turnilyo ay sa talahanayan lamang.
Aling mga specs ng produkto ang unang tinitingnan ng mamimili?
Hindi sila nagbabasa mula itaas pababa. Sa sourcing ng muwebles, produktong industriyal, at materyales sa konstruksiyon, hinahanap muna ng mga mamimili ang maliit na hanay ng mga field, kinukumpirma iyon, at saka lang babasahin ang natitira. Praktika ito sa aktuwal na kalakalan at hindi patakaran ng platform, pero kapansin-pansing pare-pareho ito sa lahat ng kategorya.
| Antas | Mga field | Bakit ito ang unang tinitingnan |
|---|---|---|
| 1 | Kabuuang sukat, bigat, kapasidad | Nagpapasya ng pagkakasya, freight, at kung magpapatuloy ang inquiry |
| 2 | Materyal, finish, grade | Nagpapasya ng antas ng kalidad at hanay ng presyo |
| 3 | Compatibility at pagkakasya (thread, VESA, cutout, rough opening) | Nagpapasya kung gagana ito sa mayroon na sila |
| 4 | Datos ng packing (sukat ng karton, CBM, pcs/karton) | Nagpapasya ng landed cost |
| 5 | Sertipikasyon, test standard, warranty | Nagpapasya kung makakapasa ito sa compliance check nila |
Ganoon din ang pagkakasunod-sunod ng prayoridad kapag gumagawa ka ng dokumentong puwedeng i-download — sinasalamin ng pagkakasunod ng mga field sa paano gumawa ng product spec sheet ang tinitingnan ng mamimili sa page.
Ilang specs bago tumigil sa pagbabasa ang mamimili?
Bihirang kulang sa specs ang problema. Ang problema ay isang tumpok ng specs na walang pagkakaiba-iba.
Binibigyan ito ng numero ng pananaliksik ng Baymard tungkol sa spec sheet: 50% ng mga site ay may disenyo ng spec sheet na mahirap suriin ng mga user, 23% ang hindi nag-uuri ng specs sa magkakaugnay na sub-seksiyong may pamagat, 3% lamang ang gumagamit ng buod para itampok ang mahahalagang specs, 23% ang walang anumang visual na estilo para tumulong sa mabilisang pagbabasa, at 20% ang pumipilit sa user na dumaan sa multi-column na layout. Dagdag pa, 52% ang hindi nagpoproseso ng datos na galing sa vendor, kaya dalawang produktong magkauri ay may magkaibang pangalan ng field at magkaibang yunit.
Iyon ang partikular na mapanira sa export. Kapag ang isang SKU ay nakasulat na "Lapad 600 mm" at ang susunod ay "W: 23.6 in", titigil sa pagtitiwala ang mamimili sa dalawa.
Ito ang dapat gawin, ayon sa laki ng epekto:
- Simulan sa buod ng mahahalagang specs na lima hanggang pitong linya — ang mga field sa antas 1 lamang. 3% lang ng mga site ang gumagawa nito, kaya halos libreng pagkakaiba ito.
- Pangkatin ang buong talahanayan sa mga sub-seksiyong may pamagat: Sukat, Materyal, Packing, Compliance.
- Gumamit ng isang sistema ng yunit bilang pangunahin at ilagay ang conversion sa parehong cell, hindi sa hiwalay na kolum.
- Panatilihing magkapareho ang pangalan ng mga field sa lahat ng SKU sa isang kategorya, kahit hindi ganoon ang sheet na galing sa pabrika.
Saan dapat ilagay ang sukat sa isang product page?
Sa tatlong lugar, sa ganitong pagkakasunod.
- Sa larawan. Ang kabuuang lapad, lalim, at taas, iginuhit sa produkto kung saan talaga dumadaan ang sukat. Ito lang ang bersiyong babasahin ng karamihan sa mamimili.
- Sa buod ng mahahalagang specs. Parehong tatlong numero bilang teksto, na nakasulat nang buo ang yunit.
- Sa buong talahanayan at sa structured data. Ito ang kinukuha ng mga filter sa marketplace at ng mga AI answer engine; tingnan ang structured data para sa sukat ng produkto para sa mga field na kadalasang walang laman.
Sa hakbang 1 tahimik na nabibigo ang karamihan sa mga listing, at ang dahilan ay karaniwang gastos sa produksiyon, hindi pagtutol sa ideya. Mabagal ang manu-manong pagguhit ng tumpak na linya ng sukat sa isang litrato, at may partikular itong paraan ng pagkakamali: ang arrow na iginuhit sa pamamagitan lang ng mata ay ilang milimetro ang layo sa tunay na gilid, at hindi na tumutugma sa produkto ang numerong nakalimbag sa tabi nito. Ang solusyon ay hindi "kumuha ng mas magandang litrato". Ang solusyon ay software na nagla-lock ng sinukat na dimensiyon sa larawan — i-snap ang sukat sa gilid ng produkto, i-type nang isang beses ang tunay na halaga, at saka i-export sa laki ng larawang hinihingi ng bawat platform. Ang mga tool na gumagawa ng kaakit-akit na size graphic nang walang aktuwal na pagsukat ay nagbubunga ng numerong mukhang kapani-paniwala pero mali, at mas masahol pa iyon kaysa sa walang numero: ang maling sukat sa pangunahing larawan ay reklamong hindi tugma sa deskripsiyon na naghihintay lang maisampa.
Kadalasan iisang file ang ginagamit sa katalogo at sa quotation, kaya mas madalas itong gawin nang isang beses ng mga exporter bilang output ng gumagawa ng product spec sheet sa halip na dalawang beses.
Ano ang nasisira kapag nasa loob lang ng larawan ang mga specs?
Lahat ng nasa dulo ng pixel.
- Paghahanap at mga filter. Hindi mafi-filter ng marketplace ang numerong hindi nito nababasa. Hindi nakikita ng filter na nagpapasya kung lalabas ka man lang ang tekstong nasa loob ng larawan.
- Accessibility. May gabay ang W3C sa WCAG tungkol sa mga larawang may teksto dahil ang tekstong nakalapat na sa larawan ay hindi mapapalaki, mababago ang estilo, o mababasa nang maaasahan ng assistive technology.
- Pagsasalin. Namamana nang libre ng 11 bersiyon ng wika mo ang talahanayan. Kailangang i-export muli ang larawan kada wika, at iyon mismo ang dahilan kung bakit kailangang umiral din bilang teksto ang mahahalagang numero.
- Mga AI answer engine. Kapag binuod ng shopping assistant ang produkto mo, teksto ang binabasa nito. Ang spec na pixel lamang ay hindi nakakarating sa sagot.
- Mga thumbnail. Ang tekstong nakasukat para sa full-screen na tingin ay naglalaho sa gallery strip; ang mga tuntunin sa laki ng teksto sa mga larawan ng produkto ang nagpapasya kung mananatiling nababasa ang annotation sa laki ng tile.
Ang kasunod na tuntunin: anumang numerong maaaring i-filter, ihambing, o banggitin ng mamimili ay dapat umiral bilang teksto sa isang bahagi ng page, kahit iginuhit din ito sa larawan.
Nagbabago ba ang lahat ng ito sa mobile?
Ang pagkakasunod ng mga hakbang ang nagbabago. Ang paraan ng pagpapakita ng specs ng produkto sa telepono ay ipinapasya ng gallery, dahil sa mobile ang gallery na mismo ang page at malayo pang i-scroll ang spec table, madalas nakatago pa sa likod ng isang tap.
Dalawang natuklasan ng Baymard ang mahalaga dito: 25% ng mga e-commerce site ay walang larawan ng produkto na may sapat na resolusyon o antas ng zoom, at 76% ng mga mobile site ang hindi gumagamit ng thumbnail para sa karagdagang larawan ng produkto, kaya hindi nakikita ng mamimili na may larawan pala ng sukat. Pagsama-samahin ang dalawa at makikita ang pangkaraniwang kabiguan: gumawa ng magandang diagram ng specs ang nagbebenta, at sa telepono ay walang nakakita nito o walang nakabasa.
Praktikal na resulta:
- Ilagay ang larawan ng sukat sa posisyon 2 o 3 sa gallery, hindi sa posisyon 7.
- Idisenyo ang annotation para mabasa pa rin sa unang tinging kasinlaki ng tile, tapos gantimpalaan ng detalye ang pag-zoom.
- Panatilihin ang buod ng mahahalagang specs sa itaas ng fold sa mobile, hindi sa ilalim ng bloke ng mga review.
Paano ipakita ang mga specs ng produkto: 10-linyang audit
Patakbuhin ito sa isang listing bago mo ikalat ang mga pagbabago sa buong katalogo.
- May kahit isang in-scale na larawan ang gallery na may pamilyar na bagay bilang sanggunian
- Lumalabas ang kabuuang sukat sa larawan, sa buod, at sa buong talahanayan
- Lima hanggang pitong linya ang buod ng mahahalagang specs at nasa itaas ito ng buong talahanayan
- Nakapangkat ang buong talahanayan sa mga sub-seksiyong may pamagat
- Magkapareho ang pangalan ng field at yunit sa lahat ng SKU sa kategorya
- Nasa iisang cell ang pangunahing yunit at ang conversion
- Walang mahalagang numerong umiiral bilang pixel lamang
- Nasa posisyon 2 o 3 ng gallery ang larawan ng sukat
- Nababasa ang annotation sa laki ng thumbnail
- May lapad, taas, lalim, at bigat ang structured data
Mabilisang buod
| Tanong ng mamimili | Saan nararapat ang sagot | Format |
|---|---|---|
| Gaano ba talaga ito kalaki? | Larawan sa gallery, posisyon 2-3 | In-scale na litrato na may linya ng sukat |
| Kasya ba ito sa espasyo ko? | Larawan at buod ng mahahalagang specs | May-annotation na kabuuang Lapad x Lalim x Taas |
| Ano ang materyales nito? | Buod ng mahahalagang specs | Teksto, isang linya |
| Tugma ba ito sa unit na mayroon ako? | Buong talahanayan, seksiyong Compatibility | Teksto at tolerance |
| Magkano ang gagastusin ko sa pagpapadala ng isang karton? | Buong talahanayan, seksiyong Packing | Teksto, sukat ng karton at CBM |
| Sertipikado ba ito para sa merkado ko? | Buong talahanayan, seksiyong Compliance | Numero ng standard, hindi logo |
Mga Madalas Itanong
Dapat bang nasa talahanayan o nasa deskripsiyon ipakita ang mga specs ng produkto?
Sa talahanayan. Itinatago ng talatang deskripsiyon ang mga numero sa loob ng pangungusap, mabagal itong suriin at mahirap kunin ng mga filter at AI assistant. Gamitin ang deskripsiyon para sa konteksto — paraan ng paggamit, mga opsiyon sa finish, lead time — at ilipat sa nakapangkat na talahanayan ang bawat datos na masusukat.
Saan dapat lumabas ang sukat sa isang product listing?
Sa larawan muna, tapos sa buod ng mahahalagang specs na lima hanggang pitong linya, tapos sa buong spec table at sa structured data. Larawan ang binabasa ng mamimili; teksto ang binabasa ng makina; kailangan mo ang dalawa para makabenta at para matagpuan.
Ilang specs ng produkto ang dapat ipakita ng isang listing?
Ipakita lahat, pero hindi sabay-sabay. Simulan sa lima hanggang pitong field na nagpapasya ng pagbili, tapos ibigay ang kumpletong hanay sa nakapangkat na talahanayan sa ibaba. Natuklasan ng Baymard na 3% lang ng mga site ang gumagamit ng buod ng mahahalagang specs, kaya kapansin-pansing mas madaling basahin ang mga gumagawa nito.
Talaga bang binabasa ng mamimili ang spec sheet sa telepono?
Sa telepono, gallery ang binabasa nila; sa desktop, talahanayan — kaya kailangang nasa dalawa ang mahahalagang sukat. Dahil 76% ng mga mobile site ang hindi nagpapakita ng thumbnail para sa karagdagang larawan, ang diagram ng specs na nakabaon sa posisyon 7 ng gallery ay para nang wala sa telepono.
Puwede ko bang ilagay sa larawan ng produkto ang lahat ng specs?
Hindi. Ang tekstong nakalapat sa larawan ay hindi mafi-filter, maisasalin, mapapalaki, o mababasa ng assistive technology, at naglalaho ito sa laki ng thumbnail. Iguhit sa larawan ang dalawa o tatlong numerong nagpapasya ng pagkakasya, at panatilihin ding teksto ang bawat numero. Kung ang hadlang ay ang pagguhit ng tumpak na linya ng sukat, problema iyon sa produksiyon na dapat lutasin sa pamamagitan ng annotation na batay sa aktuwal na pagsukat, hindi sa pag-alis ng larawan.
Mga Pinagkunan at Sanggunian
- Baymard Institute — Product Page Usability: 82% ng mga site ay may malubhang problema sa UX, benchmark ng 344 na nangungunang site
- Baymard Institute — Product Spec Sheets: mali ang 50% ng mga site sa pagiging madaling suriin, kasama ang natuklasan tungkol sa pagpapangkat, buod, estilo at kolum
- Baymard Institute — Maglagay ng kahit isang in-scale na larawan: 28% ng mga site ang wala nito, at 42% ng mga user ang tumatantiya ng sukat mula sa larawan
- W3C — Pag-unawa sa WCAG Success Criterion 1.4.5 Images of Text
- Schema.org — Product: mga property na width, height, depth at weight para sa structured na datos ng produkto
- GS1 — Mobile Ready Hero Images standard: pagiging nababasa ng impormasyon ng produkto sa laki ng tile