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