當 Tubik Studio 為中國甲方設計股票應用的時候……

編者按：為另外一個國家的客戶以及用戶設計應用的時候，文化的碰撞總是免不了的。當 Tubik Studio 面對中國甲方的時候，同樣經歷了一番周折。下面來看看他們的項目實戰總結吧 ~

做 UX 和 UI設計的時候，常常需要解決非常規的問題，這也使得我們需要非常規的解決方案和技能組合。這次的設計案例就是這樣，這是一款面向中國市場的股票移動端應用。

身為 UX設計師，在參與到設計項目當中之前，是根本不知道到底需要哪些知識來作為支撐的。當然，通常而言，你需要對各種移動端平臺（iOS、Android 等）有所了解，熟練掌握設計的一般原則，布局的規范，具備搭建復雜用戶信息架構的能力，等等。但是即便如此，依然會出現意料外的狀況。比如一個和你截然不同的文化和民族的日常使用習慣，離散數學，或者專業的電路知識，通常你是不會了解這些東西的。這就是我們在推進最新設計項目的時候，碰到的情況。

項目概述

Bitex 是一款完全面向中國市場的一款應用程序，它本身具有聚合信息的特點，從世界各地搜集數據，處理之后圖形化地處理，以更加友好和易于理解的方式呈現出來。Bitex 主要的目標是幫助投資者更好的交易。

客戶認為目前產品的主要缺陷在于：

• 設計未遵守 iOS 的設計指南；
• UX階段的設計不夠好；
• 圖形化之后的信息表現得過于擁擠；
• 用戶的進入門檻太高。

它目前看起來是這個樣子：

負責這個項目的設計師是 Sergey Kucherenko，通過這個設計項目，整個團隊也獲得了不少經驗。

UX設計

堅固的架構，始終基于完善的了解和清晰的構思基礎上。因此，我們決定重構整個產品的 UX，最開始是將整體的數據基于標簽拆分為大的邏輯塊，最終輸出為界限清晰的小邏輯模塊。

在這個階段，我們不得不面對亞洲國家用戶對于視覺感知的特殊性。事實上，在亞洲國家，很多用戶依然認為頁面上信息越多越好，這一點必須納入考慮。

一些專家認為，這是一種基于感知的心理特征。這種認知習慣可以追溯到早期網絡帶寬比較低的時代，隨著時代的發展雖然帶寬提上來了，但是這種習慣和認知被保留了下來，并且許多用戶養成了先快速預覽之后，再仔細閱讀的習慣。

也有人將這種現象歸結為當地語言和書寫邏輯所造成的差異。

但是，不論原因是什么，我們始終還是要為更多的圖片和文本信息而不斷妥協，盡量貼合當地用戶的使用習慣。在這個過程中，我們發現了一個有意思的現象，在西方金融體系當中，綠色表示上漲，紅色表示下跌。但是在亞洲國家，這恰恰是相反的。由于產品的投資者有計劃進入西方市場，這使得在后臺加入了一個「上漲色彩」的調整開關，讓用戶可以手動修正這一問題。

在進行 UX設計的過程中，最有趣的任務是要給用戶實現一個非常獨特的過濾器，用戶可以通過調節這個過濾器來找到特定的目標。這個過濾器包含幾個簡單的特征和四個特定的篩選條件組成，其中每一個篩選條件的范圍都彼此不相交（比如從A到B，從C到D），有的篩選條件的范圍是無限的（A到無限大）。對于這些篩選條件，我們使用了按鈕和滑塊控件來實現控制。

這個過濾器的主要特征是用戶能夠通過過濾器來實現布爾運算，也就是邏輯上的「與」和「或」，布爾運算在電路和計算機領域有著非常廣泛的應用。布爾運算中通常只存在兩個概念，「是」和「否」，當兩個篩選條件之間的關系是「與」的時候，只有當兩個條件都滿足（也就是兩者都是「是」的時候），輸出的結果才是「是」，否則輸出的結果就是「否」。如果兩個篩選條件關系是「或」的時候，兩個條件當中，只要一個是「是」，那么輸出結果就是「是」。

總而言之，不同的篩選方式幫助用戶更好地篩選結果，合理地搭配「與」和「或」的邏輯，能夠幫助用戶應對不同的篩選需求，更好地找到結果。

當然，這只是整個產品中所涉及到的部分數學上的問題。整個產品涉及到數學的解決方案，由 Dr. Khan 來實現（正是他提出創建這個產品）。為了說明他的想法，他還給我們提供了相關工作原型的截圖。

我們的任務，是使用標準的 iOS 控件和普通用戶可理解的模式設計和實現整個用戶界面。

在使用的過程中，解決方案的大方向是盡量使用「與」邏輯來盡量縮小范圍，如果無法篩出可用的結果，那么再借助「或」邏輯來擴大范圍。

UI設計

應客戶的需求，整個應用在視覺上采用淺藍色色調，我們在這個基礎上盡量給用戶提供干凈清爽的外觀。設計上，盡可能少使用額外的色彩和圖像。

我們的團隊經過思考權衡之后，決定采用深淺兩種不同的顏色主題，供用戶選擇。客戶對于兩者都很喜歡，于是深色的主題被保留，在夜間使用。整個 UI設計了120屏，兩種配色各60屏。

△ 淺色背景的UI設計

△ 深色背景的UI設計

明亮的色彩可以帶來明顯的視覺層次，吸引用戶關注屏幕上最重要的交互元素。此外，用戶界面中的字體也重新進行選擇，由于界面中所承載的信息量較大，內容豐富，因此需要確保良好的可讀性。

所有的細節都經過確認之后，最終進行了測試。這款應用還適用于 iPad 和 Android 的系統。

文章作者：Tubik Studio
優設譯者：@陳子木