很可惜 T 。T 您現(xiàn)在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請把文章發(fā)送到郵箱tougao@appcpx.com，一經(jīng)錄用會有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒埪?lián)系：鳥哥筆記小羽毛（ngbjxym）
來源：Clippp
Halo，這里是設計夾，今天分享的是「批量操作」。
文章來源于設計師「Real菜」的工作總結(jié)。主要總結(jié)了在日常設計中的碰到的批量操作問題，主要圍繞復選框+操作按鈕的方式展開：批量操作按鈕應該常顯嗎？復選框應該常顯嗎？….
在文中列舉了不同的方式，分析了它們的優(yōu)缺點。在多選操作中，還探討了可能出現(xiàn)的問題和陷阱。
最后結(jié)合一個電子商務平臺訂單管理系統(tǒng)的應用案例，討論不同的批量操作方案。強調(diào)一下，需根據(jù)具體場景和用戶需求進行合理選擇。
① 復選框+操作按鈕
優(yōu)點：批量操作直觀（后面其他小節(jié)，都是圍繞這種方式）
缺點：占用空間、不夠簡潔
A是谷歌郵箱，經(jīng)常有垃圾郵件等，會常用到批量操作。
② 鼠標框選/Shift+鼠標右鍵/快捷鍵
缺點：批量操作比較隱晦
優(yōu)點：效率反而更高
B是谷歌網(wǎng)盤，云端文件往往是主動備份的內(nèi)容，比較穩(wěn)定。
綜上所述，選擇方式需要考慮到功能的頻次、用戶專業(yè)度、頁面空間、交互形式等。比如Gamil單擊列表，是打開詳情頁，那么它多選則需要通過復選框來實現(xiàn)。
只能說相對高頻的操作/本次任務就是批量操作(后面“觸發(fā)方式”會講到)，可以優(yōu)先考慮是否可以采用“復選框+按鈕”。當然最后還得具體問題具體分析。
上述的方式還可以結(jié)合使用，比如鼠標框選也能和方式1結(jié)合。
思考題：微信通訊錄管理，低頻吧，那為啥要這么顯眼的復選框？
因為他已經(jīng)進入管理頁面了。本來就是帶著目的來的，還不顯眼，要急死人家嘛。
① 上右 (不推薦)
距離偏遠，操作麻煩；不符合親密性原理，較難視為是一個整體。
② 上左
尤其使用全選操作時，操作會很方便；符合親密性原理。
③下方
一般是勾選復選框后出現(xiàn)按鈕，由于人的視線一般偏屏幕上方，出現(xiàn)按鈕時，可能不容易察覺。
通過模式批量操作。
咱們先聊聊什么是模式，可以簡單理解：通過特定的操作進入到不同的模式，以訪問不同的功能。
尼爾森提到“模式”這個東西的本意是“聚焦用戶注意力、減少用戶可以做的操作，以便用戶更快找到在當下具體場景中所需的操作與信息”。
在Figma中，對比sketch，它大量使用了模式，極大地簡化了界面，更加高效。例如選中兩個矩形，才會進入布爾運算模式。
但是它帶來的缺點也不能忽視，在使用的過程中需要考慮到方方面面。界面專家 Jef Raskin強烈反對模式，他寫道：“模式是界面中錯誤、混亂、不必要的限制和復雜性的重要來源。”
對于進入模式后，要不要禁止除模式外的其他操作，在這篇文章中暫時不寫。后面有時間可以單獨寫一篇模式的。
① 按鈕觸發(fā)
屬于傳統(tǒng)的模式，通過批量操作按鈕進入，批量操作模式。
如下圖，點擊“批量刪除”進入了批量操作模式，再進行多選操作，最后點擊刪除。一共需要3個步驟。
顯而易見，這種操作方式比較復雜。
② 多選觸發(fā)
現(xiàn)在比較常見的設計。通過多選操作，預判了用戶需要進入批量操作模式，比上面的方式少了一步。
當然這個設計有個缺點是：功能可見性弱。點擊復選框之前，用戶不知道有哪些批量操作。
因為現(xiàn)在這種設計比較常見，如果批量操作是刪除、導出之類的，就可以放心大膽地用。如果涉及到一些比較新的功能、想突出的功能，可以考慮不使用模式。
這種方式還帶來一個問題：復選框一直出現(xiàn)，增加視覺上的復雜性。對此，有一種解決方案是hover時才出現(xiàn)復選框。(這種方式，我還沒思考它的優(yōu)缺點及適用場景。有小伙伴知道的請指導下)
在一開始，批量操作就全部暴露在用戶視野中。好處自然是一目了然，知道有哪些功能。缺點是犧牲了簡潔性。
這種方式，按鈕往往有如下兩種狀態(tài)：
① 禁用
未勾選復選框時，操作按鈕置灰，建議hover時提示為什么置灰。
② 激活
無論復選框勾選與否，按鈕都可以點擊。若沒有勾選記錄，則Message提示。
多選操作會出現(xiàn)不少問題，常常會陷入多選陷阱：
1.是否可以跨頁多選；
2.跨頁多選之后，容易忘記哪些已經(jīng)被選中了；
3.全選操作，是僅限本頁，還是包含所有的分頁？
這個問題我就簡單提下，具體可以看看這個老師寫的文章《界面設計的單選小坑 和多選大坑》。
在一個電子商務平臺的訂單管理系統(tǒng)中，以訂單管理--已賣出的商品為例(我不是做電商的，電商產(chǎn)品狀態(tài)比較多，適合講這個案例，這邊更多是結(jié)合功能說，但具體的場景肯定存在說的有問題的地方，請忽視)
① 基礎
需求：原有表格沒有批量操作功能，現(xiàn)有計劃新增批量標記功能，且對每條記錄都能操作。
方案：
訂單管理頁，顯而易見是管理，經(jīng)常涉及批量操作。雖然現(xiàn)在只有批量標記功能，但以后還會有很多批量功能出來。
那么批量按鈕適合常顯(如下圖的非模式批量操作)，而不適合多選觸發(fā)。
② 進階
需求：現(xiàn)需要加入批量發(fā)貨功能。未付款的的訂單不能發(fā)貨，已付款的訂單能批量發(fā)貨。
方案1：允許多選操作，但是批量操作后報錯。
操作前不可預知，操作后也不知道哪些記錄不能被操作，此方案不好。
方案2：多選，點擊批量發(fā)貨，提示"xxx"無法發(fā)貨，其他的完成發(fā)貨。
操作后有清晰反饋，但是彈窗提示挺笨重的。當彈窗內(nèi)的商品很多，彈窗又該如何展示，用戶甚至都不清楚哪些被發(fā)貨了。
綜上，這個方案會有適合的應用場景，但是存在局限性。
方案3：當選中不可操作的記錄時，按鈕置灰。
依舊是操作前不可預知，不能防錯。如果有多個批量操作功能，點擊復選框?qū)陌粹o真是一閃一閃亮晶晶了。
但是對比方案1，操作后能知道哪些不能發(fā)貨、且少了點擊操作按鈕的一步，此方案差強人意。
方案4：采用按鈕觸發(fā)的模式操作。
這種方式，用戶全程操作都會有較強的掌控感。需要注意是，讓用戶清晰地知道自己當前所處的模式。
方案5：做成不同的表，每個表有不同的批量操作。
這個案例將就看吧，僅討論功能，以后有合適的案例我就更換下。不同的方案其實還是有不同使用場景，不過方案1無論在哪個場景，都是個糟糕的設計。
比如我選了方案5，但如果不同的批量操作功能很多且分散在不同的表格，用戶可能需要先找到正確的表格才能進行對應操作，需要額外的認知成本。
像方案4，按鈕觸發(fā)的傳統(tǒng)模態(tài)方式，雖然在前面介紹的時候存在諸多缺點。在業(yè)務較復雜的時候，也是解決問題的一把好手。
最后，如果不是在這個案例，用戶的需求可能比較關注不同記錄的不同狀態(tài)，那么不拆成兩張表格就比較合適，方案4則優(yōu)于方案5。
本文為作者獨立觀點，不代表鳥哥筆記立場，未經(jīng)允許不得轉(zhuǎn)載。
《鳥哥筆記版權及免責申明》 如對文章、圖片、字體等版權有疑問，請點擊 反饋舉報
我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求，為完善跟帖評論自律管理，為了保護用戶創(chuàng)造的內(nèi)容、維護開放、真實、專業(yè)的平臺氛圍，我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容，同時也將采取必要措施管理違法、侵權或有其他不良影響的網(wǎng)絡信息。
一、根據(jù)《網(wǎng)絡信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī)，對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息，主要表現(xiàn)為：
1)反對憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權，破壞國家統(tǒng)一，損害國家榮譽和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽；
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動；
5)煽動民族仇恨、民族歧視，破壞民族團結(jié)；
6)破壞國家宗教政策，宣揚邪教和封建迷信；
7)散布謠言，擾亂社會秩序，破壞社會穩(wěn)定；
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序；
10)侮辱或者誹謗他人，侵害他人名譽、隱私和其他合法權益；
11)通過網(wǎng)絡以文字、圖片、音視頻等形式，對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內(nèi)容；
2. 不友善：不尊重用戶及其所貢獻內(nèi)容的信息或行為。主要表現(xiàn)為：
1)輕蔑：貶低、輕視他人及其勞動成果；
2)誹謗：捏造、散布虛假事實，損害他人名譽；
3)嘲諷：以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對方對自己的言論作出回應，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對方難堪；
6)謾罵：以不文明的語言對他人進行負面評價；
7)歧視：煽動人群歧視、地域歧視等，針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容，或進行相關行為。主要表現(xiàn)為：
1)多次發(fā)布包含售賣產(chǎn)品、提供服務、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式：
2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容；
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容；
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容，如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等，誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當曝光；
6)購買或出售帳號之間虛假地互動，發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容，如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷；
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息，主要表現(xiàn)為：
1)包含自己或他人性經(jīng)驗的細節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內(nèi)容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容；
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想；
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚低俗、庸俗、媚俗內(nèi)容。
5. 不實信息，主要表現(xiàn)為：
1)可能存在事實性錯誤或者造謠等內(nèi)容；
2)存在事實夸大、偽造虛假經(jīng)歷等誤導他人的內(nèi)容；
3)偽造身份、冒充他人，通過頭像、用戶名等個人信息暗示自己具有特定身份，或與特定機構或個人存在關聯(lián)。
6. 傳播封建迷信，主要表現(xiàn)為：
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治?。?br /> 2)求推薦算命看相大師；
3)針對具體風水等問題進行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運勢，東西寵物丟了能不能找回、取名改名等；
7. 文章標題黨，主要表現(xiàn)為：
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導用戶；
2)內(nèi)容與標題之間存在嚴重不實或者原意扭曲；
3)使用夸張標題，內(nèi)容與標題嚴重不符的。
8.「飯圈」亂象行為，主要表現(xiàn)為：
1)誘導未成年人應援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內(nèi)容，主要表現(xiàn)為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導未成年人不良嗜好影響未成年人身心健康的；
2)不當評述自然災害、重大事故等災難的；
3)美化、粉飾侵略戰(zhàn)爭行為的；
4)法律、行政法規(guī)禁止，或可能對網(wǎng)絡生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將依據(jù)相關用戶違規(guī)情節(jié)嚴重程度，對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號，或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富，本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的，將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權歸屬本網(wǎng)站所有)