設計 | 停止創建不必要的交互

簡評:在快速發展的公司里,產品高速迭代,每一個身處其中的公司都需要和用戶保持緊密的聯繫,這樣才能在競爭中站穩腳跟,而這也是推動用戶參與的最佳途徑之一。

作為產品設計師,推動用戶參與自家產品的最佳方式就是創建一個簡潔無縫的界面和體驗。

credits: Wojciech Zieliński (Reference purpose only)

什麼是微交互(micro-interactions)?

幾乎在每一個完成單一任務為背景的時刻里,微交互都隱藏其中。我們接觸到的 App 無不充滿了微交互的體驗,隨便舉幾個簡單的栗子:

credits: Seth Eckert

  • 在 WhatsApp 上按住音頻按鈕
  • Snapchat 的下拉刷新
  • Facebook emojis 和 Twitter likes

產品設計師每天最常做的事怕都是在 dribbble 和 behance 上尋找靈感,現在我們總能看到很多設計師在展示他們天馬行空的想像和設計技巧,但實際上,有一些交互和動畫是不必要的。

你應該記住的事是,你是為用戶去設計交互而不是為了設計師而設計。你大可為炫技而進行設計,但你對接的開發者怕是不那麼樂意了,動畫容易,實現不易。

作為設計師,我們在每個項目中集思廣益並對其進行分類。因此,在用戶體驗設計和用戶界面設計時,我們會考慮具有特定用途的特定交互。與此同時,我們期望程序員去實現我們創造的那些複雜動畫時,往往是不切實際也不正確的一種做法。期望越大,失望越大,當我們看到不是我們所想要的成品時,我們會感到失落,但這並不是程序員的錯誤。

credits: Ryan Duffy

The less is more

私以為,與其耗費時間去設計大規模的交互和動畫,不如集中精力關注微交互,為什麼?因為它並不是一個 time-consuming 的過程,對於開發者來講也更容易實現符合設計師腦海中理想的模型。

微交互的意義

從項目組的實現角度來說,微交互是個優選。在用戶層面,它也能更好地提升參與度。

微交互給用戶執行的操作提供了即時反饋,這正是讓用戶保持參與的原因。因為用戶能知道他們的行為已經被 App 接受,從而使得用戶在心理層面上更願意使用該產品。舉個栗子,當你點擊下載按鈕時,看到一個表現下載過程的動畫出現,會更有心理舒適感。在等待下載的過程中,微交互可以幫助用戶自行參與,以減少等待時間帶來的煩躁。

Dont overdo it

正如它的名字,micro-interaction 的重點也應該是 micro,凡事不要過頭。

它可能需要一點時間來載入,但不應該花費太多時間,也不需要太複雜。你的微交互應該是簡單的互動,在用戶第一百次或者第一千次執行同樣的操作時都可以得到同樣的效果。另外,請確保你的交互符合特定界面的風格。

在哪裡使用?

在 landing page 可以使用大型動畫去提醒用戶一些重要信息,但在用戶每天經常使用的功能頁和細節中,應該主要應用微交互,這樣是比較合理的一個方式。否則每次完成一項操作就給用戶展示一個宏大的動畫頁面,或多或少都會給用戶帶來不便,甚至某種程度上惹惱用戶。

結論

一個良好的交互可以站在界面的整體設計上。交互是讓用戶參與進來,不會讓用戶產生厭煩或使用戶分心。最重要的是用戶通過交互觸達我們的產品時,用戶是怎樣的一種感受?

當我們把這些微小的細節加起來時,就能使我們的設計更加人性化而少一些機械的古板。


原文鏈接:

Stop creating unnecessary interactions

推薦閱讀:

極簡主義設計的最佳實踐zhuanlan.zhihu.com圖標UI 設計中顏色使用法則zhuanlan.zhihu.com圖標優秀設計師 vs. 普通設計師zhuanlan.zhihu.com圖標
推薦閱讀:

新手設計快速入門—《立體構成》
會畫畫和不會畫畫的界限是什麼?

TAG:交互设计 | 用户界面设计 | 设计 |