本文為轉載整理的學習筆記澜倦,編號有所改動聚蝶。關于表單、注冊類的輸入優(yōu)化將會陸續(xù)整理更新到這一篇藻治。
文章來自@謝爾魚翻譯并授權人人都是產(chǎn)品經(jīng)理社區(qū)發(fā)布
原文地址:http://goodui.org/
1.嘗試精簡表單
人類天生就抗拒密集型勞動碘勉,并且這也體現(xiàn)在表單填寫上。你要求用戶填寫的每一個字段都有讓用戶轉身放棄的風險桩卵。每個人打字的速度都是不一樣的验靡,況且在移動設備端輸入更是一件苦差事。確定是否每一個字段都是必需的雏节,盡量刪掉不必要的字段胜嗓。如果你確實有大量的信息需要用戶填寫,考慮將它們分開到不同的頁面填寫钩乍,或者在提交之后還能繼續(xù)補充辞州。過多的字段會讓你的表單臃腫浆洗,要想精簡也很容易荞彼,減少字段就行了标捺。
2.嘗試暴露選項而不是隱藏它們
你使用的每一個下拉菜單隱藏的信息迈螟,都需要用戶用額外的操作才能顯示罕容。假如那些隱藏選項對用戶來說是貫穿整個操作的袋毙,你可能會希望它們展示得更明顯一些沪摄。保留那些約定俗成的下拉菜單诱篷,比如說日期和時間(例如:日歷)或者地理位置的選擇妄痪。有時候下拉菜單在用戶重復使用的地方也是可以使用的(例如:操作菜單)哈雏。在你需要進行頁面跳轉的地方,盡量避免為主要功能使用下拉菜單衫生。
3.嘗試循序漸進的引導而不是草率地讓用戶注冊
與其要求用戶立馬注冊裳瘪,何不讓用戶先體驗一些已示范的有價值的操作呢透敌?在最初的交互過程中划滋,不僅能展現(xiàn)產(chǎn)品的價值饵筑,也能顯示出產(chǎn)品的個性。一旦用戶開始看到你的產(chǎn)品的價值处坪,了解產(chǎn)品對自己的用處根资,他們將更樂于與你分享更多的信息架专。這種循序漸進的引導是一種盡可能推遲注冊過程的方法,同時還可以讓用戶使用和自定義你的應用或產(chǎn)品玄帕。
4.嘗試使用智能的默認值部脚,而不是要求額外的操作
使用智能默認值,或者根據(jù)經(jīng)驗猜測預填表單字段能夠幫助用戶減少大量的工作量裤纹。這是一種節(jié)省用戶的寶貴時間委刘,幫助用戶快速完成表單填寫的常用技巧。最糟糕的事情是從經(jīng)驗和轉化點出發(fā)要求用戶填寫的信息可能是他們在過去已經(jīng)反復多次提供過的服傍。嘗試加載和顯示已經(jīng)驗證過的字段值钱雷,而不是每次都要求用戶填寫。用戶的工作量越少越好吹零。
5.嘗試進行內聯(lián)驗證罩抗,而不是提交后再報錯
當處理表單時,通常在驗證到字段填寫不正確時就立馬給出錯誤提示灿椅,比填完提交之后再報錯要好得多套蒂。這里強調的交互模式當然就是最著名的內聯(lián)驗證了。當驗證到錯誤的時候茫蛹,將其立馬顯示出來(在輸入框右邊顯示出來)操刀,這樣上下文中出現(xiàn)錯誤時就可以立即被更正。另一方面婴洼,如果在表單提交之后再提示錯誤骨坑,就會強迫用戶回憶之前的操作步驟而做額外的工作。
6.嘗試放寬輸入的條件柬采,而不是要求嚴格的數(shù)據(jù)格式
適當放寬對輸入數(shù)據(jù)的要求會使計算機看起來更人性化一點欢唾。放寬對輸入數(shù)據(jù)的要求,包括數(shù)據(jù)的內容粉捻、格式礁遣,會讓你的用戶界面更加友好。最好的例子就是當我們要求用戶輸入電話號碼的時候肩刃,用戶輸入的方式有很多種——帶括號的祟霍,不帶括號的,帶破折號的盈包,帶區(qū)號的等等沸呐。對你來說,就是稍微多寫幾行代碼续语,但你的用戶會因此省很多事垂谢。
7.嘗試顯式地羅列選項,而不是讓用戶自己邊回憶邊填寫
這是一條與心理學緊密相關的經(jīng)典原則疮茄,即人們很容易在一些已有的事物中進行辨識滥朱,而純粹從記憶中回憶則相對困難根暑。辨識給我們提供的線索或提示,讓我們只需要稍微回憶一下就能完成徙邻。而回憶則要求人們完全靠自己從記憶深處進行搜索排嫌。這可能就是為什么在考試中有時多項選擇題比開放題能更快地完成。所以給用戶提供一些之前涉及到的信息作為選項缰犁,而不是讓他們完全靠自己回憶浪箭。
8.嘗試漸進式地收集信息豺憔,而不是無條理的獲取信息
漸進式顯示能使用戶免收不相關信息的干擾衡怀。這種模式漸進式地展示信息银伟,即在上下文中有必要顯示該信息的時候,它才顯示并徘。通常漸進式顯示會伴隨著某種形式的內聯(lián)擴展或者滑出動畫遣钳。如果太多字段需要用戶填寫,可能會將用戶嚇跑麦乞,所以這也是另一種避免不必要的輸入字段的策略蕴茴。只在必要的情況下才顯示/請求這些字段。
9.嘗試為控件添加多功能
簡潔性因其與易用性息息相關而在設計中舉足輕重姐直。太多的雜物會消耗我們有限的注意力倦淀,并且模塊越多声畏,可用性空間不足的問題就會越明顯撞叽。在用戶界面上用簡潔的元素也可以實現(xiàn)相同的功能,方法之一就是讓UI控件具備多功能插龄。也就是說能扒,在一個控件上添加兩個或多個功能。舉個例子辫狼,我們可以在一個搜索輸入字段上綁定一系列的過濾機制,以此來移除額外的過濾器辛润。我們也可以通過鼠標懸停展示來進一步減少額外的部分膨处。不過多功能機制并不是萬能的。簡潔的代價是隱蔽性砂竖。不太明顯的功能有被忽略的風險真椿。因此,對澈醭危客來說突硝,保留多功能方法還是很好的。所以置济,合理使用多功能解恰,但不要濫用锋八。
10.嘗試在界面上做有用的運算,而不是讓用戶自己計算
用戶界面可以為用戶做一些數(shù)學運算护盈,從而消除不必要的摩擦挟纱。舉例來說,讓我們假設有一些應用的積分快用完了而不能再繼續(xù)使用腐宋。這時為用戶計算出還有多少天應用就到期或許是更有意義的紊服。一個更簡單和應用廣泛的例子是“3分鐘前”相對于“9月2日,下午4:37”對用戶來說更易于理解胸竞。在界面上為用戶做好運算欺嗤,使用戶免于計算的苦惱。