從0開始創造雪盈：每一個細節都要足夠美好
近兩年，港股和美股成為了最受新貴投資者們青睞的投資領域。騰訊股價10年500倍的現象級增長刺激著每一位投資者的神經，小米、滴滴等優質互聯網公司赴港IPO又將掀起一陣港股熱浪。雪盈證券作為新一代的港美股互聯網券商，在設計和交互風格上有自己獨特的風格，下面是雪盈證券設計師團隊關於如何做好一個證券交易平台的分享。
1.我們的初衷
雪盈團隊的成員，是一群狂熱的港美股投資愛好者，和大家一樣，最初想要炒港美股時都經歷過一遍「過五關斬六將」的磨難。信息獲取難，想炒港美股根本無從下手，不知道找誰問；開戶難，英文表格和層層手續填得人崩潰；好不容易開通了賬戶之後，且不說投資是否能獲得理想的回報，就要被高額的傭金、管理費、平台使用費等等先來盤剝一圈；最後，還不得不忍受極其難用的界面設計和交互操作。
隨著國內投資人對海外證券交易熱情的增長，我們認為我們有責任為國內投資者提供一款優秀的港美股投資產品，它功能豐富、操作簡單、交易傭金厚道、客戶服務周到友好…於是，雪盈證券就這麼誕生了。
2.我們期待的產品體驗
打造用戶體驗優秀的交易產品是我們的願景。這裡的優秀可以從兩個方面來理解：視覺舒適和交互快捷。
首先是視覺舒適，這款產品一定是符合現代人審美、信息布局合理、信噪比高，並且是需要有品牌親和力的；其次，交易產品唯快不破，下單時分秒必爭，數據刷新快、操作流程快、開戶快、入金快…總之，產品的交互要如絲般流暢。
3.設計理念：
品質、活力、高效。
根據我們的用戶研究和訪談發現，港美股用戶相對來講有一定經濟基礎、比較重視生活品質，偏年輕、思維開放有活力，做事講究方法、高效。我們根據人群畫像，抽離出「品質、活力、高效」的設計關鍵詞，這些關鍵詞為雪盈證券的品牌設定和產品界面設計提供了充分的幫助。
4. Logo設計：Super X
最初在設計雪盈Logo的時候，我們嘗試過很多版本，最終Logo的造型落在雪盈的首字母「X」。「X」造型鋒利，像飛機螺旋槳、像風車，意味著「高效」、「快速」，這與我們追求效率的產品理念相呼應。此外「X」具有多重含義，它既代表了「極致」、「超能力」，同時還有「探索」和「先鋒」的意味，代表科技和未來。Logo寓意和我們調研中港美股投資者畫像完美匹配：你們是放眼世界，對資產配置有著高追求的投資先鋒，雪盈證券是賦予你們投資超能力的高效投資工具。
5.品牌情感化設計
品牌的作用是傳達產品價值、搭建跟用戶之間關係的橋樑。品牌可以是有型的和無形的，除了我們傳達的視覺舒適、交互快捷的產品設計理念，我們希望能有一個視覺符號來加強品牌的傳達，讓用戶感受到品牌的溫度，吉祥物「小盈」的形象於是誕生了。
小盈的原型取自白頭鷹，是一名飛行員，有著獨到的眼光和敏銳的觀察力，熱愛生活、熱愛自由，聰明、樂觀、積極。我們將這個形象逐步融入到產品運營和品牌推廣中，希望用戶能夠感受到品牌傳遞的價值觀，拉近與用戶之間的關係。
6.界面設計
雪盈是一款偏重港美交易與行情的證券APP，這類產品中圖片和強視覺類的展示不多，界面基本元素多為表單和數據，由於界面承載著大量的信息，如何將表單、表格、文字、圖標進行布局，做出最合理的信息層級，最精巧的排列組合，成為設計師最大的挑戰。
為了實現這個目標，在設計中，我們對每一處控制項的尺寸，每一處文案的斟酌，每一個字型大小的大小，都做過反覆多次的調整、修改、走查和測試，設計的過程就如同從一塊毫無生機的巨石里鑿出大衛的雕塑。
此外，除了在單頁界面上的雕琢，我們對產品的可用性與易用性也會非常關注，時刻關注產品數據和用戶反饋，並以此不斷優化開戶、入金、下單、轉戶等流程，讓這些功能使用起來行雲流水一般，給用戶帶來好的體驗的同時，也提升了留存率和轉化率。
我們的終極目標就是打造一款產品，用戶用起來眼裡放著光芒「這正是我夢寐以求的交易軟體啊！」
以下是在界面設計中我們關注的一些方面：
1）減少信息層過多級帶來的負擔
以下單頁為例，一個小小的界面，需要呈現的信息卻特別多：「股票當前漲跌」，「訂單類型選擇」，「價格數量輸入框」，「訂單限制條件」，「當前持有的頭寸」，「委託單」,「盤口」，「輔助行情圖」，為了避免用戶用起來一臉懵逼，設計時我們考慮了信息的優先順序，也讓各個模塊可以靈活的這些信息必須要安排好層級以及展示的優先順序，而為了用戶感受到「下單是一件輕鬆的事情」，層級必須要控制在3級以內。
2）極致的流程優化
絲滑般的易用性，是我們面對每一個功能都擁有的熱切的追求目標，為了達到這個目標，我們和產品經理多輪次地找用戶來測試，返回來調整，再測試，再調整......
3）夜間模式與白天模式
白天看港股，晚上看美股，全天的交易時段不打烊，我們給用戶提供了深色版和白色版，無論白天還是夜晚，都可以滿足用戶的交易需求。
4）圖形化的數據展示
賬戶賺了多少錢，跑贏了大盤沒有，最近半年資產變動如何，這是用戶最關心的部分，在這裡的設計，我們把數字變成圖表，更加直觀易讀。
5）界面中的情感化設計
想不想秀一波操作，震撼你的朋友圈，一鍵分享，立刻顯擺。
6）極限值與特殊情況定義
數據是交易行情以及資產相關界面的核心信息，由於用戶的類型很多，遇到的情況也很多，為了涵蓋到各種情況，在很多時候都要考慮這樣一個問題：股票名稱太長，symbol太長，錢太多數字太大等等等，遇到類似的情況，設計時候都要給出精準的標註。
7.結語
交易類產品在外人來看是相對枯燥的，它並沒有太多地方去彰顯「設計力」，用戶看不到也不應該看到太多花哨的東西，好的設計往往是讓人感受不到設計的存在。避免過度設計，把設計力花在關注用戶需求、打造流暢的交互和精緻的視覺細節方面，打造「這樣就好」的產品，更能體現一個設計團隊的成熟度。當我們把一些細節的設計心思融入到產品和品牌推廣中的時候，用戶終究會發現這款產品的美好。用心打磨設計，讓用戶完全沉浸在交易體驗過程中，我們希望打造一個用戶認可的產品、能長期追隨的品牌。雪盈證券無論在產品還是設計上都剛剛起步，我們希望用戶能夠幫助我們做得更好，在股市中一起成長。
如果你還沒有體驗過，那您可以花個3分鐘開通體驗一下
https://snowballsecurities.com/open?r=official-xueying
TAG:雪球 |