国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

當(dāng)設(shè)計(jì)師需要向用戶展示大量的數(shù)據(jù)時(shí)，總是不可避免要利用到篩選和排序。篩選和排序可以幫助用戶縮小他們正在尋找的數(shù)據(jù)范圍。

目前我正致力于提升一家大型電子商務(wù)的移動(dòng)端用戶體驗(yàn)。一個(gè)好的導(dǎo)航結(jié)構(gòu)以及深思熟慮后的篩選和排序，是讓用戶輕松找到目標(biāo)數(shù)據(jù)的關(guān)鍵。

篩選和排序的設(shè)計(jì)當(dāng)然絕不是一件復(fù)雜的事情，但仍有很多不同的方案去實(shí)現(xiàn)。

彈出式篩選頁(yè)

有很多APP使用這種方式。篩選頁(yè)在搜索結(jié)果屏幕上展示給用戶。篩選頁(yè)覆蓋在搜索結(jié)果頁(yè)之上是為與已經(jīng)展示的結(jié)果數(shù)據(jù)進(jìn)行上下文的關(guān)聯(lián)。

Foursquare

Amazon

Etsy

• 應(yīng)用場(chǎng)景：當(dāng)篩選項(xiàng)不是很多，并且你希望能夠?qū)λ阉鹘Y(jié)果數(shù)據(jù)維持關(guān)聯(lián)時(shí)可以應(yīng)用。在展示搜索結(jié)果時(shí)應(yīng)用通常能收到好的效果。
• 案例學(xué)習(xí)： Foursquare and Etsy 都使用了標(biāo)準(zhǔn)模式，而Amazon則使用更為個(gè)性化的解決方案。

滿屏式篩選頁(yè)

這種方式同上文的彈出式很相似，但是它需要更多的專注力和更多的篩選條目，因此犧牲了對(duì)上下文的聯(lián)系。

Airbnb

Kayak

Hostelworld

• 應(yīng)用場(chǎng)景：當(dāng)需要篩選的數(shù)據(jù)很多時(shí)，這種方式能夠給你更多的可利用空間，并且用戶在翻看篩選項(xiàng)時(shí)不會(huì)覺得有干擾。
• 案例學(xué)習(xí)：上面的屏幕截圖中，Hostelworld更適用與上下文聯(lián)系的彈出式篩選頁(yè)方式，因?yàn)橹挥袃蓚€(gè)篩選項(xiàng)要求用戶選擇；我會(huì)使用同上面的Foursquare相似的方式。Hostelworld還可以通過“重置”動(dòng)作來簡(jiǎn)化篩選。

搜索結(jié)果再篩選

搜索結(jié)果是難以預(yù)料的，因?yàn)閿?shù)據(jù)的返回很大程度上是基于用戶的輸入。哪種方式是好的解決方案取決于垂直線上的數(shù)量和數(shù)據(jù)的總量。

Apple

Etsy

• 案例學(xué)習(xí)：蘋果平等對(duì)待每一個(gè)搜索請(qǐng)求。在之前頁(yè)面選中的分類現(xiàn)在放在滿屏式的篩選頁(yè)中。另一方面Etsy利用了更為靈活的方式：基于用戶搜索請(qǐng)求的特殊性，提供給用戶一個(gè)完全不同的方式。
• 如果用戶搜索一個(gè)一般性商品，例如“anchor（錨）”，Etsy就會(huì)提供分類讓你縮小搜索結(jié)果范圍。若果你是搜索更精確的商品，例如“anchor necklace（錨項(xiàng)鏈）”，Etsy就會(huì)馬上返回商品列表。

排序

與篩選不同，排序不限制展示給用戶的數(shù)據(jù)，但改變了結(jié)果的展現(xiàn)方式。通用的排序功能是按價(jià)格、品質(zhì)或字母順序。為了節(jié)省空間，可以學(xué)習(xí)上面的Etsy和Foursquare將篩選和排序合并在一個(gè)頁(yè)面中。

TripAdvisor

Kayak

Hostelworld

• 應(yīng)用場(chǎng)景：當(dāng)用戶很難自己找出極限值（如最低價(jià)格）時(shí)，排序便會(huì)發(fā)揮作用。在手機(jī)上，這種場(chǎng)景很早就存在，因?yàn)樵O(shè)計(jì)師需要在很有限的視圖尺寸上做設(shè)計(jì)。這是設(shè)計(jì)師必須做出的主觀決定。
• 案例學(xué)習(xí)：TripAdvisor和kayak都選擇了彈出式，而Hostelworld卻仍用滿屏式。再一次地，我建議他們不要用滿屏式，因?yàn)檫@樣會(huì)將用戶帶離查詢結(jié)果。

篩選項(xiàng)上：分開展示重要的選擇項(xiàng)

并非所有項(xiàng)目都值得被篩選。展示頂層決定項(xiàng)是個(gè)聰明的選擇，列如分別位于不同屏幕的產(chǎn)品類別。這些幾乎是所有用戶都會(huì)做出的決定，無論他們?cè)趯ふ沂裁础?/p>

用戶會(huì)知道在哪個(gè)類別下他最能找到他要找的產(chǎn)品，但他可能無法確定價(jià)格范圍或顏色。

Postmates

Etsy

Apple

• 應(yīng)用場(chǎng)景：不是所有項(xiàng)都應(yīng)該填塞在篩選中。會(huì)被幾乎所有用戶選擇的重要的頂層選擇項(xiàng)最好放在最前。這也助于理清和簡(jiǎn)化用戶體驗(yàn)。
• 案例學(xué)習(xí)：Postmates讓你在進(jìn)入APP上的一個(gè)商鋪前先選定產(chǎn)品類別，進(jìn)入商鋪后即展示商品，并將產(chǎn)品類別藏于篩選頁(yè)上。

結(jié)論：思索再三

篩選和排序是幫助用戶更便捷地找到目標(biāo)的有力工具。多花些時(shí)間去考慮你的可能選擇——這會(huì)讓你獲益的。

記住，最好方法的是不需要篩選和排序——這是可能實(shí)現(xiàn)的。在這方面，Postmates是個(gè)很好的列子。

找出哪個(gè)篩選項(xiàng)被用得最多也是很有受益的。你可以基于這些結(jié)果為篩選項(xiàng)安排位置。airbnb知道房屋類型和價(jià)格是用戶用得最多的，因此他們把這兩項(xiàng)放在最上面。

就是這些了，正如我所說的，并不復(fù)雜~

來源： medium – Thierry Meier???譯文出處：Tuesday_Woo