【我們為什麼挑選這篇文章】對許多使用者如你我來說,最注重的便是方便性、速度,以及是否能完成手邊工作的實用性。
美,似乎被放到了比較後面才考慮的元素。
不過,蘋果、Google 與微軟,並沒有因此怠慢,在你完全不會注意到的小角落默默努力、優化,為的就是給你完全「無痕」的最棒使用體驗。(責任編輯:陳君毅)
人們常說「科技美學」,這不是沒有道理的。
為了提高一點點用戶看得見或者看不見的美好體驗,產品經理以及他的小伙伴們做了很多努力。以下從一個細節控的視角,給大家講講那些「讓人感受到尊重與心意」的美好交互。
蘋果
蘋果有專門的人機界面交互規範。
設計語言整體克制流暢,不濫用動畫效果。過渡畫面多用漸隱漸現以及切入。極簡風是為人熟悉的一個大特性。而蘋果也在微交互上體現出對細節的堅持。
當開啟飛行模式的時候,真的是會有一台小飛機從左側飛出來。關閉後小飛機就會快速飛走,而運營商漸現。
設置圖標採用了多層齒輪以示機械感,齒輪的第一印象應該是運轉。於是你可以在更新系統時留意到設置圖標的齒輪確實會動的,大圈小圈反向運動。
自然的交互應該就是這樣,符合用戶習慣和期待。飛機會飛,齒輪會動。時鐘在走,日曆顯示,廢棄文件扔到廢紙簍,倒完垃圾後垃圾桶應該就是空的。
而 Google I/O 2014 推出的 Material Design(材料設計語言,以下稱 MD)經過兩年的推廣漸漸被很多應用跟隨,現在我們能夠在越來越多的應用上能夠看到。
MD 有個很重要的概念就是通過將日常材料的屬性運用在移動界面上,比如,一個 app 界面相當於紙張的層疊,不同組件應該擁有層級結構。
那麼點擊某一區域選取區域內容,當前區域應該從子界面抬升至父界面,從側面看可以看到由於順序產生的海拔感通過「抬升」這個動作完成了。這個細節被表達出來了。
另外,材料在現實生活中是符合物理規則的。在 MD 的設計語言裡,動畫存在加速和減速,任何忽然開始、忽然停止的勻速動畫都顯得機械而不真實。
人類感官在現實中習慣的重力感受被 MD 搬到了手機屏幕,這就是我們體會到的「自然」。
那麼,點擊的反饋是如何完成呢?
用戶的每一步操作都應該提供反饋予用戶。同時這個反饋應該是精確到動作點的具體位置產生的。MD 想到了投一塊石頭到水里的漣漪效果。
用戶在哪裡點擊,水紋就從哪裡產生,並且擴散至當前組件,而不是從中間,從左側從上側固定的效果。追求材料世界的屬性在移動界面上表達,使得 MD 獲得了之前蘋果擬物風格才有的真實感。
用戶有時不一定會看到這些微交互,但正是這些動效構成了我們口中難以解釋的「好用」、「流暢」以及「自然」。
Microsoft
微軟經過了 Window 10 的快跑,設計語言也在逐漸成熟。從 Aero 風格過渡到 Metro(ModernUI),人們對 Window 8 出現的磁貼風格褒貶不一。