阿里巴巴國際站(Alibaba.com) 是全球最大、最有影響力的B2B電子商務平臺，是阿里巴巴集團的旗艦公司，

阿里巴巴UED：Alibaba國際站首頁改版小結

。長期以來，阿里巴巴國際站視覺風格并未隨著業務的突飛猛進而有更富魅力的改變， 呈現在用戶面前的，依舊是稍顯過時的設計風格。隨著用戶需求和公司業務的壓力，對網站的視覺重構就成了迫在眉睫的事情，是時候來一次激動人心變革了!

　　一. 目前線上版本分析

　　上圖為目前線上版本，較2009年的版本，總體設計風格和信息結構沒有太多的變化：

　　1. 首頁沒有傳遞出Alibaba.com的業務方向和核心價值;

　　2. 隨著業務方向發展，不能滿足業務需求;

　　3. 設計風格過時，設計風格不統一。

　　二. 用戶需求分析

　　分析用戶需求之前，一起來看一下外貿B2B生意從工廠到發貨的重要環節有哪些，Alibaba對應這些環節有哪些相關配套服務。

　　通過用戶調研分析，目前網站用戶對Alibaba.com提供的這幾個核心服務的認知度較低，所以這次首頁改版的首要目標就是要進行用戶教育并傳遞網站的核心服務，

電腦資料

《阿里巴巴UED：Alibaba國際站首頁改版小結》(http://salifelink.com)。

　　三. 信息推導——框架結構

　　William Strunk和E. B. White的《The Elements of Style》里寫到：”越精簡的文字越有力。一句話里不應該有多余的詞兒，一段話里不應該有多余的句子。同樣，一幅畫里不應該有多余的線條，一臺機器也不應該有多余的零件。”

　　對首頁信息進行重新梳理，去掉長期沒人運營的冗余信息;重新調整信息結構，核心位置傳遞網站核心價值信息;只專注那些用戶最需要的功能，用20%的基本功能去滿足80%用戶的需求。

　　新首頁最終線框圖

　　四. 視覺推導——風格、色彩

　　新視覺風格探索主要從以下幾個維度考慮

　　1. 色調，感受，明亮的，柔和的，還是暗沉的;

　　2. Icon，字體，統一性，傳達的感覺，Icon和字體要有連續;

　　3. 松緊度，留白，行間距，字間距，寬松度;

　　4. 結構，整齊的，流式的，開放的，還是閉合的。

　　設計趨勢

　　近幾年來，隨著Metro風格的簡潔與直觀、Google全新的UI體驗、Android 4.0系統的平面化，各大主流界面的風格都趨向于簡潔，結構清晰，信息突出，減少噪音。

　　新首頁視覺關鍵字