交互設(shè)計(jì)技巧,創(chuàng)造好的用戶體驗(yàn)(上)
前言:原文比較長(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)用戶。
2. 嘗試用禮物代替直接銷售
為客戶提供一份禮物是一種友好的方式。然而,更深層次來(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è)功能一樣的模塊,元素及專題。隨著時(shí)間的推移,界面變得支離破碎。留意相同的功能以多種方式展示,因?yàn)樗菀捉o你的客戶帶來(lái)壓力。通常,UI碎片越多,你的客戶的學(xué)習(xí)成本就越高。偶爾考慮通過(guò)合并相似的功能來(lái)重構(gòu)你的UI。
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í)可信的。
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)放在底部并沒(méi)有什么不妥。當(dāng)用戶到達(dá)頁(yè)面底部,停頓并思考接下來(lái)改做什么的時(shí)候——一個(gè)潛在的區(qū)域或許就能完成一次報(bào)價(jià)或成交一筆交易。
6. 嘗試將可點(diǎn)擊/可選擇的樣式區(qū)分開(kāi)來(lái),而不是將其模糊
視覺(jué)上的樣式,例如顏色、層次和對(duì)比,可以用來(lái)幫助用戶理解你最基礎(chǔ)的界面導(dǎo)航語(yǔ)言:我在哪里,我可以到哪里去。為了與你的用戶清楚地溝通,你的可點(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)記,更便于用戶學(xué)習(xí)和使用這些線索來(lái)導(dǎo)航界面。不要模糊這三種功能樣式使產(chǎn)品使用困難。
7. 嘗試用推薦來(lái)代替羅列相同的選項(xiàng)
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 翻譯教程
- ps基礎(chǔ)教程
- 設(shè)計(jì)
- 創(chuàng)造
- 用戶
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop初級(jí)教程-命令的技巧
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響