易買(mǎi)web-個(gè)人中心首頁(yè)設(shè)計(jì)

個(gè)人中心原型圖

這是我當(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)該和上面的在線客服放在一起窗骑,都屬于“幫助”部分。


第一版設(shè)計(jì)

因?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ì)

第二版設(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)之間的順序对省。


第三版本的設(shè)計(jì)

我覺(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ī)范化了格式


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末剿另,一起剝皮案震驚了整個(gè)濱河市箫锤,隨后出現(xiàn)的幾起案子贬蛙,更是在濱河造成了極大的恐慌,老刑警劉巖谚攒,帶你破解...
    沈念sama閱讀 216,744評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件阳准,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡五鲫,警方通過(guò)查閱死者的電腦和手機(jī)溺职,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)位喂,“玉大人浪耘,你說(shuō)我怎么就攤上這事∷苎拢” “怎么了七冲?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,105評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)规婆。 經(jīng)常有香客問(wèn)我澜躺,道長(zhǎng),這世上最難降的妖魔是什么抒蚜? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,242評(píng)論 1 292
  • 正文 為了忘掉前任掘鄙,我火速辦了婚禮,結(jié)果婚禮上嗡髓,老公的妹妹穿的比我還像新娘操漠。我一直安慰自己,他們只是感情好饿这,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,269評(píng)論 6 389
  • 文/花漫 我一把揭開(kāi)白布浊伙。 她就那樣靜靜地躺著,像睡著了一般长捧。 火紅的嫁衣襯著肌膚如雪嚣鄙。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,215評(píng)論 1 299
  • 那天串结,我揣著相機(jī)與錄音哑子,去河邊找鬼。 笑死肌割,一個(gè)胖子當(dāng)著我的面吹牛卧蜓,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播声功,決...
    沈念sama閱讀 40,096評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼宠叼!你這毒婦竟也來(lái)了先巴?” 一聲冷哼從身側(cè)響起其爵,我...
    開(kāi)封第一講書(shū)人閱讀 38,939評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎伸蚯,沒(méi)想到半個(gè)月后摩渺,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,354評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡剂邮,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,573評(píng)論 2 333
  • 正文 我和宋清朗相戀三年摇幻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挥萌。...
    茶點(diǎn)故事閱讀 39,745評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡绰姻,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出引瀑,到底是詐尸還是另有隱情狂芋,我是刑警寧澤,帶...
    沈念sama閱讀 35,448評(píng)論 5 344
  • 正文 年R本政府宣布憨栽,位于F島的核電站帜矾,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏屑柔。R本人自食惡果不足惜屡萤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,048評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望掸宛。 院中可真熱鬧死陆,春花似錦、人聲如沸旁涤。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,683評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)劈愚。三九已至瞳遍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間菌羽,已是汗流浹背掠械。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,838評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留注祖,地道東北人猾蒂。 一個(gè)月前我還...
    沈念sama閱讀 47,776評(píng)論 2 369
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像是晨,于是被迫代替她去往敵國(guó)和親肚菠。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,652評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,085評(píng)論 25 707
  • 每天進(jìn)步一點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)~~從開(kāi)始只能寫(xiě)幾句話罩缴、模仿別人的觀點(diǎn)蚊逢,到現(xiàn)...
    一個(gè)帥氣的名字呀閱讀 18,083評(píng)論 4 31
  • 產(chǎn)品需求文檔(PRD)层扶,是一個(gè)產(chǎn)品項(xiàng)目由“概念化”階段進(jìn)入到“圖紙化”階段的最主要的一個(gè)文檔,其作用是“對(duì)市場(chǎng)需求...
    酷泡泡閱讀 5,083評(píng)論 1 34
  • 說(shuō)來(lái)有些好笑烙荷,不知是哪來(lái)的信心镜会,竟使我染上上眼高手低的病。 看著別人為大創(chuàng)忙的焦頭爛額终抽,自己有些嫉妒戳表,是羨慕嫉妒恨...
    山南小旭閱讀 218評(píng)論 0 0
  • 人人網(wǎng)火了五年。從08年到13年昼伴,我用它記錄了我的年少無(wú)知和那時(shí)的懵懂無(wú)畏匾旭,后來(lái)隨著一張張網(wǎng)紅臉的入侵,那一串?dāng)?shù)字...
    Wanda碩碩閱讀 209評(píng)論 0 0