淘寶購(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à)值在哪里?
本文地址:http://m.likemindfilms.com/tutorial/id1326.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁(yè)前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁(yè)設(shè)計(jì)中引人入勝的引導(dǎo)頁(yè)設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開(kāi)始
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏