淘寶購(gòu)交互設(shè)計(jì)心得

前段時(shí)間一直在做淘寶購(gòu)便利網(wǎng)站的交互，算是本人第一次真正意義上的做前臺(tái)項(xiàng)目吧（之前一直是做的后臺(tái)系統(tǒng)的交互），其中有一些設(shè)計(jì)上的心得和大家分享一下。

淘寶購(gòu)便利是快消品銷售的“生活平臺(tái)”，讓市民足不出戶就可以買到超市生活用品，并可以享受24小時(shí)之內(nèi)送貨上門。

一 準(zhǔn)備

1.現(xiàn)有的網(wǎng)上超市是什么樣的？交互上有什么優(yōu)缺點(diǎn)？

沒(méi)有經(jīng)驗(yàn)的情況下，最好的完成目標(biāo)的方式就是借鑒?？磭?guó)內(nèi)外很多線上超市：

mysupermarket 最下面的懸浮區(qū)是亮點(diǎn)，可以寫便簽，可以購(gòu)物車，有物流說(shuō)明。同時(shí)結(jié)構(gòu)清晰，只是導(dǎo)航操作不是很直接，要?jiǎng)澾^(guò)才能看到內(nèi)容。

山姆會(huì)員商店 每個(gè)地區(qū)有特定的商品，和我們的產(chǎn)品相同。首頁(yè)、list、活動(dòng)頁(yè)都可以直接在櫥窗選好想要商品的個(gè)數(shù)模擬真實(shí)場(chǎng)景。

leshop 清晰的導(dǎo)航，清晰的list的展示（標(biāo)類商品用列表展示也是不錯(cuò)的選擇）

一號(hào)店 在大家有用漂亮的ui設(shè)計(jì)展示網(wǎng)站有多大牌時(shí)，一號(hào)店用了是讓各個(gè)年齡層都能接受的純文字，通俗易懂，怪不得大媽大嬸都會(huì)上一號(hào)店買呢。

天貓超市 整個(gè)網(wǎng)站看起來(lái)很高端，但是detail頁(yè)右邊只有購(gòu)物車，沒(méi)有其他的關(guān)聯(lián)營(yíng)銷，是否會(huì)導(dǎo)致購(gòu)物的連續(xù)性降低呢？

2.購(gòu)便利要抓哪些特點(diǎn)來(lái)突破？

我們的用戶是20-40歲工薪階層，喜歡潮流，對(duì)進(jìn)口商品消費(fèi)需求大。便利購(gòu)在服務(wù)上要做到最后一公里的突破，商品品種開(kāi)始的時(shí)候可能不多，但是特點(diǎn)是進(jìn)口商品多且便宜，滿80包郵，這些都是這個(gè)網(wǎng)站自身的優(yōu)勢(shì)，怎么樣才能在頁(yè)面上提現(xiàn)出來(lái)呢？除了的特色介紹頁(yè)面，幾乎不能提現(xiàn)交互上。再想想，既然以上看到的網(wǎng)站各有優(yōu)劣為何不取他們的優(yōu)勢(shì)融合在一起，再加上一些變化呢?

迷你購(gòu)物車：超市有別于網(wǎng)店，特別的地方在于迷你購(gòu)物車。模擬實(shí)際場(chǎng)景：超市有別于商場(chǎng)，前者可以把東西放在購(gòu)物車?yán)镒詈笠黄鸾Y(jié)賬。購(gòu)便利的購(gòu)物車做的和其他網(wǎng)上超市不一樣，抓住購(gòu)物車的核心功能和體驗(yàn)即可。

list：這是一個(gè)最實(shí)用的頁(yè)面，能直接影響購(gòu)買，盡量在這個(gè)頁(yè)面讓用戶直接產(chǎn)生購(gòu)買。用戶怎么方便使用就怎么設(shè)計(jì)。

detail：一般用戶能到這個(gè)頁(yè)面幾率不會(huì)太高，除非對(duì)這個(gè)商品猶豫不決。這時(shí)我們要挽留他，盡量多家關(guān)聯(lián)銷售的地方。

3.交互設(shè)計(jì)師的價(jià)值在哪里？