蘋果、Google、微軟系統的這些魔鬼細節,你有注意到嗎?

作者 | 發布日期 2017 年 02 月 28 日 0:00 | 分類 Apple , Google , Microsoft follow us in feedly

人們常說「科技美學」,不是沒有道理的。



為了提高一點點用戶看得見或者看不見的美好體驗,產品經理以及他的伙伴們做了很多努力。以下從一個細節控的視角,給大家講講那些「讓人感受到尊重與心意」的美好互動。

愛范兒配圖

蘋果

蘋果有專門的人機介面互動規範。設計語言整體流暢,不濫用動畫效果。轉場畫面多用漸隱漸現以及切入。極簡風是為人熟悉的一個大特性。而蘋果也在微互動上體現出對細節的堅持。

apple-google-microsoft-system-design 2

當開啟飛航模式的時候,真的會有一架小飛機從左側飛出來;關閉後小飛機就會快速飛走,而營運商漸現。

apple-google-microsoft-system-design 3

設定圖標採用了多層齒輪以表示機械感,齒輪的第一印象應該是運轉,於是你可以在更新軟體時留意到設定圖標的齒輪是確實會動的──大圈小圈反向運動。

科技新報
科技新報

自然的互動就應該是這樣,符合用戶習慣和期待。飛機會飛、齒輪會動、時鐘在走、日曆顯示,廢棄文件扔到廢紙簍,倒完垃圾後垃圾桶應該就是空的。

Google

apple-google-microsoft-system-design 4

而 Google I/O 2014 推出的 Material Design(以下稱 MD),經過兩年的推廣漸漸被很多應用軟體追隨,現在我們能夠在越來越多的應用軟體上看到。

MD 有個很重要的概念,就是透過將日常材料的屬性運用在行動介面上,比如,一個 App 介面相當於紙張的層疊,不同組件間應該擁有層級結構。

apple-google-microsoft-system-design 5

那麼點擊某一區域選取區域內容,當前區域應該從子介面抬升至父介面,從側面看可以看到由於順序產生的海拔感透過「抬升」這個動作完成了。這個細節被表達出來了。

apple-google-microsoft-system-design 6

另外,材料在現實生活中是符合物理規則的。在 MD 的設計語言裡,動畫存在加速和減速,任何忽然開始、忽然停止的勻速動畫都顯得機械而不真實。

人類感官在現實中習慣的重力感受被 MD 搬到手機螢幕,這就是我們體會到的「自然」。

那麼,點擊的回饋是如何完成呢?

apple-google-microsoft-system-design 7

用戶的每一步操作都應該提供回饋予用戶,同時這個回饋應該是精確到動作點的具體位置產生的。MD 想到投一塊石頭到水裡的漣漪效果。

apple-google-microsoft-system-design 8

用戶在哪裡點擊,水紋就從哪裡產生,並且擴散至當前組件,而不是從中間,從左側從上側固定的效果。追求材料世界的屬性在行動介面上表達,使 MD 獲得了之前蘋果擬物風格才有的真實感。

apple-google-microsoft-system-design 9

用戶有時不一定會看到這些微互動,但正是這些動態效果構成了我們口中難以解釋的「好用」、「流暢」以及「自然」。

Microsoft

apple-google-microsoft-system-design 10

微軟經過了 Window 10,設計語言也在逐漸成熟。從 Aero 風格過渡到 Metro(ModernUI),人們對 Window 8 出現的動態磚風格褒貶不一。

apple-google-microsoft-system-design 11

更大的原因在於微軟取消了用戶習慣的開始選單。微軟追求的其實是兼顧桌面與行動觸控兩個入口統一的風格,透過大色塊的醒目提醒,更加強調簡單快捷的體驗。

這是有跡可循的。

apple-google-microsoft-system-design 12

Metro 一開始源於瑞士國際平面主義,追求傳達準確、易於辨識、擅用幾何學式的嚴謹。

而互動式動態磚,例如音樂應用動態磚中包含前進後退暫停控制鍵,這樣用戶就可以直接透過動態磚來操作應用軟體而不必打開應用軟體本身。

apple-google-microsoft-system-design 13

如今微軟正在打造全新的設計語言 Project NEON,依賴動畫、模糊和漸變來表現畫面效果,將隨紅石 3 版本一同到來。

同樣,微軟在介面設計中啟用了新元素「Acrylic」(亞克力,有機玻璃),更能表現模糊背景、邊欄和導航欄等內容。

apple-google-microsoft-system-design 14

微軟將在 Build 2017 上展示更多 Project NEON 作品和使用細節。

不僅以上,更多小而美的產品正層出不窮。如果我們能停一下,稍微不那麼追求效率,「用完即走」,你能感受到科技對人性的尊重以及用心。

有人評論賈伯斯的偉大:

Instill beauty of humanism into Cold Steel。給冰冷的科技注入人性的美感。

用戶產生需求,解決用戶需求,這本是已經結束的事情。但正是有一群致力於「更好解決問題」的科技人不止步於此,才有了更好、更人性化的產品。

這一切的美,你不一定察覺,但正在發生。

(本文由 愛范兒 授權轉載;首圖來源:unsplash) 

關鍵字: , ,

發表迴響