【51CTO.com快譯】眾所周知，良好的用戶界面(UI)設計能夠提高用戶的轉化率。這個看似簡單的道理，在具體實現“以人為本的設計”(human-oriented design)時可并不容易。如今的移動端“革命”就像之前的Web“革命”一樣，一直要求我們在設計體驗場景的每一步時，都要通過不斷地調整結構和重新考慮，來實現“以人為本”的簡約性。在UI的用戶社區中，我們就曾經通過推行所謂“以人為本”的趨勢，去幫助大家關注和推進每一個項目中的UI設計。

用戶在使用某個應用程序的過程中，會產生許多不同的經驗與感受。通過嘗試性地在不同的項目中采取不同的界面設計，我們就能夠從眾多的方案中選出***的一種。而這些方案的出發點都是：尋找出基于人們需求的***表現方式。所以在理想情況下，我們應當通過各種***實踐和技術創新的方式，去滿足用戶的各種需求。

我們一支在ESPEO(一家移動和Web應用開發的軟件公司)工作的團隊，每天都努力改善用戶的界面，以提高在用戶體驗(UX，user experience)方面的表現。他們通過將UX工具欄與應用項目相集成，以確保我們所創造的產品能全面滿足用戶的體驗需求。

技巧一：真誠且直接地展示自我

以往的經驗法則告訴我們：“直接勝于遮掩”。通過直接的方式，您能夠自信且準確地傳達出自己的信息。因此在應用產品設計的過程中，您需要傳遞出能夠協助用戶實現成功的各種創意和界面外觀。我們要知道，企業的***是不會用問號去作為他們指令的結尾，更不會使用諸如“可能”、“也許”、“是否有興趣?”和“想要?”之類的保守表達方式。可見您的用戶界面應盡可能具有權威性。

常言道：您對用戶的誠實總是有回報的。因此您的表述性文字要具備一定的社會公信力，千萬不要夸夸其談。過分的夸大其詞是得不到真正的用戶轉化率的。適當地展示權威的背書，并提及您的產品能為用戶提供何種服務，都會促進用戶的繼續使用和進一步行動。因此，通過恰當的數字參考與證明，可以提高客戶的信任度。當然，如果數字過于龐大的話，您也可以考慮將數據可視化，從而以一種清晰可見的方式去驗證您的觀點。

技巧二：易用性產生轉化率

實現易用性的一個簡便方法是：在界面上試著僅使用單列布局，而不是多列布局的呈現方式。單列布局能提供清晰且一致性的表述，用戶能夠輕松地進入您設定的場景之中。而多列布局則很容易將用戶的注意力轉移到其他的功能之上，進而造成分散頁面核心目的的風險也就更大。可見，單列布局會帶給人們簡約的內容和流暢的體驗，并最終促進用戶的進一步行動。

您自己的設計風格與特征(如顏色、深度和對比度等)都可以作為與用戶建立聯系的元素被部署在界面上。通過使用一些特定的基本設計元素，用戶能夠在任何界面中領會到導航所傳遞的潛臺詞：我能做什么?我該怎么做?這些引導性的路線圖都需要體現在有可點擊的鼠標行為樣式(鏈接與按鈕)、選定的元素(已選項)和純文本視圖之中。每一種風格都應該與其他的風格有明顯的區分，以便同一種風格能夠統一地應用和體現在不同的界面之上。可見，如果該準則應用的恰到好處，用戶會非常樂意地與界面進行下一步的互動。

[[226588]]

技巧三：統一或合并類似的功能

在各種設計中，我們很容易根據相同的實現目的、重復性地創建出相互類似的界面部分、元素和功能。但是隨著應用中所包含的信息量的增加，我們的界面也會像世間的其他事物一樣隨著時間的流逝而變得混亂。因此，我們應當去除UI中的雜亂分割、合并類似的功能、削減設計的復雜性、刪除以不同方式展現出的重復功能，統一各種表述不一的內容。簡而言之，界面的雜亂性元素越多，用戶的學習曲線就越復雜。而且為了防止UI重構現象的發生，我們需要將類似的功能合并在一起，以提高核心競爭力。

[[226589]]

持續的“行為召喚(CTA)”則應另當別論。反復地CTA(call to action)更適用于一些更長(或更寬)頁面內容的展示，當然它也可以在多個頁面上重復出現。如果用戶在同一個頁面視圖上反復看到多個雷同的按鈕或文字，難免會生厭。因此，明智的選擇應該是在頁面的頂部“溫柔地”(不要太過觸目)安置可互動點擊的操作元素(如按鈕)，而在頁面的底部再次安置相同的元素。因為當用戶瀏覽至頁面底部時，一般會短暫地考慮一下，再確定是否要點擊下一步。可見，這種分而“置”之的方式，更容易促成用戶的深入互動或達成交易。

技巧四：用清晰視圖來顯示選項

由于App的頁面空間所限，下拉式菜單的變革隱藏了用戶的各種選擇行為。與此同時，它們還引入了用戶鮮少用到的搜索和發現功能。而所有這些行為選項本應該是集中式呈現的。它們就像是應用程序的“脊椎”一樣，根據用戶的實際場景路徑，在應用界面中以正確的順序引導用戶“前行”。我們應當在恰當之處清晰地展現內容，并為之留足空間，以明確的方式引導用戶采取下一步行動。另一方面，我們可以把一些傳統的且不需要用戶去二次“學習”的選項(如日期和時間的格式)放入菜單之中。

[[226590]]

保持用戶對頁面的關注度，對于UI設計師來說是一項艱巨的任務。為了滿足用戶盡可能多的選擇需求，而在界面上使用過多的鏈接，則往往會讓用戶產生“選擇恐懼癥”。因此，具有藝術素養的設計師們，常在創建內容豐富的頁面時，將有針對性的行為召喚(CTA)信息放置在頁面的底部。當然，我們的每一步設置都必須十分謹慎。因為那些在CTA上方的任何一個鏈接，都可能會將用戶注意力分散或轉移到其他的頁面之上，從而遠離既定的目標。因此，我們要盡可能地將UI從多鏈接的“發現風格”，轉變成少鏈接多轉化率的“隧道風格”。

技巧五：通過狀態顯示，按需向用戶提供貼士和反饋

在UI上顯示不同元素的狀態(已讀或未讀電子郵件、已發或已打包訂單的數量)，是在用戶和設計師之間建立良好的理解關系的一種方法。這會讓用戶對他所關心的事物狀況有所了解、并倍感放心。根據頁面所提供的預期反饋，用戶可以自行判定他的互動行為是否已成功生效，以及是否該進行下一步操作。

另外，相對于一般的進度條式狀態推送顯示，帶有隱式狀態的可點擊按鈕更能促進用戶轉化率。在應用中，UI設計師應當提示用戶去輕觸按鈕，并從彈出的信息中獲知具體狀態。這往往會給用戶帶來更好的體驗與互動。

技巧六：漸進式參與

逐步培養用戶的興趣和參與感，是UI設計中的另一個微妙技能。請不要一下子將冗長的注冊表單推送到用戶面前，讓用戶望而卻步。在設計時，我們應當在一個頁面或應用程序中伺機向用戶展示產品的功能，或通過一些有價值的內容互動，引導他們去執行某項任務。這種初始化的交互方式往往能培養用戶的興趣與好奇心。

[[226591]]

各種互動式的個性化體驗最終會讓用戶進一步了解您產品的內部價值。漸進式的參與實際上是以一種潛移默化的方式，建立用戶對產品或服務的理解，以及思想上的認同。通過使用定制化的應用，我們能在用戶保持對當前界面具有注意力的情況下，逐步完成注冊這一漫長的過程。

技巧七：識別與回憶

UI設計是以心理學為基礎的。許多心理學家曾建議：在出現多種選擇的時候，人們更容易和趨向識別出那些他們早已認識的東西。通過各種提示來喚起用戶過往的回憶或經驗，會讓他們在使用的過程中倍感輕松。相對于自行去回憶，人們要更愿意通過指導性回憶去探索問題。這也就是為什么在考試中，人們完成多項選擇題的速度會比開放式題目更快的原因。因此在UI設計過程中，我們應當給予用戶他們曾經碰到過或認識的選項，而不要期望他們想出自己的回答。

原文標題：7 Tips for Good UI Design，作者：Magdalena Brych

【51CTO譯稿，合作站點轉載請注明原文譯者和出處為51CTO.com】