批量篩選聽起來是一個(gè)非常簡單的操作體驗(yàn)，但要讓用戶提高效率、擁有較好的體驗(yàn)，還是需要深入考慮交互流程。

1、批量篩選是有針對性的篩選操作

批量篩選和盲選是完全不一樣的概念，批量刪選可能包括兩種情況：

• 情況一：先批量全選，然后從中剔除不想選擇的對象；
• 情況二：從海量選擇對象中直接選擇需要操作的對象。

兩種情況下都需要從海量對象中快速找到明確的目標(biāo)，這里就需要加入搜索操作。而加入到批量篩選中的搜索操作和普通的搜索操作又有很大的區(qū)別，這里搜索后的結(jié)果也是需要支持批量操作的，并且得再次滿足以上兩種場景，總結(jié)來說就是對搜索結(jié)果進(jìn)行再次的批量篩選。

首先我介紹一下本次設(shè)計(jì)實(shí)例的需求場景，這是一個(gè)群發(fā)功能的對象篩選模塊，微信群的運(yùn)營人員需要批量的給相應(yīng)的群和好友發(fā)送營銷廣告或者信息，快速高效的從幾千上萬的對象中選擇需要發(fā)送的對象，是一件十分耗費(fèi)時(shí)間的事情，本次設(shè)計(jì)的目的就是讓用戶高效地完成自己的工作。最早的版本設(shè)計(jì)只簡單粗暴的加了搜索入口，雖然能夠基本滿足用戶的操作流程，但是在用戶體驗(yàn)上是十分不友好的。

用戶在實(shí)際操作中遇到了很多問題，經(jīng)過多次研究和訪問總結(jié)了下幾點(diǎn)常見問題：

• 第一、在列表中篩選后，再此確認(rèn)需要重新翻動一遍，希望可以能夠快速查看和甄別一遍自己的選擇結(jié)果；
• 第二、勾選部分后未及時(shí)清空對象，忘記了之前的行為的情況下直接搜索需要的對象，選擇后直接發(fā)送，導(dǎo)致多選和錯(cuò)選的情況；
• 第三、不同的類型列表在展示上分類不夠清晰，經(jīng)常忽略“好友”列表。
• 根據(jù)以上的用戶反饋我們做了多次的界面調(diào)整，在設(shè)計(jì)界面的展示上注意了以下幾點(diǎn)：
• 第一、批量篩選和搜索場景的切換需要讓用戶有明確的場景認(rèn)知，防止用戶錯(cuò)選多選；
• 第二、讓用戶對選擇結(jié)果有明確的認(rèn)知，可以對選擇結(jié)果進(jìn)行二次確認(rèn)。

2、普通篩選過程和搜索篩選過程的場景置換

普通篩選過程是指在展示的列表下通過滾動或翻頁的方式肉眼篩選；搜索篩選過程是指在搜索結(jié)果中有針對性的篩選對象。不難看出，搜索篩選屬于輔助功能，屬于二級頁面，因此在設(shè)計(jì)過程中需要明確用戶體驗(yàn)地圖，防止造成用戶誤操作的情況，下面是三個(gè)版本的迭代設(shè)計(jì)，大家可以從上到下以此觀察和體驗(yàn)：

這三個(gè)版本是在多次用戶研究的基礎(chǔ)上調(diào)整修改的，在用戶反饋中，很常見的一個(gè)問題就是用戶在搜索狀態(tài)下忘記退回原始界面再次確認(rèn)后就開始下一步操作，造成了很多錯(cuò)選和誤選。上面的四種方案在一步步優(yōu)化這個(gè)問題：

• 方案一：在原列表上直接進(jìn)行搜索和篩選；
• 方案二：列表跳轉(zhuǎn)后進(jìn)行搜索，與原列表做了區(qū)分；
• 方案三：搜索界面以輕彈窗的形式展現(xiàn)，讓用戶明確自己身處搜索場景。

3、批量篩選是否需要二次確認(rèn)

批量篩選的二次確認(rèn)是為了讓用戶能夠準(zhǔn)確高效的瀏覽和確認(rèn)自己的篩選結(jié)果，防止出現(xiàn)錯(cuò)誤。最為常見的就是購物車的需求場景，把自己有意向購買的商品扔進(jìn)購物車，在最后結(jié)賬時(shí)二次確認(rèn)是不是必須購買的商品，因此二次確認(rèn)的過程中需要給予用戶反悔選擇的入口。

二次確認(rèn)的展現(xiàn)形式可以很多，根據(jù)不同的需求可以有不同的展示方式，除了購物車頁面的彈窗形式，還可以跳轉(zhuǎn)確認(rèn)等等。但在本次設(shè)計(jì)中采用了列表內(nèi)切換的形式，是一個(gè)比較弱化和隱藏的二次確認(rèn)交互，這樣做的原因是由于操作場景的特殊性導(dǎo)致的。

在群發(fā)需求場景中，我們需要完成選擇對象、編輯消息組內(nèi)容、選擇發(fā)送方式、查看發(fā)送進(jìn)程和記錄等一連串的動作。因此對象的批量篩選只是本頁面內(nèi)的一小步操作，我們需要劃分好主次，盡量避免一連串動作中出現(xiàn)層級跳轉(zhuǎn)，這樣可以引導(dǎo)用戶始終走在主干道上不會迷失操作方向。下面是二次確認(rèn)的一個(gè)交互方式，旨在更好的引導(dǎo)用戶理解和學(xué)習(xí)。

4、及時(shí)反饋的重要性

篩選過程中的及時(shí)反饋?zhàn)層脩粼诓僮鬟^程中能心中有數(shù)。及時(shí)反饋的提示有兩種：一種是常在提示，另一種是短暫提示。根據(jù)不同場景和需求選擇不同的交互方式。

常在提示一般出現(xiàn)在用戶需要時(shí)刻關(guān)注的場景下，例如選擇操作，每選擇一個(gè)對象需要反饋用戶已選人數(shù)，這樣的提示使用常在提示更加合理；而短暫提示適用于信息不是很重要的場景，是對當(dāng)即操作的一個(gè)反饋，一般這種信息當(dāng)用戶得知后就不再重要，例如當(dāng)操作結(jié)果屬于后臺執(zhí)行完成很難在界面上得到反饋的情況下，我們就需要使用短暫提示的方式告知用戶：您的操作已經(jīng)成功。

在批量篩選的交互設(shè)計(jì)中我就采用了常在提示的交互方式，這樣用戶能夠很清晰的知道自己選擇的人數(shù)情況，有效地防止出現(xiàn)誤操作的情況：例如用戶發(fā)現(xiàn)反饋的人數(shù)和實(shí)際預(yù)期選擇的人數(shù)不一致的情況下，會自覺地去二次確認(rèn)自己的選擇結(jié)果。

總結(jié)：這次的設(shè)計(jì)總結(jié)是經(jīng)過多次迭代設(shè)計(jì)的終極總結(jié)，也都來自用戶的直線反饋，在設(shè)計(jì)過程中慢慢向用戶的心理和操作場景靠攏。大家有什么疑問和意見可以踴躍給我留言。

本文由 @?UX-ICY 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自PEXELS，基于CC0協(xié)議