新聞發(fā)布
管理系統(tǒng)
“我想用一種可以比較的方式，因此我可以不用點(diǎn)這個(gè)，再點(diǎn)返回，點(diǎn)那個(gè)，再點(diǎn)返回，點(diǎn)點(diǎn)點(diǎn)..” 一個(gè)顧客解釋道，他想給自己的筆記本電腦找個(gè)包, “除了價(jià)格和商品名稱我在這找不到一點(diǎn)有用的信息?！?注意 Zappos 的多半電腦包描述里根本沒有或只有模糊的有效尺寸描述，像“大”。
用戶基于產(chǎn)品列表里關(guān)于這些產(chǎn)品的有效信息來選擇是否購買這些商品。因此在我們經(jīng)過大規(guī)模的產(chǎn)品列表和篩選可用性學(xué)習(xí)后毫不奇怪地發(fā)現(xiàn)貧乏的列表項(xiàng)信息是關(guān)于產(chǎn)品列表導(dǎo)航的嚴(yán)重的可用性問題。
通過測試，我們發(fā)現(xiàn)信息過少或信息相關(guān)性過低的列表項(xiàng)很有問題，因?yàn)橛脩粼谌鄙龠@些商品的基本信息的情況下是無法進(jìn)行適當(dāng)評(píng)估的。這會(huì)導(dǎo)致受測對(duì)象完完全全地誤解了相關(guān)產(chǎn)品，并導(dǎo)致他們?cè)诋a(chǎn)品頁和列表頁之間不必要的來回跳轉(zhuǎn) “他們不得不返回繼續(xù)一遍剛才的操作, 打開列表頁的每個(gè)產(chǎn)品只是為了了解它的基本屬性和核心特征; 這個(gè)令人不快的實(shí)踐經(jīng)常導(dǎo)致受測對(duì)象放棄訪問站點(diǎn)，因?yàn)楹唵蔚囟ㄎ幌嚓P(guān)產(chǎn)品的矛盾太突出了。 顯而易見，在每個(gè)列表頁展示正確的數(shù)量和正確的類型信息對(duì)提升用戶的產(chǎn)品查找體驗(yàn)是至關(guān)重要的。
另外，在產(chǎn)品列表頁確認(rèn)展示哪種類型的信息以及展示數(shù)量是個(gè)大問題 , 就像我們?nèi)?Top 50 的電商網(wǎng)站的產(chǎn)品清單列表 所顯示的，這些網(wǎng)站中的 46% 都有展示內(nèi)容過少或展示信息選擇不當(dāng)?shù)拿 ?一小部分網(wǎng)站則截然相反，他們?cè)诹斜眄?xiàng)上展示了過多的信息!)
測試期間發(fā)現(xiàn)，Gilt 沒有展示了列表信息的關(guān)鍵部分: 可選商品的種類！這導(dǎo)致了多個(gè)測試受試者拒絕購買商品，因?yàn)樗麄冋J(rèn)為該商品只有顯示顏色的有貨，實(shí)際上它有多種顏色可選擇。
除了所有常見的“通用”屬性， Crutchfield 在特定分類的屬性也存在嚴(yán)重的問題 ，那就是和產(chǎn)品類型相關(guān)的唯一信息。舉個(gè)例子，the ‘X-watts-RMS’ 和 ‘filter pass’ 屬性只和汽車擴(kuò)音器相關(guān)，也因此僅僅在這些欄目中被展示。同時(shí)，這個(gè)站點(diǎn)的其他種類的所有產(chǎn)品也僅僅只展示了垂直向的唯一相關(guān)性。
在列表項(xiàng)中獲得一個(gè)好的信噪比對(duì)提升用戶找到他們想要找到商品的能力至關(guān)重要。然而很明顯這并不容易。它需要仔細(xì)斟酌要展示產(chǎn)品屬性的提煉。這篇文章里我們會(huì)為大家呈現(xiàn)從我們的產(chǎn)品列表和篩選學(xué)習(xí)針對(duì)如何準(zhǔn)確地評(píng)估產(chǎn)品列表里信息的展示量和種類得到的測試發(fā)現(xiàn)。
(注意以下的發(fā)現(xiàn)同樣適用于種類列表和搜索結(jié)果。)
列表項(xiàng)信息: 平衡操作
無論如何展示在產(chǎn)品列表里的信息是用戶評(píng)估和判斷產(chǎn)品適用性的基礎(chǔ)。因此產(chǎn)品列表不應(yīng)該被浪費(fèi)。列表里的每個(gè)元素都應(yīng)該被精斟細(xì)酌，呈現(xiàn)給用戶適合他們挑選的條件。一個(gè)成功的產(chǎn)品列表設(shè)計(jì)應(yīng)滿足以下兩點(diǎn)要求:
展現(xiàn)給用戶足夠的產(chǎn)品信息以適當(dāng)?shù)卦u(píng)估產(chǎn)品的適用性（針對(duì)他們的獨(dú)特需求）, 讓用戶把產(chǎn)品列表當(dāng)成一個(gè)整體對(duì)待(i.e. the options available to them)，并可以把有興趣的產(chǎn)品和另一個(gè)產(chǎn)品拿來對(duì)比。
前者是每個(gè)產(chǎn)品要展示充分的產(chǎn)品信息然而后者產(chǎn)品要在用戶的屏幕上展示足夠的產(chǎn)品數(shù)量。于是就造成了一個(gè)進(jìn)退維谷的情況，如果每個(gè)產(chǎn)品的信息展示過多，會(huì)導(dǎo)致每頁展示的產(chǎn)品數(shù)量下降。然而產(chǎn)品數(shù)量太多又會(huì)造成單個(gè)產(chǎn)品展示足夠的信息變的相對(duì)困難，導(dǎo)致過多的來回跳轉(zhuǎn)。
從我們的大規(guī)模眼部追蹤學(xué)習(xí)中明顯得知, 當(dāng)用戶在瀏覽視覺導(dǎo)向的產(chǎn)品時(shí)極度傾向于關(guān)注產(chǎn)品縮略圖。(這里我們可以看下 REI 32個(gè)主題的熱力圖，點(diǎn)擊量，總觀察時(shí)間)
因此產(chǎn)品列表設(shè)計(jì)不是一個(gè)，少即是好的事情而是一個(gè)剛好合適才是好的事。找出哪些屬性應(yīng)該被展示在列表項(xiàng)里哪些不應(yīng)該被才是應(yīng)該做的事，但是沒有硬規(guī)則。一個(gè)好的列表項(xiàng)應(yīng)該通過提供充足的信息來幫助用戶準(zhǔn)確評(píng)估列表中哪些是與用戶相關(guān)的， – 同樣重要的是 – 哪些應(yīng)該被略去。列表信息應(yīng)該更好地幫助用戶對(duì)比相關(guān)產(chǎn)品。它本質(zhì)上是一個(gè)實(shí)踐：不要用過于膨大的產(chǎn)品列表來大化信息的精髓和產(chǎn)品的對(duì)比性。
現(xiàn)在我們通過研究發(fā)現(xiàn)，有兩組屬性應(yīng)該被包含在列表項(xiàng)中：通用屬性和特定種類屬性。縱觀整個(gè)站點(diǎn)的所有產(chǎn)品通用屬性都包含價(jià)格和產(chǎn)品標(biāo)題（或類型）。特定種類屬性對(duì)每個(gè)產(chǎn)品種類來說是惟一的并且產(chǎn)品和產(chǎn)品之間是不同的。下面的例子中我們會(huì)講到每個(gè)細(xì)節(jié)。
通用屬性
有一些通用屬性應(yīng)該被展示在幾乎所有地方，無論是在售產(chǎn)品的列表項(xiàng)或站點(diǎn)內(nèi)容中。舉個(gè)例子，產(chǎn)品價(jià)格是基本屬性，所以應(yīng)該被放在所有環(huán)境下（只有極少數(shù)情況不需要）.
除了相對(duì)明顯的價(jià)格屬性，其他的主要通用屬性有: 產(chǎn)品標(biāo)題或類型，縮略圖，用戶排名，可選類型。 對(duì)搜索結(jié)果列表, contextual search snippets 在這方面也淪陷了。下面的文章會(huì)總結(jié)通用屬性中重要的幾方面。
一個(gè)客戶對(duì)IKEA的沙發(fā)按價(jià)格進(jìn)行排序（從低到高），不幸的是出現(xiàn)了沙發(fā)裝飾品，沙發(fā)墊和沙發(fā)套而不是從便宜到貴的沙發(fā)。更困惑的是，沙發(fā)套被展示在沙發(fā)上，一眼掃過去人更加難判斷賣的是沙發(fā)還是沙發(fā)套。對(duì)用戶來說每個(gè)產(chǎn)品的價(jià)格很明顯是至關(guān)重要的，不管是估算產(chǎn)品本身或者和其他產(chǎn)品對(duì)比。這就是價(jià)格要對(duì)用戶永久可見的原因。我們的 產(chǎn)品列表和篩選基準(zhǔn) 顯示所有站點(diǎn)都做到了這一點(diǎn)。
測試期間發(fā)現(xiàn)一些和產(chǎn)品價(jià)格相關(guān)的常見問題。舉個(gè)例子，一些案例中價(jià)格中包括什么不是太明確（通常發(fā)生在幾個(gè)產(chǎn)品被展示在產(chǎn)品縮略圖中的時(shí)候，像產(chǎn)品適用性或捆綁銷售）。讓顧客明確知道價(jià)格里包含什么是明智的。同樣，展示每單元的價(jià)格，有助于客戶了解性價(jià)比 ，98%的站點(diǎn)在這方面做的不太好。(參考我們的測試結(jié)果 Price Per Unit).
我看到那兒有東西，但是沒有圖片，所以我不想點(diǎn)它，一位客戶解釋道（在Best Buy），看著列表中的第三條。事實(shí)證明那確實(shí)是她想要的東西，但是由于沒有縮略圖，她選擇像其他人一樣直接跳過了那個(gè)產(chǎn)品。
產(chǎn)品縮略圖被證明是重要的屬性，受測對(duì)象愿意花大量的注意力在產(chǎn)品縮略圖上。沒有縮略圖的列表項(xiàng)經(jīng)常被忽略，大多數(shù)客戶認(rèn)為這些產(chǎn)品是“不完整的”。好的縮略圖在用戶搜索和選擇產(chǎn)品的過程中扮演關(guān)鍵角色。因此給用戶提供產(chǎn)品的視覺信息是至關(guān)重要的。
事實(shí)上這意味著為所有列表項(xiàng)提供縮略圖并確?？s略圖的尺寸能反應(yīng)用戶對(duì)產(chǎn)品視覺信息的要求。（Product Lists report owners: 參考規(guī)則 #25, #28, #29, #34 and #39）。 更加明智的做法是提供 secondary hover image （提供更多的產(chǎn)品視覺信息） 并同時(shí)考慮 “use context” and “cut out” thumbnails （允許提供更加全面的產(chǎn)品視圖）。
IKEA提供了產(chǎn)品標(biāo)題（系列）和類型，單獨(dú)一個(gè)產(chǎn)品名稱對(duì)用戶說就顯得沒那么有價(jià)值。類似“Söderhamn”和“Poäng”的標(biāo)題對(duì)用戶來說只是提供了產(chǎn)品系列的唯一標(biāo)識(shí)。同時(shí)鼠標(biāo)移動(dòng)上去后，相關(guān)的信息會(huì)展現(xiàn)出來，這個(gè)特別棒，如果默認(rèn)狀態(tài)下提示會(huì)列出相關(guān)信息就更好了。
產(chǎn)品標(biāo)題或類型也被證明是較為重要的，在客戶瀏覽產(chǎn)品列表（尤其是搜索結(jié)果）而且產(chǎn)品縮略圖很難一眼識(shí)別出產(chǎn)品類型的情況下。和產(chǎn)品標(biāo)題一樣形象生動(dòng)的產(chǎn)品名稱也可以代表自己，有些行業(yè)產(chǎn)品類型對(duì)用戶來說比產(chǎn)品標(biāo)題更容易理解 – 尤其在產(chǎn)品標(biāo)題不明了的情況下。在這些情況下，產(chǎn)品類型會(huì)替代標(biāo)題或和產(chǎn)品標(biāo)題合并展示。
當(dāng)存在一個(gè)數(shù)量巨大或者魚龍混雜的產(chǎn)品目錄的情況下，人工確定每個(gè)產(chǎn)品的標(biāo)題的描述性可能會(huì)太消耗資源，這種情況下推薦兩者都展示。還有一個(gè)較為高級(jí)的辦法就是動(dòng)態(tài)的瀏覽每個(gè)商品標(biāo)題來確定是否包含產(chǎn)品類型關(guān)鍵詞，基于此，對(duì)于掃描到的標(biāo)題中不包含產(chǎn)品類型關(guān)鍵詞的商品，展現(xiàn)一下產(chǎn)品類型信息。對(duì)于體量或者排列較好的產(chǎn)品目錄（像 IKEA 這樣的制造業(yè)電商），你可以通過整個(gè)產(chǎn)品目錄（基于整個(gè)公司的產(chǎn)品命名規(guī)則的）來決定產(chǎn)品標(biāo)題的描述性。。
在沒有任何關(guān)于這些鍋的尺寸的提示下，用戶必須去瀏覽每個(gè)產(chǎn)品頁來得到這些信息。雖然用戶可以通過已存在的價(jià)格區(qū)間推測產(chǎn)品的別的參數(shù), 如果搜索結(jié)果上百后就顯得笨拙了。 更重要的是，盤子的價(jià)格區(qū)間不能告訴用戶盤子的參數(shù)有哪些 – 盤子是靠顏色，尺寸還是材質(zhì)區(qū)分？
作為比較，我們看下用戶在 American Eagle Outfitters 是如何做到掃一眼就能確定襯衫的多個(gè)參數(shù)（顏色樣式等），這些只在列表項(xiàng)縮略圖中的特殊樣式里才會(huì)顯示。
產(chǎn)品參數(shù) 像不同的顏色，尺寸，材質(zhì)，外觀等，是需要直接在列表項(xiàng)里展示的屬性。沒有這些東西，客戶經(jīng)常會(huì)pass掉實(shí)際上是他們想要的東西，僅僅是因?yàn)樗麄兛床灰娺@些參數(shù)，只能通過展示的默認(rèn)屬性來判斷是否是他們想要的東西，而不是通過查看產(chǎn)品詳情頁來確認(rèn)與產(chǎn)品相關(guān)的屬性。
然而并不是所有產(chǎn)品都會(huì)被展示。舉個(gè)例子，桌子是否可用得通過列表項(xiàng)里展示的桌子的多個(gè)尺寸參數(shù)來決定，然而鞋子就不一樣了，用戶可以根據(jù)鞋子的天然屬性來推測產(chǎn)品的存在的參數(shù)。
這有一個(gè)測試對(duì)象 - 不太明白不同產(chǎn)品規(guī)格的含義 - 于是決定通過排序來決定應(yīng)該購買哪個(gè)相機(jī)。用戶排名經(jīng)常被猶豫不決或者對(duì)產(chǎn)品了解不深的人當(dāng)做指導(dǎo)。
用戶排名經(jīng)常被多數(shù)行業(yè)和網(wǎng)站當(dāng)做普遍屬性放在列表項(xiàng)里。經(jīng)測試發(fā)現(xiàn)，無論何時(shí)對(duì)特性領(lǐng)域產(chǎn)品了解不深的用戶都會(huì)依賴用戶排名來評(píng)估搜索到的相關(guān)結(jié)果 - 并視那些高排名的項(xiàng)為被其他用戶審查過“安全選擇”。
有些用戶在他們沒法自己做出判斷的時(shí)候就把評(píng)分作為“好質(zhì)量/劃算”的代表。因此，如果用戶依賴的數(shù)據(jù)不是在售商品方面的專家，評(píng)分就應(yīng)該被直接包含在產(chǎn)品列表中。當(dāng)我們把用戶評(píng)分放進(jìn)產(chǎn)品列表時(shí)，注意實(shí)際上應(yīng)該包括平均用戶評(píng)分和平均評(píng)分?jǐn)?shù)量。我們回過頭來看，發(fā)現(xiàn)用戶意識(shí)到平均評(píng)分在沒有評(píng)分人數(shù)是沒用的（參見Users’ Perception of Product Ratings 和 Don’t Base ‘Customer Ratings’ Sorting on Averages Only）。
特有屬性
有些產(chǎn)品的少數(shù)屬性對(duì)那產(chǎn)品來說特別重要，那么我們就應(yīng)該把它們放進(jìn)產(chǎn)品列表項(xiàng)的概覽中，方便用戶選擇哪些產(chǎn)品該打開哪些產(chǎn)品該跳過時(shí)做出“富含信息量的決定”
這些屬性在分類之間變化幅度很大，而且必須是針對(duì)每個(gè)種類唯一可選。后面的是幾個(gè)例子是不同的特有屬性被當(dāng)做靈感來源在決定是否選擇此商品時(shí)，對(duì)一個(gè)給定的分類來說產(chǎn)品屬性會(huì)變得十分重要（這里的質(zhì)量就被當(dāng)做一個(gè)特性種類的屬性）。
只有 Newegg 中的一些電源適配器包含適配信息。對(duì)一些客戶來說，他們更愿意買一個(gè)便宜的電源適配器而不是一個(gè)包含適配信息的價(jià)值 $116 的適配器，這些信息會(huì)無休止地?zé)┲麄儭?span style="display:none">sMx北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
在特定種類的高科技產(chǎn)品中產(chǎn)品的相關(guān)性幾乎完全被產(chǎn)品和其他產(chǎn)品適配性來決定。因此“適配信息”應(yīng)該被放在列表項(xiàng)里，用戶可以不用打開列表中的每個(gè)產(chǎn)品來確定與產(chǎn)品是否與他們相關(guān)。進(jìn)一步說，如果用戶的購物車有適配性相關(guān)的產(chǎn)品，產(chǎn)品列表項(xiàng)應(yīng)該智能的顯示此產(chǎn)品是否和購物車?yán)锏漠a(chǎn)品適配。（參見 6 Use Cases for Compatibility Databases on E-Commerce Sites和 Highlight Items Already in the User’s Cart）。
因?yàn)榱斜眄?xiàng)里沒有相機(jī)套的尺寸，受測對(duì)象必須打開 Tesco 的每個(gè)產(chǎn)品頁，搜索產(chǎn)品頁的說明來確定相機(jī)套是否適合他們的相機(jī)。一張“使用情景”圖也對(duì)判斷尺寸是否合適有幫助（例如展示包含部分相機(jī)的相機(jī)套），但是明顯沒有在列表項(xiàng)里展示實(shí)際尺寸來得精準(zhǔn)些。
另一種適配信息是尺寸。舉個(gè)例子，任意一種包都需要容納，攜帶，存放另一種別的產(chǎn)品，所以我們需要列出它的內(nèi)部尺寸來讓用戶確定是否和他們的物品適用。也就是說，比起高科技產(chǎn)品的適配性它還是不太嚴(yán)格的，因此用戶可能會(huì)買一個(gè)“容器”來獲得足夠多的空間來容納要存放的東西。
有個(gè)受測對(duì)象依靠產(chǎn)品縮略圖和推薦年齡范圍來查找適合她外甥女的產(chǎn)品。Entertainer 明白他們用戶中的大多數(shù)都不是終用戶，所以他們明智地給他們的玩具加上了一個(gè)推薦年齡范圍來幫助用戶來選擇合適年齡段的產(chǎn)品。
推薦使用年齡段的屬性適用性，場景或受眾，在客戶不是終使用者的產(chǎn)業(yè)十分重要。事實(shí)上，這些屬性起到了綜合使用手冊(cè)的作用，引導(dǎo)用戶到適合終受眾或場景的產(chǎn)品，像為母親節(jié)買的花的種類。
Go Outdoors 在他們的所有睡袋里都沒有加入舒適溫度排名；只有極少會(huì)把舒適溫度值印到產(chǎn)品縮略圖上。受測對(duì)象沮喪地發(fā)現(xiàn)他們必須打開剩下的產(chǎn)品來確定產(chǎn)品是否適合在寒冷天氣下使用。
另一個(gè)典型的特定種類屬性的案例是任何產(chǎn)品都會(huì)有特殊使用情況，包括安全齒輪，戶外裝備，水下設(shè)備，任何類型的產(chǎn)品都必須在特殊環(huán)境下保持運(yùn)行。
特有屬性的例子是數(shù)不清的，上述文章僅表明了有一兩個(gè)和產(chǎn)品種類唯一相關(guān)特有屬性的產(chǎn)品特性的幾個(gè)實(shí)例。產(chǎn)品列表是說不盡的。你可能還會(huì)舉相機(jī)分辨率，汽車?yán)锍虜?shù)和動(dòng)力，食物的制造方法等等。
特有屬性就是比較重要的通用屬性，只是在不同產(chǎn)品類型間不共用 - 適用年齡，和玩具高度相關(guān)但是和相機(jī)毫無關(guān)系，百萬像素解析度，和相機(jī)相關(guān)但是和玩具毫無關(guān)系！因此確定特有屬性需要花些功夫，要瀏覽每個(gè)產(chǎn)品種類來確定是否存在1-3個(gè)和產(chǎn)品種類唯一相關(guān)的屬性對(duì)用戶決定產(chǎn)品的相關(guān)性起決定性作用，然后動(dòng)態(tài)地放到列表項(xiàng)中。
展示產(chǎn)品列表項(xiàng)信息
通過把所有普通產(chǎn)品屬性（價(jià)格，縮略圖，產(chǎn)品標(biāo)題或?qū)傩?，相關(guān)參數(shù)和用戶評(píng)分）和所有特有屬性放在產(chǎn)品列表項(xiàng)中，用戶已經(jīng)具備了充足的條件去評(píng)估產(chǎn)品列表項(xiàng)中的每一項(xiàng)并決定選擇哪個(gè)產(chǎn)品進(jìn)行更近一步的了解（打開產(chǎn)品頁）。
通用屬性必須具備因?yàn)槟鞘撬挟a(chǎn)品的基本信息，如果沒有這些信息用戶無法準(zhǔn)確評(píng)估產(chǎn)品的相關(guān)性。特有屬性是較為聰明的方法提供1-3個(gè)和產(chǎn)品種類唯一相關(guān)的額外屬性，提供指定的幫助性信息給用戶來確定產(chǎn)品是否和他們相關(guān)。
通過列表項(xiàng)的所有通用屬性和1-3個(gè)特有屬性，已經(jīng)提供了足夠的信息來讓用戶準(zhǔn)確評(píng)估和比較列表中的產(chǎn)品。既沒有信息過少的問題（普遍），也沒有列表項(xiàng)信息過多的問題（不太常見但是等同于設(shè)計(jì)存在問題），簡單來說就是：達(dá)到了理想狀態(tài)的平衡，沒有信息冗余的情況下提供了每個(gè)產(chǎn)品的足夠信息。
在列表項(xiàng)信息中做到“理想平衡”可以在產(chǎn)品列表中得到高的信噪比，對(duì)用戶查找產(chǎn)品的能力是至關(guān)重要的，好的信噪比使用戶容易獲得哪些產(chǎn)品可以購買，哪些產(chǎn)品可以跳過。千萬不要因?yàn)檩p視這些建議被愚弄 - 46%的電商網(wǎng)站在其中的一兩點(diǎn)上做地很失敗，強(qiáng)迫用戶做多余地返回操作 - 不停地來回跳轉(zhuǎn) - 經(jīng)常在用戶尋找產(chǎn)品的過程中制造困難，以用戶放棄網(wǎng)站而結(jié)束。
