交互設計技巧:創造好的用戶體驗(3)(翻譯)
一個好的用戶界面具有較高的轉化率和易用性。換句話說,它既能滿足商業用途也便于使用。以下是我們發現的一些想法清單。
41. 嘗試寫明優惠,而不是直接給出價格
人類與生俱來就有認知偏見,正如卡尼曼所觀察到的那樣,優惠是一種人類很難抵抗的偏見。這表明第一個引起我們注意的數據會影響我們的決策。當我們以一個稍微貴一點的價格開始,然后將價格降低,這個價格突然就顯得不再那么貴了。如果我理解正確的話,許多用戶放棄的是沒有打折的商品或服務。這或許只是一個數據的效應。營銷人員利用優惠效應的一個常見的例子是在制造商建議的零售價之后寫一個更低的價格。
42. 嘗試提前進度,而不是從空白開始
有很多動機讓我們將事情的進度提前。出于這個原因,許多公司放棄了咖啡卡,不讓客戶等待。在虛擬世界,給用戶一些獎勵,包括在待辦清單上將注冊過程劃為完成項。斯蒂芬·安德森在他的筆記上將這種類似的模式標記為設置完成,更正式的說法是,它也可以被稱作目標漸近效果。
43. 嘗試漸進式地收集信息,而不是無條理的獲取信息
漸進式顯示能使用戶免收不相關信息的干擾。這種模式漸進式地展示信息,即在上下文中有必要顯示該信息的時候,它才顯示。通常漸進式顯示會伴隨著某種形式的內聯擴展或者滑出動畫。如果太多字段需要用戶填寫,可能會將用戶嚇跑,所以這也是另一種避免不必要的輸入字段的策略。只在必要的情況下才顯示/請求這些字段。
44. 先嘗試數額小一點的約定
要求用戶前期從一個小數額的約定開始,項目展開之后再要求稍大數額的。通常一開始就是大數額的約定會嚇跑用戶。借用羅伯特·西奧迪尼的話,約定是一種強大的說服策略——接近用戶的期望值來與用戶達成一致。追求一致性表明用戶通常在操作過程中更容易接受一系列小數額的約定,而不是一個大數額。這種應用源于“一只腳先進門”策略,即“通過獲取一些小‘yes’來最終得到一個大‘yes’。”。類似的例子就是相親網站——首先只是讓用戶隨便看一看,然后就是相互介紹,接下來給出幾個約會的好點子,等等。當然與此相反的就是要求用戶鎖定對象馬上結婚(結婚是沒有錯的o(╯□╰)o)。另一個例子是,在定價的上下文中,我們要求客戶按月付款而不是按年付款。降低前期約定的一個相關策略也可能是顯示“無合同”信息,讓客戶感覺可以隨時離開,也進一步降低了準入門檻。
45. 嘗試溫柔的提示,而不是模式窗口
模式窗口或對話框是一個惹眼的討厭鬼,不管你喜不喜歡。引人注意是一件好事,但模式窗口卻常常會帶來很多嚴重的問題。首先,模式窗口會阻止用戶操作模式窗口后面的功能或瀏覽相關的信息。況且對某些用戶來說,模式窗口又很難擺脫。其次,如果用戶不在計算機旁的話,對話框會阻止計算機完成正在執行的任務而導致出錯。最后,如果用戶差不多快完成自己的任務,并且還沒有準備進行其它操作,這時的模式窗口會中斷用戶的操作。為什么不考慮同樣能吸引用戶,但卻更敏感的內聯或者不那么突兀的滑出動畫呢?
46. 嘗試為控件添加多功能
簡潔性因其與易用性息息相關而在設計中舉足輕重。太多的雜物會消耗我們有限的注意力,并且模塊越多,可用性空間不足的問題就會越明顯。在用戶界面上用簡潔的元素也可以實現相同的功能,方法之一就是讓UI控件具備多功能。也就是說,在一個控件上添加兩個或多個功能。舉個例子,我們可以在一個搜索輸入字段上綁定一系列的過濾機制,以此來移除額外的過濾器。我們也可以通過鼠標懸停展示來進一步減少額外的部分。不過多功能機制并不是萬能的。簡潔的代價是隱蔽性。不太明顯的功能有被忽略的風險。因此,對??蛠碚f,保留多功能方法還是很好的。所以,合理使用多功能,但不要濫用。
47. 嘗試添加圖標標簽,而不是點擊圖標打開后再解釋
圖標可能有多重解釋,因此為其添加文字說明可以消除歧義。以向下箭頭的圖標為例,它是指將元素下移,降低優先級,還是下載呢?“X”圖標是表示刪除,禁止,還是關閉呢?當用戶沒有足夠時間學習界面上圖標含義的情況下,這種問題就更嚴重了。用文字標注圖標,讓圖標更易于理解。如果空間確實不夠的話,妥協的做法就是鼠標滑過的時候顯示圖標標簽(鼠標滑過單個圖標的時候,顯示相應的標簽)。
48. 嘗試使用自然語言,而不是枯燥的文字
相比簡短、嚴格和正式的文字,自然語言是一種更非正式和類交談的交互方式。這種方式表明計算機可以更好地理解(或者看起來像是理解)用戶,必要的時候還予以寬容,反之亦然。這種期望有兩重含義。第一,用戶輸入的短語計算機都能理解其中的含義。第二,計算機也能以更友好的和類交談的方式來回應用戶。雖然第一條我們無法確認,不過第二條我們還是經常體驗的,比如說:在Google上搜索“多倫多天氣”,無處不在的Firefox和Siri指令。在用戶界面上展示這種類交談的語言,可能會使用戶轉化率更高一點(需要更多的測試)。
49. 嘗試激起用戶的好奇心,而不是有所保留
激起用戶的好奇心是一種通過一些“挑逗”信息來激起用戶對某些東西的渴望的轉換策略。這可能是一章節的樣例,一個演示,或者一些免費內容的展示,以此來觸發用戶的行動,這聽起來就像“想看剩余的部分,就請……”。用一些示例和引子來激起用戶的好奇心對吸引用戶繼續前進是一種很好的方法。這聽起來顯而易見,無法激起用戶的好奇心(除非壓根就不需要激起用戶的好奇心)當然就是一開始就給用戶提供完整的信息。或許在用戶成為客戶之前就給他們提供完整的試驗,或者體驗完整的X或Y,不過這并不是激勵用戶的好方法。保持用戶對產品的渴求——哪怕是一小會。
50. 嘗試提供保證,而不是滿不在乎
當你正在進行一筆交易的時候,給用戶下一些保證。向客戶保證他們會對產品滿意,付款是安全的,并且是免運費的,而且客戶可以隨時退出而沒有任何風險。目前一切都是好的,將來也會是好的。不要擔心,開心點。在交易即將完成的時候給客戶提供一些積極的保證絕對是值得一試的轉換策略。
51. 嘗試進行價格說明
你可以讓你的用戶完全自己來評價你的產品的價值,或者你也可以幫他們做到這一點。如果你希望用戶感性地看待你的產品,你可以以另一種方式來顯示價格,從而讓你的產品看起來更有價值。最簡單的方式就是使用這種短語對價格進行修飾,比如“僅僅”,“價格實惠”,或者“小額費用”。然后價格也可以分解成一個更小的價格單位(例如:每頁30美分而不是一本書30美元,會員1美元一天而不是30美元每月)。此外,價格以“9”結束而不是使用一個整數這種聲名狼藉的策略也是其中的一種方法。最后,價格以更少的數字顯示(30美元,而不是30.00美元)也是另一種錯覺影響的表現。
52. 嘗試向用戶表示感謝而不是簡單地確認完成
向用戶表示感謝可以讓你、你的業務、產品或UI看起來更人性化,因為它體現了你對用戶的感激和關心。感謝當然也可以在某些任務完成之后,這比直白的信息反饋要好得多。而且,在你的UI上對用戶表示感謝也可以用來引導用戶進行進一步的對話或行動。很自然地,屏幕上的感謝信息的也是一種引導用戶進行下一步操作的完美切入點。最后,謝謝你閱讀這一段文字O(∩_∩)O~
53. 嘗試在界面上做有用的運算,而不是讓用戶自己計算
用戶界面可以為用戶做一些數學運算,從而消除不必要的摩擦。舉例來說,讓我們假設有一些應用的積分快用完了而不能再繼續使用。這時為用戶計算出還有多少天應用就到期或許是更有意義的。一個更簡單和應用廣泛的例子是“3分鐘前”相對于“9月2日,下午4:37”對用戶來說更易于理解。在界面上為用戶做好運算,使用戶免于計算的苦惱。
54. 嘗試向用戶強調用戶選擇的自由性而非強制
當用戶的選擇被明確告知是自由的,用戶可能更容易被說服進行更多操作。一些已有的對“你可以進行自由地選擇”的研究表明這種提示可能影響更多的用戶行動起來。一個簡單地聲明,類似“這是你的選擇”,或者“你隨時都可以拒絕”,可能更易于喚起用戶行動,使用戶做決定。這種策略的說服力似乎在將用戶可以自由進行選擇的聲明與操作按鈕放在一起時效果是最明顯的。
55. 嘗試為用戶提供未知的獎勵,而不是已知的
未知的獎勵可以更好地吸引用戶。當用戶進行某一步操作時,會有意外的驚喜出現(也可能沒有),這種不可預期的安排可能在最短的時間里有最高的響應率。試想一下,當某天我們驚喜地發現我們收到的郵件有驚喜出現的時候,我們或許會樂此不疲地查收郵件(假設你收到的郵件不僅僅是以前Joe每天寄來的老郵件)。
?56. 嘗試抓住用戶的注意力,而不是忽略
將更多的注意力吸引到最重要的行動是很有必要的。這可以通過增加元素大小或者增加元素的對比度等多種方式來實現。其它的吸引注意力的方式也包括:使用不規則的形狀,自動聚焦,突出顯示模塊,粘性元素交互(例如浮動),還有方向箭頭。當然你不能讓整個頁面上的元素都突出,不過著重強調最主要的行動口號還是相當有必要的。
57. 嘗試友好地進行比較,而不是混亂不堪
有時候我們需要在界面上對有改變的內容進行比較(比如diff工具),或者對產品特性進行比較(比如產品比較圖表)。有幾種方法可以使比較更易理解和更易用。首先,限制同時進行比較的元素數量,兩個是減少困惑的最佳數。通過對齊和排版來將兩項對比項放在一起就能進一步減少困惑,這種方式一看就知道是什么跟什么進行比較了。其次,清楚地標注“更好”或“最近”版本也可以減少猜測。最后,清楚地標明哪些屬性改變了,哪些沒有。換句話說,標明哪些是添加的(或是更好的),哪些是刪除的(或是較差的),最后哪些是保持不變的。
?58. 嘗試設置集合,而不是單獨的項目
收集東西能激發用戶的積極性。不管是實體的還是虛擬的,收集一整套的東西可以為用戶建立一個行動的目標。通常在獲取完整一套物品的過程中可以通過添加相應的好處來進一步激勵用戶(一個完整的蛋糕看起來比單塊蛋糕更大更漂亮)?;蛟S,顯示已經收集的物品,通過顯示過去行為的成就也可以進一步強化用戶的行為。最后,如果一套物品的數量是有限的(強調稀缺性),收集完整一套物品的想法就會更加強烈。
59. 嘗試設定期望值,而不是讓用戶一無所知
人們相互設定期望值是非常好的。對一個人或者界面來說,通知別人接下來的任務何時完成并不需要花費多少精力。你現在正在進行1步操作,共X步。你的選擇將會得到結果Y。在步驟Z之前你將得到哪些東西。所有這些小小的承諾不僅通知了用戶,而且與用戶間建立了信任。另一方面,對用戶毫無幫助的界面看起來有一點冰冷,因為它讓用戶對自己目前所處的狀態、接下來的操作都一無所知。
60. 嘗試幽默,而不是一貫的嚴肅
界面上的元素必須一直都保持嚴肅嗎?答案是否定的。你可以用一個笑話或者一些有趣的東西讓氣氛輕松起來。在你的UI上添加幽默可能起作用也可能不起作用。當幽默起作用的時候,它會在你和你的用戶/客戶之間建立一種更強的人際關系。因此而收獲的歡聲笑語在將來或許是一種非常不錯的儲備。當你不小心出錯的時候,用戶可能會因為之前與你建立的比較堅固的人際關系更容易原諒你。
61. 嘗試提供反饋,而不是沉默
當我們進行一項操作或執行一項任務的時候,我們通常都希望知道結果是否完全通過。信息反饋能做到這一點。這就像在一張紙上快要干的油墨,或者顯示郵件已發送成功的提示信息。另一方面,沉默會導致不確定性。它真的起作用了嗎?我剛才是不是點擊了一下?我按過這個按鈕嗎?我應該再嘗試一次嗎?反饋可以回答所有這些問題。對一個成功的交互界面來說,反饋是非常重要且基本的元素。
62. 嘗試預測用戶的意圖,而不是只看眼下
當用戶發出“是的,這就是我正在找的東西”這種感嘆時,或許正是因為我們已經在界面上對用戶操作意圖進行了預測。做一個正確對用戶行為進行預測的UI,或許會收獲用戶更多的微笑和訂單成交(或者至少會少一些不愉快)。舉個例子,Amazon.com(請按英文原版的亞馬遜對號入座,中文亞馬遜就不說了哈)已經在許多下拉菜單上實現了這種微觀的交互。預測用戶意圖,通過一些有趣的幾何和前端技術來顯示子菜單。它為用戶避免了徒勞無功的痛苦——將鼠標移動到所需的對角線上的子菜單,然后發現子菜單已經變化了或者干脆消失了。事先預測用戶的意圖也是一種平衡操作的便捷性與代碼的簡潔性的一種方法。進一步進行用戶行為預測是一種更高級的意圖預測,可能需要更強大的人工智能。
?63. 嘗試為元素間保留適當的距離,而不是過度擁擠
合理的間距可以使內容和/或數據更具可讀性。當元素的距離稍微拉開時,看以來就會比較獨立。這種方法很適用于列表、表格、段落或屏幕上任何其它的元素集合。應用空白的一種最常用的方式是在項目周圍添加額外的填充區域。另一方面,如果沒有足夠的填充,元素就很難與整體分離了。所以考慮增加可讀性的時候,填充可能會有所幫助。
64. 嘗試以講故事的方式來描述,而不只是羅列事實
講故事是一種最古老的交流方式,可以用于登陸頁面,應用程序以及各種UI交互。為什么不嘗試以敘事的方式來代替關鍵信息羅列的方式呢?一個簡單的故事會有一些基本的元素,比如說場景設定,角色定位,以及一些即將發生的不確定的情形。講故事使人們仿佛身臨其境而產生一種情感共鳴。因此,故事也變得更加難忘。長篇幅的銷售詞直接通過講故事的方式來表達,也可能就是為什么這種策略仍然適用的原因了。
65. 嘗試保證信息的真實性,而不是虛假
很多人在很遠的地方就能嗅出騙子的味道。真實可能是幫助你的產品變得更加令人信服的核心要素。微笑的人物頭像也沒有充分理由讓人不懷疑No. 1后面的真實性吧。有一些測試已經暗示了這些結論。另一個可能被經常懷疑的就是產品評論。既有好的評論,也有不好的評論可能比全是贊美之詞的評論要更有幫助。最后,不是精確整數的數字可能更可信。
本文為@謝爾魚 翻譯并授權人人都是產品經理社區發布,轉載請注明來自人人都是產品經理社區并保留作者信息。
原文地址:http://goodui.org/
- 目前還沒評論,等你發揮!