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

2024-01-21 17:23:29 來(lái)源/作者: / 己有:0人學(xué)習(xí)過(guò)

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

 

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

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

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

2. 嘗試用禮物代替直接銷售

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

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

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

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

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

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

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

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

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

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

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

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

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

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