蘋果正在重新思考“扁平化”,開發者該做什么?
2014年1月8日,蘋果發布了iOS7.1 beta3。開發者已經可以通過OTA升級下載這一新版本的iOS系統。除了修補一些 bug并進一步加強語音輔助功能之外,新版的用戶界面(UI)體系發生的變化更引人注目。經歷了iOS 7發布之初人們對其風格迥異的“扁平化”設計毀譽參半的爭論,這半年來,iOS7的每次升級,都體現了蘋果的UI設計團隊對“扁平化”的理解持續深入。
新版iOS7.1 beta 3首先對鍵盤作出了調整:字體增粗,刪除和大小寫等按鍵進一步增灰,FaceTime和下欄應用也有了不同程度的變深:
為什么這么調整?因為所謂扁平化的設計風格,并非直接把UI一刀切地去掉肌理。它的設計理念,源于設計者希望人們的注意力從過分聚焦在界面元素的狀態,回歸為重視內容本身,而復雜的肌理只會干擾內容的條理。
但扁平化的設計的前提是:對內容的信息架構有所要求。確保扁平界面的可用性,首先需要梳理清楚內容的層級結構,讓用戶找準交互對象,這一點基本功做好的前提下,所謂“擬物化”與“扁平化”的爭論反而不重要了。
從上圖的鍵盤變化我們可以看出,蘋果正把過于“扁平”以至影響了視線掃描的部分加強。iOS 7.1 beta3由“純平”改良至略有肌理,便是一個印證,也是一次對徹底“扁平化”的反動。
反面的例子,可參考國內某家科技博客最近改版得接近“純平”的主頁設計,你可以發現,層級結構沒有做好便“追求***”的后果——信息分散,模塊之間互相產生了排斥。
再上一張iOS 7 Beta 3的圖,同樣的道理,在確保了信息結構后,蘋果進一步嘗試通過提升對比度來增強交互元素的表現力:配色、字號、位置布局等等都是可以改變的元素,為交互提 供必要的視覺線索及反饋效果,幫助用戶建立認知。iOS 7的三大設計宗旨:依從、清晰、縱深都得到了很好的詮釋:
iOS 7.1 beta3對“扁平化”的調整和改動,并不僅僅是UI的問題。它可以延伸至另一個思考:如何讓內容更直接呈現,功能以更低成本完成。
我想到了此前的一款圖片社交產品Civo,Civo 在iOS 7發布之前便是采用扁平的設計,理念上已十分貼合,但這并不是重點。在新版里,我們可以發現這款以產品在同一個feed流界面上作了大幅度的改良,把內容 (圖片)從頭像中“提取”了出來,簡而言之,它采取了更直接的內容呈現方式,減少操作層級,這又是一例。(左側為原版)
“突出內容”,同樣可體現在功能模塊位置的設置上。以下是三款金融信息類應用,我們可以發現,同樣是行情交易軟件,騰訊的自選股進入主頁首先顯示的 是股票報價,而專業從事證券信息服務多年的同花順,卻把用戶帶進設有16個選項的個人主頁面,對于一款需要用戶爭分奪秒,以行情交易的瞬息變化為操作需求 的產品而言,效率高下立斷。
同樣地,金融信息工具“雪球財經”的客戶端也反映了上述問題:在沒有做好信息架構(提供了過多且不重要的選項)分類的基礎上,跟風地使用了扁平化設計,在選項上也沒有做視覺的優化,底下的毛玻璃肌理還對內容產生進一步干擾,這些,無疑都提升了用戶的交互和認知成本。
相對于視覺風格,iOS 7的本質更關注交互層面的內容,“擬物化”與“扁平化”的沖突與中和,背后是一整套完整的設計邏輯。如何用這套設計邏輯為用戶帶來最恰當的體驗才是最關鍵的。當對設計理念有足夠的認知時,它留下的是一套嚴謹的生產標準,而不僅是對潮流的跟隨。