▲貳拾玖▼「藝術癮」想成為交互設計師?你需要注意的75個原則(中)

這周接著聊聊交互設計的75個原則的(中)、(下)部分。

21、參與體驗式註冊優於直接註冊

與其讓用戶馬上註冊,何不讓用戶先進行一些體驗式的操作呢。這個體驗過程可以展示程序的功能,特性等。一旦用戶通過簡單幾步的操作了解了程序的價值所在,那麼它會更願意填寫註冊表單的。這種循序漸進的引導可以盡量推遲用戶註冊的時間但又可以讓用戶在沒註冊的情況下進行個性化設置等簡單操作。

22、過多的邊框會分散用戶注意力

邊框在劃分區域,進行版塊設置時有很大的作用 ,但明顯的線條也會吸引用戶的注意力。為了達到劃分版塊而又不使用戶注意力分散的目的,在排版時可以將界面上不同區域的元素通過空白進行分組,配以不同的背景色,並將文字對齊方式進行統一 。

23、展示產品好處優於羅列產品特性

市場就是這樣的,用戶永遠只關心自身利益而產品特性對他們來說倒不是那麼重要。只有利益才更直觀地體現出使用產品所帶來的價值。Chris Guillebeau在他的著作《100美元起家》中指出,相比壓力,衝突,煩心事和未知的未來,人們在乎得更多的是愛,金錢,認同感和自由支配的空閑時間。所以我相信在展示產品特性時回歸到利益上是必要的。

24、充分考慮並利用好零數據的情況

在程序開始啟動都成熟,數據從開始的「0」 過度到有數據之前 ,該如何進行顯示界面。「0」數據是一個很尷尬的時期,當用戶第一次看到你的應用程序,它是一個沒有任何引導的空白界面。這時候,你可能錯過了一個很好的機會。因為,「0」數據狀態是引導用戶學習和熟悉如何使用程序,創建數據的完美時期。

25、設置默認來引導用戶使用

將「想要」設置成默認,意味著如果用戶真的需要,即不用額外點擊確認按鈕。當然,也有另一種做法就是默認不選中服務,用戶需要的話可以手動點選。 這種設計更好的原因有兩點。一是,用戶不需要額外點選,省事省時,因為默認設置為用戶需要我們的產品或服務。二是,這種做法某種程度上是在向用戶推薦產品,暗示了其他人都選擇了我們。

26、注意界面一致性

在設計中保持一致性可以減少用戶的學習成本,用戶不需要進行新的操作。當我們點擊按鈕,或者進行拖拽操作,我們期望這樣的操作在整個程序的各個界面都是一致的。當然,在想要特彆強調的地方偶爾打破整體一致性會起到很大的效果。

27、嘗試使用智能默認

適當的默認值和預先填充好的表單欄位可以大量減少用戶的工作量。在節省用戶寶貴的時間上面,這是種非常常見的做法,可以幫助用戶快速填完表單或者註冊信息。

28、遵循約定俗成的使用習慣

遵從界面設計中的一些使用習慣,會使用戶用起來很方便。 例如,我們想都不用想頁面右上角(大多數情況)的叉叉是關閉程序用的。 當然,約定是會過時的,隨著時間的推移,同樣的操作也有可能被賦予新的含義。但要記住,當你在界面中打破這些常規時一定要目的明確,並且出發點是好的。

29、向用戶強調「失去」優於強調「得到」

根據心理學得到的可靠結論,與獲得新的利益相比,人們更傾向於避免「損失」。 這一結論也適用於產品的設計和推廣中。在產品介紹時,說明擁有產品會讓用戶免於疾病困擾等好於告訴用戶這個產品會給你帶來更多健康。

30、視覺層次增加閱讀趣味

讓界面層次分明,增加視覺效果,可以在這些方面努力:對齊方式,間距,顏色,縮進,字體大小,元素尺寸等。當所有這些調整運用得適當時,可以提高整個界面的可讀性。相比一個用戶可以一眼看到底的設計來說,增加可讀性可以讓用戶放慢速度來慢慢閱讀。就好比一次旅行,慢行可以更好的欣賞沿途風光。所以視覺層次分明的設計讓眼睛有可以停留的地方,而不是對著空白單調的一個屏幕。

31、將有關聯的功能進行分組

將功能相關項合併起來可以提高程序的可用性。就像刀叉、打開文件和關閉文件這樣。這也符合我們28條所說的,遵循約定俗成個的使用習慣。

32、立即在線驗證優於提交後在驗證

在用戶填寫表單時,最好是立即檢測出用戶所填內容是否符合要求,然後給出驗證消息。使錯誤一出現就能得到改正。相反,如果等到用戶提交後再檢查表單,提出錯誤消息,會讓用戶因為又要重複之前的工作而感到厭倦。

33、房款對用戶輸入的要求設置

對用戶輸入的數據,盡量放寬限制,包括格式,大小寫什麼的。這樣做可以更人性化一點,也使得界面更加友好。 一個再恬當不過的例子就是讓用戶輸入電話號碼的時候,用戶有很多種輸入方式,帶括弧的,帶破折號的,帶空格的,帶區號和不帶區號的等等。如果你在代碼中來處理這些格式的問題,代價也只是你一個人多寫幾行代碼而以,卻可以減少無數用戶的工作量。

34、增加用戶時間緊迫感

增加用戶適當的緊迫感是個有效的戰術,可以讓用戶立即做出決定而不是等上個十天半個月。它暗示了資源的緊缺或者活動的時間有限,今天可以買,但明天可能就無法這麼低價了。另一方面,這一戰術也讓用戶感到會錯失一次大好的機會,再一次,應用了人們害怕失去的本性。當然,這種戰術會被一些人嗤之以鼻,認為是不耿直的做法。不過,這只是種戰術而以,並且在保持合法性的前提下應用也無傷大雅。所以請不要為了營銷而在界面上製造緊迫的假象。

35、嘗試強調產品的稀缺性

人們往往更加珍惜數量少的東西,表明產品的稀缺性會暗示用戶,這是個很搶手的產品,今天錯過,明天可能再也買不到了。想想批發商和高端定製之間的差別,可能會更容易理解這點。在設計過程中,我們經常會忘記「稀缺性」,因為比特和位元組在複製粘貼的幫助下可以被輕易複製。但是,在界面呈現中,嘗試展示「稀缺性」可以作為限制或提高競爭壁壘的手段,以喚起用戶購買的慾望和行動。

36、給出用戶選項識別優於讓用戶自己回憶

根據心理學上的緊密相連原理。人們更擅長識別現有的東西而不是純粹進行回憶。而識別則要依賴更多線索或提示,幫助人們喚起過去的經歷。這也說明了為什麼在考試時,我們做多選題要快於做開放性題目。因此,在設計之前,考慮並充分利用用戶的識別能力。

37、把點擊區域設計的大一些

把鏈接、表單、按鈕設計的大一點可以方便用戶的點擊。根據費茨法則,屏幕上的目標的某些特徵會影響用戶的點擊體驗。目標離的越遠、越小,就越難點中。所以,在界面設計中,要考慮表單的位置遠近和佔用空間大小。

38、加快下載運行速度,縮短用戶等待時間

在當下快節奏社會,時間對人們很重要。無論是界面載入速度還是用戶操縱速度,都會影響用戶的體驗感。據調查,每延長一秒就會降低用戶的轉換率。因此,為避免這一問題,方法一是油畫代碼和圖像還縮短載入時間。二是運用一些心理技巧,使用戶感覺並沒有等待很長時間。比如,顯示進度條讓用戶隨時了解載入進度。或是在等待期間設置一些有趣內容來吸引用戶的注意力。

39、嘗試運用快捷鍵來代替按鈕(適用於PC端)

熱鍵比按鈕更能提高使用效率。常見的例子如「J」和「K」兩個熱鍵用於「下一個」和「上一個」。已經被諸如Gmail、Google、Twitter和Tumblr等應用程序所普及。當然按鈕也並不是一個特別差的選擇,他們可以作為快捷鍵不足的補充。

40、嘗試運用「錨定效應」

「錨定效應」是指人們一種先主為主、難以改變的主觀判斷。因此,在設置產品價格時,可以先給出一個很大的數字,然後從高價向低價(大數字向小數字)過渡。這樣,用戶就不會感覺最終定價有多麼的貴。當然,在「錨定效應」中的數字不一定是一個標價,也可以是標出的製造商零售價,然後賣出比零售價較低的價格。

41、循序漸進的提問優於鋪天蓋地的無序提問

在搜集用戶信息的時候,循序漸進式的引導可以避免用戶一下子接受太多不相關的信息。通常,上下文問題會因為具有內聯性而擴展或滑動出來。如果其中有太多毫無意義且不相關的問題一下子都冒出來,會增加用戶學習成本,使其感到厭倦。

42、小承諾比大承諾容易達成

可以引導用戶先從較小的目標開始。因為太大的承諾往往會讓人覺得不真實而放棄。相比那些又難又遙遠的目標來說小一點的承諾更具有說服力。並且,人們更容易去實現一系列具有關聯性的小目標而不是一個很大的目標。例如,約會網站會先要求人們整體瀏覽一遍,然後給出自我介紹,然後再列出對想約會對象的一些想法。這樣做與一上來就要求擁有兩個相同要求的用戶進行約會要合理的多。在付費方面,按月收費比按年收費更容易讓用戶接受。這樣做其實給了用戶一種「無約束」的暗示,讓用戶感覺他們可以隨時離開。

43、滑動窗口優於模態化窗口

不管喜不喜歡彈出的對話框,它可以抓住人們的注意力這一作用是毋庸置疑的。但模態化窗口常常會伴隨著一些令人討厭的問題。首先,模態化窗口會阻止用戶執行其他功能。其次,當對話框出現故障時,用戶工作不得不被迫停止或重頭再來。最後,模態化窗口的彈出會中斷那些正沉浸在工作中的用戶。因此,為什麼不考慮一下更微妙靈活的滑出方法,這樣既不會太突兀,也可以引起人們的注意。

44、設計一個多功能控制項

「簡單」對於交互設計非常重要,操作簡單意味著實用性強。太多太雜的模塊會分散用戶的注意力,引出更多的不相關的問題。使用戶界面高效而簡潔的一個方法就是設計一個多功能控制項。例如,我們在搜索欄輸入關鍵字,通過關聯性和過濾,界面顯示出用戶想要查找的內容。

45、直接把標籤功能用配以文字顯示給用戶

圖標配以文字可以有效的消除傳達信息過程中有可能產生的歧義。例如:一個向下箭頭的圖標,它指的是「向下移動」還是「下載」的意思呢?或是一個X的圖標,指的是關閉、禁用還是消除呢?對於用戶來講,研究這些沒有配字的圖標會增加學習成本。這時候,給圖標加以文字說明就是一個很好的方法。如果編輯空間不允許的話,就使滑鼠懸停在圖標上的時候顯示出所有所示意義。

46、通俗有趣的自然語言優於正式語言

非正式的自然語言比正式語言更加適合運用在人機交互環境對話中。自然語言的對話方式更容易讓用戶接受並且能夠更好的明白接下來要做什麼。達到這一目標需要做到兩點:第一,計算機能夠完美的理解用戶輸入的短語;第二,計算機能夠用更加友好的語言進行回復。就像我們與siri的對話那樣。

47、提供一些信息引發用戶的好奇心

向讀者提供一些有誘惑性的內容,例如:書的一個章節、產品的演示或者一些免費的正版內容可以有效增加用戶進一步體驗產品的渴望,有效轉化潛在用戶。這就像是在傳達:「想要看到其餘內容嗎?就按照接下來的要求做吧「。因此,想要抓住用戶的心,就用這種方法勾起他們的好奇心吧。注意,透露過多則會起到相反的作用。因此,把握好度很重要。

48、重點保證優點而不是泛泛誇獎

當一個交易結束時,明確的標出:付款是安全、免運費、零風險這些好處。重點明確的向用戶保證這些可以向用戶傳達一種積極向上的快樂感。這種再次保證是有效轉化的必殺技。

49、讓用戶對價格產生幻覺

你完全可以讓用戶自己去判斷價格的合理性,或者幫助他們去判斷。你可以用這樣一種價格顯示方式來讓產品被認為更有價值。例如:每一頁30美分而不是每本書30美元,或者每天1美元而不是每個月30美元的會員。再例如:用以9結尾的價格;價格顯示時用30代替30.00。因為,30會讓用戶產生一種比30.00便宜的幻覺。

50、運用一些感謝的詞語

加入感謝的話可以讓你的UI設計顯得更加人性化。尤其是在用戶做問卷時,感謝的話比簡單的反饋更加能夠誘使用戶繼續進行下去。

原址鏈接:GoodUI

(未完待續)

>>>>>>>>>>

菲姐 :知乎專欄「藝術癮」與「藝術留學小站」,和您說說藝術、聊聊留學。

專欄不定期更新,歡迎關注或私信諮詢。


推薦閱讀:

國家公派藝術留學"漢藝扶持計劃"限額招生啟動,免費留學不是夢!
【珠寶】珠寶設計潮流前沿和未來發展(上)
全英建築第一 | UCL最困擾大家的15個申請問題,康石石1次解答
▲拾捌▼藝術賞 | 化腐朽為神奇——Artur Bordalo的垃圾雕塑
PS | 如何用別人3小時的「摳樹」時間,完成一幅平面作品

TAG:设计 | 艺术 | 作品集portfolio |