交互設(shè)計(jì)技巧，創(chuàng)造好的用戶(hù)體驗(yàn)（上）

前言：原文比較長(zhǎng)，共65條，我打算分三次翻譯完，這是1-20條。

一個(gè)好的用戶(hù)界面具有較高的轉(zhuǎn)化率和易用性。換句話說(shuō)，它既能滿(mǎn)足商業(yè)用途也便于使用。以下是我們發(fā)現(xiàn)的一些想法清單。

1. 嘗試使用一列布局代替多列

一列布局會(huì)讓你對(duì)全局有更好的掌控。它也能讓你的用戶(hù)預(yù)先對(duì)整體的內(nèi)容從上到下有一個(gè)大致的了解。然而多列布局則會(huì)讓用戶(hù)從頁(yè)面的核心內(nèi)容上分散注意力從而增加額外的風(fēng)險(xiǎn)。最好的方法是用一個(gè)有邏輯的敘述然后在文末加上一個(gè)行動(dòng)的口號(hào)來(lái)引導(dǎo)用戶(hù)。

2. 嘗試用禮物代替直接銷(xiāo)售

為客戶(hù)提供一份禮物是一種友好的方式。然而，更深層次來(lái)說(shuō)，禮物也是基于互惠原則的一種有效的說(shuō)服策略。這聽(tīng)起來(lái)顯而易見(jiàn)，給別人提供優(yōu)惠，你在將來(lái)的活動(dòng)中也能從中受益。

3. 嘗試合并相似的功能，而不是支離破碎的UI

在產(chǎn)品開(kāi)發(fā)期間，我們很容易在無(wú)意中創(chuàng)建多個(gè)功能一樣的模塊，元素及專(zhuān)題。隨著時(shí)間的推移，界面變得支離破碎。留意相同的功能以多種方式展示，因?yàn)樗菀捉o你的客戶(hù)帶來(lái)壓力。通常，UI碎片越多，你的客戶(hù)的學(xué)習(xí)成本就越高。偶爾考慮通過(guò)合并相似的功能來(lái)重構(gòu)你的UI。

4. 嘗試用客戶(hù)評(píng)價(jià)來(lái)代替自吹自擂

客戶(hù)評(píng)價(jià)是直接提高轉(zhuǎn)化率的另一個(gè)強(qiáng)有力的說(shuō)服策略。別人對(duì)你產(chǎn)品的支持和好評(píng)，是一種很好地號(hào)召客戶(hù)行動(dòng)的方式。所以試著提供一些證據(jù)來(lái)證明這些好評(píng)是真實(shí)可信的。

5. 嘗試多次重復(fù)您的主旨，而不是只展示一次

重復(fù)你的行動(dòng)口號(hào)是一種更適用于長(zhǎng)頁(yè)面的策略，或者是在多個(gè)頁(yè)面進(jìn)行重復(fù)。當(dāng)然你也不想讓同樣的信息在同一屏幕里重復(fù)上10次，這會(huì)讓客戶(hù)很沮喪。然而，長(zhǎng)頁(yè)面越來(lái)越普遍，將所有東西都展現(xiàn)“在一屏”上的想法也過(guò)時(shí)了。所以將一個(gè)不太顯眼的行動(dòng)列表放在頂部，另一個(gè)突出的行動(dòng)口號(hào)放在底部并沒(méi)有什么不妥。當(dāng)用戶(hù)到達(dá)頁(yè)面底部，停頓并思考接下來(lái)改做什么的時(shí)候——一個(gè)潛在的區(qū)域或許就能完成一次報(bào)價(jià)或成交一筆交易。

6. 嘗試將可點(diǎn)擊/可選擇的樣式區(qū)分開(kāi)來(lái)，而不是將其模糊

視覺(jué)上的樣式，例如顏色、層次和對(duì)比，可以用來(lái)幫助用戶(hù)理解你最基礎(chǔ)的界面導(dǎo)航語(yǔ)言：我在哪里，我可以到哪里去。為了與你的用戶(hù)清楚地溝通，你的可點(diǎn)擊行為（鏈接，按鈕）、可選元素（可選項(xiàng)），以及單純的文本應(yīng)該清楚地區(qū)分開(kāi)來(lái)，然后在這一套界面中保持一致性。在下面的例子中，我選擇藍(lán)色標(biāo)識(shí)能被點(diǎn)擊的元素，黑色標(biāo)識(shí)已被選中的元素或表明當(dāng)前所在的位置。正確運(yùn)用這些標(biāo)記，更便于用戶(hù)學(xué)習(xí)和使用這些線索來(lái)導(dǎo)航界面。不要模糊這三種功能樣式使產(chǎn)品使用困難。

7. 嘗試用推薦來(lái)代替羅列相同的選項(xiàng)