商品銷售類網(wǎng)頁設(shè)計常見問題
1 入口banner和專題頭部要相呼應(yīng)，不應(yīng)有太大出入，可以選取相同的元素、背景等，保持視覺的延續(xù)性，以符合用戶心理預(yù)期。
2 避免使用涉及到版權(quán)的字體，主標(biāo)題如需使用，要對字體變形改造。
3 專題頭部圖片盡量控制在550px以內(nèi)，以便保證在第一屏能顯示出一部分商品，否則用戶很可能誤以為下面沒有內(nèi)容。騰訊剛剛推出的一個“QQ旋風(fēng)離線下載”的專題(點擊查看)就犯了這樣的錯誤：
這個專題從創(chuàng)意到執(zhí)行都做得很不錯，可是它的首屏高度為644px，在1280×768的分辨率下幾乎很難發(fā)現(xiàn)下面還有其它內(nèi)容。另外在第一屏最重要的出口“閃電加入”做的也不明顯，這里我大膽預(yù)測一下：這個專題的轉(zhuǎn)化率會低于預(yù)期目標(biāo)。(ps：純粹個人見解，騰訊的同學(xué)可以拿數(shù)據(jù)過來拍磚^^)
4主題中的和“錢”相關(guān)的信號一定要突出，比如：價格、折扣等。
5 在同一個專題中，價格小數(shù)點后保留的位數(shù)應(yīng)相同(例如：同時保留小數(shù)點后兩位)，貨幣符號統(tǒng)一使用
。宋體狀態(tài)下貨幣符號不能正常顯示，可以做成圖片。
小數(shù)點后位數(shù)沒有統(tǒng)一
6 描述性文字不要做成按鈕樣式，否則會誤導(dǎo)用戶點擊，增加用戶挫折感。(即便是全圖用熱區(qū)，也不建議做成按鈕樣式。)
7 商品陳列
我們注意到有些專題里面的商品排列很隨意，沒有按照一定的邏輯來排列，這就對用戶快速瀏覽照成障礙，如果用戶瀏覽到頁面底部，想再返回尋找剛才看中的商品，就比較麻煩。和設(shè)計師溝通后發(fā)現(xiàn)，原來有些專題需求在提交時只有一個商品列表，沒有進行細(xì)致的分類，也沒有主推商品。這就給設(shè)計師照成一定困擾，如果這部分工作由設(shè)計師來做的話不僅會延長專題設(shè)計時間，而且可能由于設(shè)計師對活動本身不理解照成分類不準(zhǔn)確甚至錯誤，從而影響活動效果。所以設(shè)計師遇到專題需求不明確時應(yīng)該及時和相關(guān)人員溝通，良好的溝通是成功的一半。
另外，如果只有部分商品具有更低的優(yōu)惠或者其他優(yōu)秀屬性，那么可以做一個標(biāo)簽，幫助用戶快速區(qū)分。比如這樣：
8 當(dāng)一個專題中有多個分區(qū)，并且頁面超過3屏?xí)r，應(yīng)該在右側(cè)添加“分類導(dǎo)航”(建議放在屏幕中間位置)，以方便用戶快速瀏覽。
9 “購買”按鈕
是否應(yīng)該在列表頁放“購買”按鈕?我的理解是：如果是快速消費品，且價格不高(像零食、小百貨)可以加上“購買”/“放入購物車”按鈕，服飾、數(shù)碼等用戶需要了解更多信息的商品，給個“查看詳情”出口即可(不一定是按鈕)。
另外如果是“限時、限量搶購”類商品，也建議加上“購買”按鈕。
10 底部添加其它專題入口(以關(guān)聯(lián)程度高低排序)，提高轉(zhuǎn)化率。