[譯] 細節是產品設計的重中之重

ivyxuan發表於2017-04-12

原文地址：The Details That Matter

原文作者：Nick Babich

譯文出自：掘金翻譯計劃

譯者：ivyxuan

校對者：ylq167、gaozp

一個產品的成功是由各種因素共同造就的，而其中最重要的因素，就是整體的使用者體驗。在設計一款新的應用或是網站的時候，堅持最佳的實踐規範是一個可靠的方法，但是在創造巨集偉藍圖的時候，人們很容易就會省略掉那些能讓人有更好的體驗但卻並非必要的設計元素。然而，設計的優劣往往在於我們能設計出多麼體貼的細節。

在這篇文章中，我將會重點關注 視覺化反饋、小的文字資訊 還有留白這幾個方面，你將會發現為什麼這些不起眼的細節和那些顯眼的設計元素相比同樣重要，而這些細節又是怎樣決定你產品成敗的。

視覺化反饋

視覺化反饋在較大的設計方案裡很容易就會被忽視掉，但它實際上貫穿整體的使用者體驗流程。可以說，如果沒有反饋就沒有所謂的互動，你能想象和一個人聊天，可他一點反應也不給你嗎 —— 你根本就聊不下去。而對於你的應用也是同樣的道理。

缺乏視覺化的反饋會讓使用者感到困惑。

你必須要確保對使用者的每個動作都有相應的反饋，這樣才能讓使用者感覺應用執行一切正常。視覺化反饋

首先表明這個應用接受到了使用者的操作。
然後它通過一種視覺化而且易於理解的方式告訴使用者這次互動的結果是什麼，通過給使用者一個訊號，來告訴使用者，自己對於這個任務的執行是成功還是失敗。

讓按鈕或是其他開關看起來是可觸控的

在現實生活中，按鈕、開關還有其他東西都會對我們的動作有所迴應，人們覺得世界就是這樣運轉的。而同樣，人們也會期待應用裡的元素能有類似的迴應。

圖片來源：Ramotion

操作的結果

當你需要告訴使用者他的操作結果是什麼的時候，視覺化反饋就很有用了，你可以利用現有的元素去傳遞反饋資訊。

圖片來源：Colin Garven

系統需要告訴使用者他當前的狀態是什麼

在系統中，使用者任何時候都會想知道他此刻的狀態是什麼，而這不應該讓使用者自己去猜 —— 所以系統應該通過恰當的視覺化反饋告訴使用者此刻正在發生什麼。對於一些常見而且次要的操作，簡單的反饋就可以了，而對於不尋常而且重要的操作，反饋就需要更明顯一點。

動態提醒可以讓使用者立刻明白此時的狀態。

圖片來源：Eddy Gann

載入動畫是對於應用程式的實時提醒，可以讓使用者立刻明白現在載入到哪裡了。

應用載入資訊的時候，進度條可以避免讓使用者感到困惑。圖片來源：Mark

少量的文字資訊

少量的文字資訊是一些用來是指導使用者行為的一點點文字。舉一些例子就是，錯誤資訊、按鈕對應的標籤、提示資訊。乍看之下，這麼少的文字和整個應用設計比起來一點也不重要，但出人意料的是，它們對轉化率有著極為重要的影響。

在應用裡寫出好的文字資訊，和讓應用正常執行、使用者介面易於使用一樣重要。

讓應用看起來像是一個人

有一個快速的方法能讓你的 UI 變得溫暖而不呆板，就是用人說話的口吻去描述內容。如果你的產品聽起來好像是一個人，使用者就會更加的信任你。

Yelp 表現得好像他們是真人在負責這件事情。

Airbnb 的提示聽起來像人說的話而且語氣還很隨和。

報錯的方式要友好而且有效

表達錯誤資訊的方式會嚴重影響產品的使用者體驗。通常來說，省略錯誤資訊或是沒有正確描述錯誤資訊都會讓使用者感到挫敗。

像“出錯啦”這種警告對所有的使用者都會造成困擾，而且還會惹惱專家級使用者。但是，一個精心設計過的錯誤資訊，會頓時化失望為欣喜。所以，把報錯變得人性化、不用技術性的語言並且適合你的使用者群體。

錯誤狀態一定要具體、友好而且有用，要告訴使用者下一步怎麼做。

減少使用者的擔憂

這些少量的文字資訊是很情景化的，這也是為什麼它很重要的一個原因。它可以解答使用者具體情況下的問題，並針對他們所擔憂的事情進行直接地交流。舉例來說，當使用者選擇訂閱或是提供了具體資訊的時候，一些文字資訊對於消除使用者擔憂會起到相當關鍵的作用。對於優秀的營銷人員來說，“不會有群發訊息或是自動關注”是理所當然的事情，但使用者自己會存疑。因此，當使用者新增了他們的郵箱地址或者繫結了 Twitter 賬戶的時候，一定要明確表態“我們和你一樣討厭垃圾訊息”。

這只是一小段緊湊的文字，卻涵蓋了使用者所有潛在的擔憂。

留白

留白（或者說是負空間）是設計師沒有擺放設計元素的地方。而設計元素間的留白是指處在圖片間距、內邊距、外邊距、行間距和字間距的空白。雖然很多人覺得這些空白浪費了寶貴的介面位置，但其實，留白是使用者介面設計的一個重要元素。

讓使用者介面更容易理解

雜亂的堆砌是很糟糕的一件事情。在介面上雜亂堆砌元素會給使用者帶來過多的資訊：每一個被新增的按鈕、圖片和文字都會讓介面顯得更加複雜。如果你不想你的設計有任何刻意的留白的話，下面這個例子就能很明白的告訴你，有太多東西一起吸引你的注意力是多麼可怕的事情。

雜亂堆砌的 UI 尤其是沒有視覺層次的 UI 會讓使用者沒有一點想要審視的慾望。

留白之所以很重要，是因為使用者的注意力還有記憶力是很有限的。我們的短期記憶只可以在短時間內（通常來說是 10 到 15 秒鐘、或者是 1 分鐘以內）記住一點有效的既有資訊（通常來說是 7 個事物或者比這個更少）。

使用者的注意力是很寶貴的資源，所以必須合理的分配。

如果是因為介面上胡亂堆砌而使得使用者接收過多的資訊，那麼減少一些雜物就能提高使用者的理解。大方地使用留白可以讓凌亂的介面變得簡單而有吸引力，留白削減了使用者乍看之下接收到的元素數量，這使得瀏覽資訊變得更加容易。留白的使用技巧在於，只給使用者提供他能消化吸收的數量的內容（一定數量的內容），然後去掉不必要的細節。