價(jià)格的表現(xiàn)形式與設(shè)計(jì)

0 評(píng)論 4973 瀏覽 1 收藏 5 分鐘

不管價(jià)格怎么表現(xiàn),最敏感的還是多少錢,對(duì)用戶來說這個(gè)是最關(guān)鍵的,所以數(shù)字又大又醒目就是最好的表現(xiàn)方式了么?平時(shí)在上網(wǎng)的時(shí)候有沒有特別注意過價(jià)格的不同表現(xiàn)形式?

我選了6個(gè)不同類型網(wǎng)站,看看他們在價(jià)格表現(xiàn)上有什么不同,分別是“淘寶”,“聚劃算”,“攜程”,“大眾點(diǎn)評(píng)”,“ebay”,“Amazon”,這幾個(gè)網(wǎng)站都是和錢打交道的網(wǎng)站,業(yè)務(wù)又較多較廣,我做了一個(gè)統(tǒng)計(jì):

淘寶,聚劃算

攜程,大眾點(diǎn)評(píng)

ebay,amazon

使用不同價(jià)格表現(xiàn)形式數(shù)量對(duì)比

  • 淘寶攜程:4種
  • 聚劃算大眾點(diǎn)評(píng):3種
  • ebay,amazon:1種

國內(nèi)站點(diǎn)3種以上,國外1種,國內(nèi)因?yàn)楦鞣N業(yè)務(wù)在價(jià)格的體驗(yàn)也有所不同,有時(shí)候加上“元”,有時(shí)候不加“元”。

使用最多的類型


“¥150″這種形式是使用情況是最多的,這類型在表現(xiàn)數(shù)字上面可以做到通用性,對(duì)中英文國內(nèi)外都可以清晰表現(xiàn)價(jià)格,而且Excel里面的貨幣和會(huì)計(jì)專用的格式就是¥15.25,其他的形式應(yīng)該是根據(jù)不同的頁面配上的形式。

表現(xiàn)形式與設(shè)計(jì)

其實(shí)對(duì)于非外貿(mào)型或者與國外沾邊的類型的網(wǎng)站,在價(jià)格表現(xiàn)形式上要能正確顯示價(jià)格,做到統(tǒng)計(jì)即可,形式上并沒有特別的約定,但以設(shè)計(jì)的角度來講,不同的價(jià)格形式給頁面帶來的感覺是很不一樣的。

A.淘寶列表頁

  • 表現(xiàn)1,是淘寶原版,價(jià)格和整個(gè)模塊搭配的很不錯(cuò),“¥”的灰色和粗體讓價(jià)格醒目又不突兀。
  • 表現(xiàn)2,沒有“¥”也沒有“元”,搭配上小數(shù)點(diǎn),很難第一時(shí)刻想起這是價(jià)格,看起來有些怪怪的。
  • 表現(xiàn)3,加了“元”,和下面的運(yùn)費(fèi)就顯得有些不搭配了,右側(cè)不整齊。
  • 表現(xiàn)4,同時(shí)加了“¥”“元”,整體效果可以,但是和第一種相比還是顯得多余了

B.淘寶單品頁

  • 表現(xiàn)1,原版。
  • 表現(xiàn)2,“限時(shí)折扣” + “¥” + “價(jià)格” + “元” + “剩余時(shí)間”,樣式錯(cuò)綜復(fù)雜。
  • 表現(xiàn)3,價(jià)格這塊看起來像是沒有結(jié)尾似的
  • 表現(xiàn)4,加了“¥”沒有“元”,整體效果可以,但是和第一種相比還是顯得多余了,如果沒有“限制折扣”的圖標(biāo),上下行之間就非常不整齊。

各種不同價(jià)格形式使用參考

其實(shí)發(fā)現(xiàn)國內(nèi)的價(jià)格表現(xiàn)還是跟著設(shè)計(jì)走,考慮到前后文字的搭配與整體風(fēng)格而訂下樣式,我總結(jié)了一些,大家可以參考:

“¥” + “價(jià)格”:價(jià)格的后面沒有文字,又想要突出價(jià)格,參考“淘寶列表頁”
“¥” + “價(jià)格”+“元”:如果你的頁面的價(jià)格hold不住,用這個(gè)吧
“價(jià)格”+“元”:價(jià)格的前后都有文字包圍,適合標(biāo)題,段落,可參考“團(tuán)購標(biāo)題”
“價(jià)格”:多用在刪除線中,比如原價(jià):150

來源:http://icojump.in/?p=1906

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!