阿里巴巴國(guó)際站(Alibaba.com) 是全球最大、最有影響力的B2B電子商務(wù)平臺(tái)，是阿里巴巴集團(tuán)的旗艦公司。長(zhǎng)期以來(lái)，阿里巴巴國(guó)際站視覺風(fēng)格并未隨著業(yè)務(wù)的突飛猛進(jìn)而有更富魅力的改變， 呈現(xiàn)在用戶面前的，依舊是稍顯過(guò)時(shí)的設(shè)計(jì)風(fēng)格。隨著用戶需求和公司業(yè)務(wù)的壓力，對(duì)網(wǎng)站的視覺重構(gòu)就成了迫在眉睫的事情，是時(shí)候來(lái)一次激動(dòng)人心變革了!
一. 目前線上版本分析
上圖為目前線上版本，較2009年的版本，總體設(shè)計(jì)風(fēng)格和信息結(jié)構(gòu)沒有太多的變化：
1. 首頁(yè)沒有傳遞出Alibaba.com的業(yè)務(wù)方向和核心價(jià)值;
2. 隨著業(yè)務(wù)方向發(fā)展，不能滿足業(yè)務(wù)需求;
3. 設(shè)計(jì)風(fēng)格過(guò)時(shí)，設(shè)計(jì)風(fēng)格不統(tǒng)一。
二. 用戶需求分析
分析用戶需求之前，一起來(lái)看一下外貿(mào)B2B生意從工廠到發(fā)貨的重要環(huán)節(jié)有哪些，Alibaba對(duì)應(yīng)這些環(huán)節(jié)有哪些相關(guān)配套服務(wù)。
通過(guò)用戶調(diào)研分析，目前網(wǎng)站用戶對(duì)Alibaba.com提供的這幾個(gè)核心服務(wù)的認(rèn)知度較低，所以這次首頁(yè)改版的首要目標(biāo)就是要進(jìn)行用戶教育并傳遞網(wǎng)站的核心服務(wù)。
三. 信息推導(dǎo)——框架結(jié)構(gòu)
William Strunk和E. B. White的《The Elements of Style》里寫到：”越精簡(jiǎn)的文字越有力。一句話里不應(yīng)該有多余的詞兒，一段話里不應(yīng)該有多余的句子。同樣，一幅畫里不應(yīng)該有多余的線條，一臺(tái)機(jī)器也不應(yīng)該有多余的零件。”
對(duì)首頁(yè)信息進(jìn)行重新梳理，去掉長(zhǎng)期沒人運(yùn)營(yíng)的冗余信息;重新調(diào)整信息結(jié)構(gòu)，核心位置傳遞網(wǎng)站核心價(jià)值信息;只專注那些用戶最需要的功能，用20%的基本功能去滿足80%用戶的需求。
新首頁(yè)最終線框圖
四. 視覺推導(dǎo)——風(fēng)格、色彩
新視覺風(fēng)格探索主要從以下幾個(gè)維度考慮
1. 色調(diào)，感受，明亮的，柔和的，還是暗沉的;
2. Icon，字體，統(tǒng)一性，傳達(dá)的感覺，Icon和字體要有連續(xù);
3. 松緊度，留白，行間距，字間距，寬松度;
4. 結(jié)構(gòu)，整齊的，流式的，開放的，還是閉合的。
設(shè)計(jì)趨勢(shì)
近幾年來(lái)，隨著Metro風(fēng)格的簡(jiǎn)潔與直觀、Google全新的UI體驗(yàn)、Android 4.0系統(tǒng)的平面化，各大主流界面的風(fēng)格都趨向于簡(jiǎn)潔，結(jié)構(gòu)清晰，信息突出，減少噪音。
新首頁(yè)視覺關(guān)鍵字
