產品經理的UX——搜索和登錄

分類:設計 時間:2016-09-24

一.搜索

搜索輸入框是一個很重要的輸入控件,尤其是在內容特別多的時候,如果沒有搜索(即便你已經將內容分類整理的非常好),用戶也沒有辦法及時地找到自己想要的東西。

一般情況下,在提供信息內容為主要目的的APP里——當然這里的信息內容包含包含電商的各類商品——搜索框應該放在最明顯的地方,比如首頁頂端,并且搜索框應該是展開、用戶直接就可以點擊輸入的。

跟之前的文本輸入框一樣,搜索框應該顯示默認的輸入內容,這個內容可以是用戶上一次的輸入,或者最近的熱門搜索

一般情況下,使用放大鏡圖標來表示搜索。雖然也有其他的圖標可以用,但放大鏡是最常用也是最能讓用戶明白的。

關于用戶搜索過程中的交互,比較重要的幾點是:

1.自動搜索建議:在用戶輸入的過程中,給予匹配用戶輸入的搜索建議。對于大多數典型用戶來說,如果在嘗試搜索時找不到自己想要的東西,用戶很可能就會放棄了,而不會繼續去探索。但同時有一個問題是,用戶并不能將自己想要的東西完美地表達出來,大多數情況下僅僅只能通過一種模糊的方式去表達。自動搜索建議的好處在于能夠通過匹配相似的內容,來幫助用戶找到自己想要搜索的東西,而不僅僅是加快用戶的輸入。

2.搜索記錄:用戶之前的搜索應該保留紀錄,這樣用戶在點擊進入搜索框的時候,能夠將早前的搜索顯示出來,用戶可以直接點擊來完成輸入。這可以加快用戶的輸入。

3.搜索進度:用戶在完成搜索輸入后,系統需要給用戶即時的反饋。系統進行搜索有可能會比較耗時,尤其是內容多的情況下。搜索進度反饋可以告知用戶系統正在搜索中,你可以先給用戶呈現沒有內容的空白框,讓用戶知道內容正在準備中,等完成數據的準備后,再將內容展示出來,facebook的首頁加載就是用這種方式。

而為了更好的用戶體驗,你也應該采用延時加載的方式去呈現數據——先將一部分內容展示出來,讓用戶先看,然后再后臺繼續加載后面的內容。而不是一次過獲取到所有的數據之后,再展示內容。

4.搜索不到匹配的內容時:對于那些沒有結果的搜索,不應該簡單地給用戶呈現一個空白頁,而是對用戶的搜索提供建議,或者給用戶推薦內容。

下面這個是不好的做法:

更好的做法是這樣:

二.登錄

登錄框是一種很簡單的輸入控件——一般情況只有用戶名和密碼的輸入,外加一個確定按鍵;但卻又很重要——只有登錄才能讀取和保存用戶的信息,對于那些與用戶賬戶相關的應用里,登錄是必不可少的行為。

在登錄框的設計里,需要注意的幾點問題是:

1.注冊和登錄的樣式要有所區別:

因為注冊登錄的行為很相似——輸入用戶名密碼,點擊按鈕——很多應用會將注冊和登錄設計得一摸一樣,僅僅是按鈕的名稱不同。這會讓用戶搞混現在自己是在注冊還是登錄。

例如下面這種:

而Twitter的做法就相對比較好:

2.你應該盡可能地提供聯合登錄:

比如facebook,google,國內的比如微博,QQ,微信。好處是降低了用戶的注冊門檻和操作。

3.讓用戶可以看見自己輸入的密碼:

4.盡可能讓用戶用郵箱或者電話來作為登錄的用戶名:

一來這具備唯一性,這樣用戶在注冊時就不用不斷地嘗試以找到一個不重復的用戶名;二來用戶更容易記憶。

5.給用戶提供保持登錄的選擇:

如果用戶在公共的地方操作時,用戶有可能不想保持登錄;而當用戶在自己私人的地方登錄時,則可能更想能夠保持登錄,這樣用戶就不用每次打開應用的時候都要登錄一遍。

6.在PC上面,提醒用戶大小寫:

如果用戶在輸入時切換了大小寫,或者一開始的時候用戶的鍵盤就是大寫的輸入狀態,應該給及用戶提示。

*著作權歸作者所有,轉載請聯系作者獲得授權。


Tags: 產品經理

文章來源:http://www.chanpin100.com/article/101172


ads
ads

相關文章
ads

相關文章

ad