V2 k- J1 k* a( b* N% r
自2007年首次上線以來，直通車作為阿里媽媽旗下一款為淘寶/天貓賣家量身打造的精準營銷產品，一直是用戶首選的營銷工具。歷經6年的不斷改良優化，直通車后臺終于迎來了這次全新的改版。為了響應改版后的首次內測，我們需要進行一次內測準備的預熱活動。
1. 前期思考作為一款營銷工具，產品優化的主要目標是豐富的數據展現，人性化的操作體驗以及智能高效的工具使用。然而，這始終是一款專業且數據型的產品，起后臺展現也是以數據為主。因此，預熱頁面在視覺上很難從產品樣式中需求突破。在眾多的推廣頁面中，讓用戶“感受產品帶來的改變”，我想是很多設計師首先需要去思考的。特別是作為一次產品推廣過程中打頭陣的預熱活動，其表現出來的不應該是單一的產品展示。預熱頁的目的，是“吸引用戶并告之”并且“感受產品最精彩的部分”。
因此如何從單一的數據型產品提煉出充滿活力的元素，如何表現出產品新特性所帶來的改變，完善良好新穎的視覺體驗，是我們這次的設計目標。
+ R8 L3 ?8 Q H: {+ }
2.執行2.1探索分析我們歷來有把虛擬的產品用一種比較形象的物件作為名稱的做法，比如直通車，鉆石展位……圍繞這些詞匯，我們可以延伸出很多形象化的東西，方便我們去表達和傳遞產品的信息。直通車，精準的營銷產品，使用高科技產品高速列車來表達他的高效，智能與精準。所以無論產品的LOGO，還是推廣互動，該形象已經作為一種品牌的概念傳承下來。我們將繼續在此次項目中深化這個概念。
但是，此次作為直通車改版后首次對外的一次展現，我們希望不僅能夠延續這個概念，更需要在此基礎上突出新后臺將給用戶帶來的感受——豐富、智能、人性化。
因此，為了更好的進入設計階段，根據以上的探索羅列了一些問題：
1. 頁面需要承載哪些內容，哪些更重要一些？
2. 有哪些互動點？
3. 如何有效的組織內容之間的關聯？
4. 如何展現產品的特性？
5. 頁面預期會給用戶帶來何種感受？
6. 頁面的制作周期以及項目的上線時間？
我們需要帶著這些問題去和需求方一個一個進行反復溝通：
1. 一期預熱的主要內容有：內測資格的要求與申請（改內容為重點）；內測用戶的留言；新產品的功能特點
2.互動點不多，主要是參與內測（提交報名和使用感受）
3.鑒于內容不是很多，我們可以通過視覺元素去做關聯
4.一方面需要實際的截圖展現產品功能，另一方面需要用視覺的語言去表現產品的特色
5.希望用戶能有一種煥然一新的感受
6. 由于需求提交的比較早，整個制作有較充裕的時間，可以嘗試視差滾動的效果
2.2概念將這些概念的詞匯串聯起來，腦海中是不是已經有畫面出現了呢？這似乎是一個很有意思的故事呢。 我們將故事的背景放置在浩瀚的宇宙，直通車產品的發展如同飛行器的發展不斷更新，在這過程中還會發生各種神奇的故事……我們希望給用戶傳達出直通車產品在“不斷發展，不斷革新，”的感受，宇宙，飛行器暗示產品的高效，智能以及平臺技術的可靠。
完善了我們的概念，就開始大刀闊斧的進入我們的設計階段了。
* {' Q+ a0 W! e. ] |+ V6 ?; V
2.3布局
2.4配色這里展示的是一些配色的參考，具體的色彩還需要在設計過程中進行調整。
2.5圖形 在設定概念并布局的時候我們已經確定了要做成視差滾動的效果，所以在圖形的繪制上也要時時考慮頁面特點。在這個頁面中我遵循了這么幾點原則：
1.背景盡可能純色或者是平鋪圖形。（可以保證頁面背景連續且最后輸出時不會很大）
2.貼圖層（物件層）最好是獨立清晰，并且是矢量繪制的。（視覺元素統一，適合后期做獨立的交互效果）
3.注意上下內容的關聯。（整體性）
4.突出重點，注意內容與背景或邊框的關系。
, J0 _' d1 {" F8 S1 p
2.6合作溝通主要是和前端對頁面的交互動作和視差效果進行反復的調試和改進，以期得到較完美的效果。
3.上線反饋從客戶和運營端的反饋來說，都認為頁面設計及形式很好，特別是對于新功能解讀板塊，采取該形式比較生動。該活動由于圈定了目標客戶，因此沒有大范圍開展資源推廣，只是定向的進行了旺旺及站內信消息推送。活動為期7天，從報名率來說大大高于以往平均水平。4 總結$ j& ?: R- Z' ]# l: K, M
首先，從上線的反饋而言，頁面的形式還是比較成功的。我們在今后的活動推廣中可以針對業務需求多一些此類的嘗試。其次，這是我第二次使用視差效果完成的頁面，相比之前，背景和局部的細節層次更加豐富，全局的視差效果也更加明顯。在前端伯星同學的努力下，頁面得以高保真還原并且使得視差效果更加流暢。再加上項目的前期準備比較充裕，很多問題與需求方進行了充分的溝通，這使得項目在后期的執行中十分順暢。盡管如此，還是有許多可以繼續優化的地方，比如在動態效果和交互的表現上，我們嘗試的不多，缺少了一些突破性的交互體驗，某些局部的動態效果還略顯生硬。當然這些都是我們寶貴的財富，我們將不斷的探索和突破，力求將更優質的內容呈現給我們的用戶。現在，不妨來體驗一下神奇的直通車太空之旅吧~
原文出自：一淘UX
