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

0 評(píng)論 10466 瀏覽 168 收藏 25 分鐘

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

上一篇:交互設(shè)計(jì)技巧:創(chuàng)造好的用戶體驗(yàn)(2)(翻譯)

41. 嘗試寫明優(yōu)惠,而不是直接給出價(jià)格

人類與生俱來就有認(rèn)知偏見,正如卡尼曼所觀察到的那樣,優(yōu)惠是一種人類很難抵抗的偏見。這表明第一個(gè)引起我們注意的數(shù)據(jù)會(huì)影響我們的決策。當(dāng)我們以一個(gè)稍微貴一點(diǎn)的價(jià)格開始,然后將價(jià)格降低,這個(gè)價(jià)格突然就顯得不再那么貴了。如果我理解正確的話,許多用戶放棄的是沒有打折的商品或服務(wù)。這或許只是一個(gè)數(shù)據(jù)的效應(yīng)。營銷人員利用優(yōu)惠效應(yīng)的一個(gè)常見的例子是在制造商建議的零售價(jià)之后寫一個(gè)更低的價(jià)格。

42. 嘗試提前進(jìn)度,而不是從空白開始

有很多動(dòng)機(jī)讓我們將事情的進(jìn)度提前。出于這個(gè)原因,許多公司放棄了咖啡卡,不讓客戶等待。在虛擬世界,給用戶一些獎(jiǎng)勵(lì),包括在待辦清單上將注冊(cè)過程劃為完成項(xiàng)。斯蒂芬·安德森在他的筆記上將這種類似的模式標(biāo)記為設(shè)置完成,更正式的說法是,它也可以被稱作目標(biāo)漸近效果。

43. 嘗試漸進(jìn)式地收集信息,而不是無條理的獲取信息

漸進(jìn)式顯示能使用戶免收不相關(guān)信息的干擾。這種模式漸進(jìn)式地展示信息,即在上下文中有必要顯示該信息的時(shí)候,它才顯示。通常漸進(jìn)式顯示會(huì)伴隨著某種形式的內(nèi)聯(lián)擴(kuò)展或者滑出動(dòng)畫。如果太多字段需要用戶填寫,可能會(huì)將用戶嚇跑,所以這也是另一種避免不必要的輸入字段的策略。只在必要的情況下才顯示/請(qǐng)求這些字段。

44. 先嘗試數(shù)額小一點(diǎn)的約定

要求用戶前期從一個(gè)小數(shù)額的約定開始,項(xiàng)目展開之后再要求稍大數(shù)額的。通常一開始就是大數(shù)額的約定會(huì)嚇跑用戶。借用羅伯特·西奧迪尼的話,約定是一種強(qiáng)大的說服策略——接近用戶的期望值來與用戶達(dá)成一致。追求一致性表明用戶通常在操作過程中更容易接受一系列小數(shù)額的約定,而不是一個(gè)大數(shù)額。這種應(yīng)用源于“一只腳先進(jìn)門”策略,即“通過獲取一些小‘yes’來最終得到一個(gè)大‘yes’。”。類似的例子就是相親網(wǎng)站——首先只是讓用戶隨便看一看,然后就是相互介紹,接下來給出幾個(gè)約會(huì)的好點(diǎn)子,等等。當(dāng)然與此相反的就是要求用戶鎖定對(duì)象馬上結(jié)婚(結(jié)婚是沒有錯(cuò)的o(╯□╰)o)。另一個(gè)例子是,在定價(jià)的上下文中,我們要求客戶按月付款而不是按年付款。降低前期約定的一個(gè)相關(guān)策略也可能是顯示“無合同”信息,讓客戶感覺可以隨時(shí)離開,也進(jìn)一步降低了準(zhǔn)入門檻。

45. 嘗試溫柔的提示,而不是模式窗口

模式窗口或?qū)υ捒蚴且粋€(gè)惹眼的討厭鬼,不管你喜不喜歡。引人注意是一件好事,但模式窗口卻常常會(huì)帶來很多嚴(yán)重的問題。首先,模式窗口會(huì)阻止用戶操作模式窗口后面的功能或?yàn)g覽相關(guān)的信息。況且對(duì)某些用戶來說,模式窗口又很難擺脫。其次,如果用戶不在計(jì)算機(jī)旁的話,對(duì)話框會(huì)阻止計(jì)算機(jī)完成正在執(zhí)行的任務(wù)而導(dǎo)致出錯(cuò)。最后,如果用戶差不多快完成自己的任務(wù),并且還沒有準(zhǔn)備進(jìn)行其它操作,這時(shí)的模式窗口會(huì)中斷用戶的操作。為什么不考慮同樣能吸引用戶,但卻更敏感的內(nèi)聯(lián)或者不那么突兀的滑出動(dòng)畫呢?

46. 嘗試為控件添加多功能

簡(jiǎn)潔性因其與易用性息息相關(guān)而在設(shè)計(jì)中舉足輕重。太多的雜物會(huì)消耗我們有限的注意力,并且模塊越多,可用性空間不足的問題就會(huì)越明顯。在用戶界面上用簡(jiǎn)潔的元素也可以實(shí)現(xiàn)相同的功能,方法之一就是讓UI控件具備多功能。也就是說,在一個(gè)控件上添加兩個(gè)或多個(gè)功能。舉個(gè)例子,我們可以在一個(gè)搜索輸入字段上綁定一系列的過濾機(jī)制,以此來移除額外的過濾器。我們也可以通過鼠標(biāo)懸停展示來進(jìn)一步減少額外的部分。不過多功能機(jī)制并不是萬能的。簡(jiǎn)潔的代價(jià)是隱蔽性。不太明顯的功能有被忽略的風(fēng)險(xiǎn)。因此,對(duì)??蛠碚f,保留多功能方法還是很好的。所以,合理使用多功能,但不要濫用。

47. 嘗試添加圖標(biāo)標(biāo)簽,而不是點(diǎn)擊圖標(biāo)打開后再解釋

圖標(biāo)可能有多重解釋,因此為其添加文字說明可以消除歧義。以向下箭頭的圖標(biāo)為例,它是指將元素下移,降低優(yōu)先級(jí),還是下載呢?“X”圖標(biāo)是表示刪除,禁止,還是關(guān)閉呢?當(dāng)用戶沒有足夠時(shí)間學(xué)習(xí)界面上圖標(biāo)含義的情況下,這種問題就更嚴(yán)重了。用文字標(biāo)注圖標(biāo),讓圖標(biāo)更易于理解。如果空間確實(shí)不夠的話,妥協(xié)的做法就是鼠標(biāo)滑過的時(shí)候顯示圖標(biāo)標(biāo)簽(鼠標(biāo)滑過單個(gè)圖標(biāo)的時(shí)候,顯示相應(yīng)的標(biāo)簽)。

48. 嘗試使用自然語言,而不是枯燥的文字

相比簡(jiǎn)短、嚴(yán)格和正式的文字,自然語言是一種更非正式和類交談的交互方式。這種方式表明計(jì)算機(jī)可以更好地理解(或者看起來像是理解)用戶,必要的時(shí)候還予以寬容,反之亦然。這種期望有兩重含義。第一,用戶輸入的短語計(jì)算機(jī)都能理解其中的含義。第二,計(jì)算機(jī)也能以更友好的和類交談的方式來回應(yīng)用戶。雖然第一條我們無法確認(rèn),不過第二條我們還是經(jīng)常體驗(yàn)的,比如說:在Google上搜索“多倫多天氣”,無處不在的Firefox和Siri指令。在用戶界面上展示這種類交談的語言,可能會(huì)使用戶轉(zhuǎn)化率更高一點(diǎn)(需要更多的測(cè)試)。

49. 嘗試激起用戶的好奇心,而不是有所保留

激起用戶的好奇心是一種通過一些“挑逗”信息來激起用戶對(duì)某些東西的渴望的轉(zhuǎn)換策略。這可能是一章節(jié)的樣例,一個(gè)演示,或者一些免費(fèi)內(nèi)容的展示,以此來觸發(fā)用戶的行動(dòng),這聽起來就像“想看剩余的部分,就請(qǐng)……”。用一些示例和引子來激起用戶的好奇心對(duì)吸引用戶繼續(xù)前進(jìn)是一種很好的方法。這聽起來顯而易見,無法激起用戶的好奇心(除非壓根就不需要激起用戶的好奇心)當(dāng)然就是一開始就給用戶提供完整的信息。或許在用戶成為客戶之前就給他們提供完整的試驗(yàn),或者體驗(yàn)完整的X或Y,不過這并不是激勵(lì)用戶的好方法。保持用戶對(duì)產(chǎn)品的渴求——哪怕是一小會(huì)。

50. 嘗試提供保證,而不是滿不在乎

當(dāng)你正在進(jìn)行一筆交易的時(shí)候,給用戶下一些保證。向客戶保證他們會(huì)對(duì)產(chǎn)品滿意,付款是安全的,并且是免運(yùn)費(fèi)的,而且客戶可以隨時(shí)退出而沒有任何風(fēng)險(xiǎn)。目前一切都是好的,將來也會(huì)是好的。不要擔(dān)心,開心點(diǎn)。在交易即將完成的時(shí)候給客戶提供一些積極的保證絕對(duì)是值得一試的轉(zhuǎn)換策略。

51. 嘗試進(jìn)行價(jià)格說明

你可以讓你的用戶完全自己來評(píng)價(jià)你的產(chǎn)品的價(jià)值,或者你也可以幫他們做到這一點(diǎn)。如果你希望用戶感性地看待你的產(chǎn)品,你可以以另一種方式來顯示價(jià)格,從而讓你的產(chǎn)品看起來更有價(jià)值。最簡(jiǎn)單的方式就是使用這種短語對(duì)價(jià)格進(jìn)行修飾,比如“僅僅”,“價(jià)格實(shí)惠”,或者“小額費(fèi)用”。然后價(jià)格也可以分解成一個(gè)更小的價(jià)格單位(例如:每頁30美分而不是一本書30美元,會(huì)員1美元一天而不是30美元每月)。此外,價(jià)格以“9”結(jié)束而不是使用一個(gè)整數(shù)這種聲名狼藉的策略也是其中的一種方法。最后,價(jià)格以更少的數(shù)字顯示(30美元,而不是30.00美元)也是另一種錯(cuò)覺影響的表現(xiàn)。

52. 嘗試向用戶表示感謝而不是簡(jiǎn)單地確認(rèn)完成

向用戶表示感謝可以讓你、你的業(yè)務(wù)、產(chǎn)品或UI看起來更人性化,因?yàn)樗w現(xiàn)了你對(duì)用戶的感激和關(guān)心。感謝當(dāng)然也可以在某些任務(wù)完成之后,這比直白的信息反饋要好得多。而且,在你的UI上對(duì)用戶表示感謝也可以用來引導(dǎo)用戶進(jìn)行進(jìn)一步的對(duì)話或行動(dòng)。很自然地,屏幕上的感謝信息的也是一種引導(dǎo)用戶進(jìn)行下一步操作的完美切入點(diǎn)。最后,謝謝你閱讀這一段文字O(∩_∩)O~

53. 嘗試在界面上做有用的運(yùn)算,而不是讓用戶自己計(jì)算

用戶界面可以為用戶做一些數(shù)學(xué)運(yùn)算,從而消除不必要的摩擦。舉例來說,讓我們假設(shè)有一些應(yīng)用的積分快用完了而不能再繼續(xù)使用。這時(shí)為用戶計(jì)算出還有多少天應(yīng)用就到期或許是更有意義的。一個(gè)更簡(jiǎn)單和應(yīng)用廣泛的例子是“3分鐘前”相對(duì)于“9月2日,下午4:37”對(duì)用戶來說更易于理解。在界面上為用戶做好運(yùn)算,使用戶免于計(jì)算的苦惱。

54. 嘗試向用戶強(qiáng)調(diào)用戶選擇的自由性而非強(qiáng)制

當(dāng)用戶的選擇被明確告知是自由的,用戶可能更容易被說服進(jìn)行更多操作。一些已有的對(duì)“你可以進(jìn)行自由地選擇”的研究表明這種提示可能影響更多的用戶行動(dòng)起來。一個(gè)簡(jiǎn)單地聲明,類似“這是你的選擇”,或者“你隨時(shí)都可以拒絕”,可能更易于喚起用戶行動(dòng),使用戶做決定。這種策略的說服力似乎在將用戶可以自由進(jìn)行選擇的聲明與操作按鈕放在一起時(shí)效果是最明顯的。

55. 嘗試為用戶提供未知的獎(jiǎng)勵(lì),而不是已知的

未知的獎(jiǎng)勵(lì)可以更好地吸引用戶。當(dāng)用戶進(jìn)行某一步操作時(shí),會(huì)有意外的驚喜出現(xiàn)(也可能沒有),這種不可預(yù)期的安排可能在最短的時(shí)間里有最高的響應(yīng)率。試想一下,當(dāng)某天我們驚喜地發(fā)現(xiàn)我們收到的郵件有驚喜出現(xiàn)的時(shí)候,我們或許會(huì)樂此不疲地查收郵件(假設(shè)你收到的郵件不僅僅是以前Joe每天寄來的老郵件)。

?56. 嘗試抓住用戶的注意力,而不是忽略

將更多的注意力吸引到最重要的行動(dòng)是很有必要的。這可以通過增加元素大小或者增加元素的對(duì)比度等多種方式來實(shí)現(xiàn)。其它的吸引注意力的方式也包括:使用不規(guī)則的形狀,自動(dòng)聚焦,突出顯示模塊,粘性元素交互(例如浮動(dòng)),還有方向箭頭。當(dāng)然你不能讓整個(gè)頁面上的元素都突出,不過著重強(qiáng)調(diào)最主要的行動(dòng)口號(hào)還是相當(dāng)有必要的。

57. 嘗試友好地進(jìn)行比較,而不是混亂不堪

有時(shí)候我們需要在界面上對(duì)有改變的內(nèi)容進(jìn)行比較(比如diff工具),或者對(duì)產(chǎn)品特性進(jìn)行比較(比如產(chǎn)品比較圖表)。有幾種方法可以使比較更易理解和更易用。首先,限制同時(shí)進(jìn)行比較的元素?cái)?shù)量,兩個(gè)是減少困惑的最佳數(shù)。通過對(duì)齊和排版來將兩項(xiàng)對(duì)比項(xiàng)放在一起就能進(jìn)一步減少困惑,這種方式一看就知道是什么跟什么進(jìn)行比較了。其次,清楚地標(biāo)注“更好”或“最近”版本也可以減少猜測(cè)。最后,清楚地標(biāo)明哪些屬性改變了,哪些沒有。換句話說,標(biāo)明哪些是添加的(或是更好的),哪些是刪除的(或是較差的),最后哪些是保持不變的。

?58. 嘗試設(shè)置集合,而不是單獨(dú)的項(xiàng)目

收集東西能激發(fā)用戶的積極性。不管是實(shí)體的還是虛擬的,收集一整套的東西可以為用戶建立一個(gè)行動(dòng)的目標(biāo)。通常在獲取完整一套物品的過程中可以通過添加相應(yīng)的好處來進(jìn)一步激勵(lì)用戶(一個(gè)完整的蛋糕看起來比單塊蛋糕更大更漂亮)?;蛟S,顯示已經(jīng)收集的物品,通過顯示過去行為的成就也可以進(jìn)一步強(qiáng)化用戶的行為。最后,如果一套物品的數(shù)量是有限的(強(qiáng)調(diào)稀缺性),收集完整一套物品的想法就會(huì)更加強(qiáng)烈。

59. 嘗試設(shè)定期望值,而不是讓用戶一無所知

人們相互設(shè)定期望值是非常好的。對(duì)一個(gè)人或者界面來說,通知?jiǎng)e人接下來的任務(wù)何時(shí)完成并不需要花費(fèi)多少精力。你現(xiàn)在正在進(jìn)行1步操作,共X步。你的選擇將會(huì)得到結(jié)果Y。在步驟Z之前你將得到哪些東西。所有這些小小的承諾不僅通知了用戶,而且與用戶間建立了信任。另一方面,對(duì)用戶毫無幫助的界面看起來有一點(diǎn)冰冷,因?yàn)樗層脩魧?duì)自己目前所處的狀態(tài)、接下來的操作都一無所知。

60. 嘗試幽默,而不是一貫的嚴(yán)肅

界面上的元素必須一直都保持嚴(yán)肅嗎?答案是否定的。你可以用一個(gè)笑話或者一些有趣的東西讓氣氛輕松起來。在你的UI上添加幽默可能起作用也可能不起作用。當(dāng)幽默起作用的時(shí)候,它會(huì)在你和你的用戶/客戶之間建立一種更強(qiáng)的人際關(guān)系。因此而收獲的歡聲笑語在將來或許是一種非常不錯(cuò)的儲(chǔ)備。當(dāng)你不小心出錯(cuò)的時(shí)候,用戶可能會(huì)因?yàn)橹芭c你建立的比較堅(jiān)固的人際關(guān)系更容易原諒你。

61. 嘗試提供反饋,而不是沉默

當(dāng)我們進(jìn)行一項(xiàng)操作或執(zhí)行一項(xiàng)任務(wù)的時(shí)候,我們通常都希望知道結(jié)果是否完全通過。信息反饋能做到這一點(diǎn)。這就像在一張紙上快要干的油墨,或者顯示郵件已發(fā)送成功的提示信息。另一方面,沉默會(huì)導(dǎo)致不確定性。它真的起作用了嗎?我剛才是不是點(diǎn)擊了一下?我按過這個(gè)按鈕嗎?我應(yīng)該再嘗試一次嗎?反饋可以回答所有這些問題。對(duì)一個(gè)成功的交互界面來說,反饋是非常重要且基本的元素。

62. 嘗試預(yù)測(cè)用戶的意圖,而不是只看眼下

當(dāng)用戶發(fā)出“是的,這就是我正在找的東西”這種感嘆時(shí),或許正是因?yàn)槲覀円呀?jīng)在界面上對(duì)用戶操作意圖進(jìn)行了預(yù)測(cè)。做一個(gè)正確對(duì)用戶行為進(jìn)行預(yù)測(cè)的UI,或許會(huì)收獲用戶更多的微笑和訂單成交(或者至少會(huì)少一些不愉快)。舉個(gè)例子,Amazon.com(請(qǐng)按英文原版的亞馬遜對(duì)號(hào)入座,中文亞馬遜就不說了哈)已經(jīng)在許多下拉菜單上實(shí)現(xiàn)了這種微觀的交互。預(yù)測(cè)用戶意圖,通過一些有趣的幾何和前端技術(shù)來顯示子菜單。它為用戶避免了徒勞無功的痛苦——將鼠標(biāo)移動(dòng)到所需的對(duì)角線上的子菜單,然后發(fā)現(xiàn)子菜單已經(jīng)變化了或者干脆消失了。事先預(yù)測(cè)用戶的意圖也是一種平衡操作的便捷性與代碼的簡(jiǎn)潔性的一種方法。進(jìn)一步進(jìn)行用戶行為預(yù)測(cè)是一種更高級(jí)的意圖預(yù)測(cè),可能需要更強(qiáng)大的人工智能。

?63. 嘗試為元素間保留適當(dāng)?shù)木嚯x,而不是過度擁擠

合理的間距可以使內(nèi)容和/或數(shù)據(jù)更具可讀性。當(dāng)元素的距離稍微拉開時(shí),看以來就會(huì)比較獨(dú)立。這種方法很適用于列表、表格、段落或屏幕上任何其它的元素集合。應(yīng)用空白的一種最常用的方式是在項(xiàng)目周圍添加額外的填充區(qū)域。另一方面,如果沒有足夠的填充,元素就很難與整體分離了。所以考慮增加可讀性的時(shí)候,填充可能會(huì)有所幫助。

64. 嘗試以講故事的方式來描述,而不只是羅列事實(shí)

講故事是一種最古老的交流方式,可以用于登陸頁面,應(yīng)用程序以及各種UI交互。為什么不嘗試以敘事的方式來代替關(guān)鍵信息羅列的方式呢?一個(gè)簡(jiǎn)單的故事會(huì)有一些基本的元素,比如說場(chǎng)景設(shè)定,角色定位,以及一些即將發(fā)生的不確定的情形。講故事使人們仿佛身臨其境而產(chǎn)生一種情感共鳴。因此,故事也變得更加難忘。長(zhǎng)篇幅的銷售詞直接通過講故事的方式來表達(dá),也可能就是為什么這種策略仍然適用的原因了。

65. 嘗試保證信息的真實(shí)性,而不是虛假

很多人在很遠(yuǎn)的地方就能嗅出騙子的味道。真實(shí)可能是幫助你的產(chǎn)品變得更加令人信服的核心要素。微笑的人物頭像也沒有充分理由讓人不懷疑No. 1后面的真實(shí)性吧。有一些測(cè)試已經(jīng)暗示了這些結(jié)論。另一個(gè)可能被經(jīng)常懷疑的就是產(chǎn)品評(píng)論。既有好的評(píng)論,也有不好的評(píng)論可能比全是贊美之詞的評(píng)論要更有幫助。最后,不是精確整數(shù)的數(shù)字可能更可信。

本文為@謝爾魚 翻譯并授權(quán)人人都是產(chǎn)品經(jīng)理社區(qū)發(fā)布,轉(zhuǎn)載請(qǐng)注明來自人人都是產(chǎn)品經(jīng)理社區(qū)并保留作者信息。

原文地址:http://goodui.org/

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!