這是我當(dāng)時(shí)拿到的原型圖擅笔,我習(xí)慣在正式做設(shè)計(jì)之前都先審核一遍原型圖的邏輯险胰,看看布局汹押,流程是否合理。首先這個(gè)原型和原本的網(wǎng)站差異不大起便,幾乎可以說(shuō)是照搬棚贾。原本的需求就是因?yàn)樵W(wǎng)站用起來(lái)非常不方便因此才要改進(jìn),但是這樣的原型似乎有違背改進(jìn)網(wǎng)站的本意榆综。并且經(jīng)過(guò)我分析之后妙痹,發(fā)現(xiàn)有幾個(gè)問(wèn)題
1、在公司的業(yè)務(wù)里面鼻疮,代購(gòu)是指用戶發(fā)網(wǎng)購(gòu)網(wǎng)站商品鏈接怯伊,工作人員替其下單并轉(zhuǎn)送至國(guó)外。自助購(gòu)是指判沟,用戶自行購(gòu)買(mǎi)商品耿芹,并將商品寄送到倉(cāng)庫(kù)。國(guó)際轉(zhuǎn)運(yùn)是指客戶可以轉(zhuǎn)運(yùn)普通包裹挪哄,不一定是購(gòu)物網(wǎng)站上的商品吧秕。但是我認(rèn)為,首先對(duì)于用戶來(lái)說(shuō)迹炼,只要商品寄出后寇甸,商品原本由哪種途徑得到已經(jīng)不重要了。并且三種業(yè)務(wù)后期的狀態(tài)一模一樣,因此拿霉,沒(méi)有必要再訂單處理頁(yè)面過(guò)于區(qū)分三種業(yè)務(wù)吟秩。
2、訂單處理導(dǎo)航和下單按鈕結(jié)合在了一起绽淘。我認(rèn)為國(guó)際轉(zhuǎn)運(yùn)的下單不管怎么說(shuō)還是一個(gè)稍稍有點(diǎn)復(fù)雜的過(guò)程涵防,這個(gè)頁(yè)面應(yīng)該把重心放在處理已經(jīng)下過(guò)的訂單上面,下單需要有專(zhuān)門(mén)的下單引頁(yè)面沪铭。圖中原型還強(qiáng)調(diào)了下單按鈕壮池,總覺(jué)得有點(diǎn)沖突,我覺(jué)得頁(yè)面的功能應(yīng)該區(qū)分得明確清晰杀怠,畢竟魚(yú)和熊掌不可兼得椰憋。
3、側(cè)邊欄的功能有一些交錯(cuò)赔退,我認(rèn)為財(cái)務(wù)管理應(yīng)該放到右邊余額橙依,優(yōu)惠券等有關(guān)現(xiàn)金或者金錢(qián)的地方。
4硕旗、客戶服務(wù)應(yīng)該和上面的在線客服放在一起窗骑,都屬于“幫助”部分。
因?yàn)橄氲绞侨A人華僑代購(gòu)國(guó)內(nèi)的產(chǎn)品漆枚,所以想著用中國(guó)風(fēng)會(huì)不會(huì)更加親切一些创译。于是開(kāi)頭的版本采用了水墨畫(huà)的背景,用了朱紅色作為醒目色墙基,墨綠色作為背景软族。
然而用這個(gè)網(wǎng)站的用戶大多為年輕女性,需求方希望配色能夠更加明亮少女残制。于是我調(diào)亮了一些顏色互订。但是自己也總感覺(jué)有許多缺陷
這個(gè)版本通過(guò)我之前提出的一些問(wèn)題,對(duì)頁(yè)面邏輯做了許多改動(dòng)
1痘拆、不再由自助購(gòu),轉(zhuǎn)運(yùn)氮墨,代購(gòu)三個(gè)頁(yè)面下設(shè)六個(gè)狀態(tài)纺蛆,反而由六個(gè)狀態(tài)下下設(shè)三種業(yè)務(wù),三種業(yè)務(wù)由顏色區(qū)分规揪。最后一個(gè)版本覺(jué)得顏色區(qū)分業(yè)務(wù)的意義不大桥氏,多引入顏色容易照成頁(yè)面顏色混亂,因此改為灰色猛铅。
2字支、將有關(guān)資金的部分,余額,優(yōu)惠券等處理合并堕伪。
3揖庄、合并了消息部分
4、將與“我”有關(guān)的內(nèi)容集成到一處欠雌,去除掉不常用的操作蹄梢。將于頁(yè)面無(wú)關(guān)的工具功能放到了其他的頁(yè)面
第二版設(shè)計(jì)去掉了深藍(lán)色,減少了頁(yè)面中顏色的數(shù)量富俄,并且進(jìn)一步簡(jiǎn)化了頁(yè)面禁炒,使用了更多扁平化的設(shè)計(jì)。但依然有一些問(wèn)題
1霍比、需求方認(rèn)為此頁(yè)面顏色依然太深幕袱,不適合大部分用戶
2、實(shí)際上悠瞬,一個(gè)訂單要經(jīng)過(guò)國(guó)內(nèi)部分们豌,包裹打包,以及國(guó)際轉(zhuǎn)運(yùn)三個(gè)部分阁危。目前頁(yè)面只顯示了國(guó)內(nèi)部分的六個(gè)狀態(tài)玛痊,我的運(yùn)單指我的包裹轉(zhuǎn)運(yùn),我的送貨車(chē)指國(guó)際轉(zhuǎn)運(yùn)狂打。需求方表示很多用戶不知道有這三個(gè)狀態(tài)擂煞,經(jīng)常漏了后續(xù)的操作。一方面是命名和下單指導(dǎo)的問(wèn)題趴乡,另一方面設(shè)計(jì)上也要更好的突出這三個(gè)狀態(tài)之間的順序对省。
我覺(jué)得深藍(lán)色的使得整個(gè)頁(yè)面變得非常的沉重,壓抑晾捏,因此我這個(gè)版本就去掉了深藍(lán)色蒿涎。
這個(gè)版本需求方新提出了包裹管理的想法,將每個(gè)訂單劃分為不同的包裹惦辛,再將包裹下劃分不同的狀態(tài)劳秋。
新的設(shè)計(jì)很好的加入了包裹管理的內(nèi)容,除了按狀態(tài)瀏覽也可以按包裹瀏覽胖齐,并且每個(gè)側(cè)邊欄的長(zhǎng)度是一致的玻淑,每個(gè)狀態(tài)的表格寬度是一致,因此同樣的表格可以跨越各個(gè)頁(yè)面使用呀伙。減少前端工作量的同時(shí)补履,也方便了用戶,規(guī)范化了格式