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