有人說“只有交互扁平了,視覺才好做扁平”。
還有人說 “如果一個產品把希望寄托于視覺上,想靠視覺來表現產品的扁平化,顯然是不靠譜的”。
確實是這樣的,扁平化不僅僅是界面視覺扁平無立體感,更應該是交互體驗的扁平化,信息架構的扁平化。
在進入正題之前,我們先來看一個例子,我發現有人用科幻電影中的UI 畫面來和扁平化視覺相比較,他們說這是未來界面的一個發展趨勢,確實這和現在的UI畫面有一定的相似地方,來看一些電影畫面截圖。投影光感和色塊的組合簡潔明了,看起來很有未來感和設計感。
但是我更認為這應該是交互扁平化的代表,還記得在《諜中諜4》里面有個場景:
湯姆·克魯斯的敞篷轎跑車與恐怖分子在迪拜的沙暴中追逐,帶來了影片的高潮。我自己當時對這一段的印象非常深刻。
在追逐開始的時候,副駕的美女就用投影在擋風玻璃上顯示出了導航,追逐的位子速度等相關信息,并開始相關操作,給阿湯哥指揮。最后成功追到恐怖分子。
可以看到這里的界面視覺表現是以投影光感和色塊為主非常扁平,但是如果它的交互操作和信息展現不夠扁平的話,副駕的美女點半天也找不到位置,甚至在一眼看上去不知道這個界面要怎么操作的話,呵呵,不要談追逐恐怖分子了,估計自己都抓狂了~
同樣,如果一個產品你拿到后不知道他想表達什么,也不知道要怎么用的,點了半天也找不到你想找的信息的時候,估計這會兒你已經沒有耐心了,要不了一分鐘你就會把它卸載掉。如果視覺好看一點的話或許能吸引你停留的久一點,但最終你不會成為他的忠實用戶。
所以,交互扁平化和信息扁平化的重要性不言而喻。
先我們來看為什么扁平化會那么來勢洶洶.
這是因為我們的需求環境在發生變化。以前我們沒有ipad 沒有智能手機,只有pc,我們只有電腦環境需求,所以扁不扁平化似乎沒有多重要,再來看現在我們有著多種智能設備,需要在各個場景各個設備上隨時切換,可以看到從pc到各手持設備的趨勢是越來越明顯。
隨著各種智能設備的多樣性和普及,交互界面需要變得更容易適應其變化,很顯然扁平的交互界面要比其它樣式要更容易處理。移動互聯網向著需要低配置、高效能,個性化以及優質用戶體驗的方向發展。我們必需快速響應這個趨勢。
其實在“扁平化”這個詞流行以前,我們一直都在強調交互的易用性和創造優質用戶體驗,并一直在努力往這方面去做。其實在我看來“扁平化”這個詞,是這些設計目標的一個總概念,可以很寬泛,應該是一種內在的設計思想。
接下來,我們來看看能有哪些方法可以做到交互扁平化。