輯導語：列表頁是后臺界面的重要組成之一，上篇說了后臺列表設計的“搜索”設計（詳情見：后臺列表設計避坑指南 上）；本篇繼續(xù)講剩下的兩個部分的“坑”和必坑指南，我們一起來學習一下。
列表頁是構(gòu)成后臺使用界面的重要組成之一，聚合了眾多信息并提供操作入口。
區(qū)別于小而美的C端產(chǎn)品列表，后臺系統(tǒng)的用戶希望列表的內(nèi)容又多又全面（表格），但在操作時又能支持快速定位（搜索，包含篩選）、準確處理（操作）。
這需求貌似有些矛盾，但在很多場景下，例如客服在接待客戶時窗口時間極其短暫，既要全面獲取相關信息，又要快速應對解決客戶問題；因此這需求不僅合理而且是剛需。
列表頁由「搜索」、「表格」和「操作項」三大基本塊組成。剛才提到的矛盾點也是由這三個模塊之前的互相影響和制約（后面會詳細闡述）。
我們當初由于在設計時忽視了特定場景細節(jié)，以及生搬硬套了一些看起來很美很簡約的交互樣式，沒有處理好這三個模塊內(nèi)部以及之間的關系，被用戶抱怨說不好用。
這篇文章就將「搜索」、「列表」、「操作」三塊問題進行分析和定位，盤點一下那些被淘汰掉的解決方案，給大家提供一份避坑指南。
注意，不存在“最好”的通用方案，只有應對具體需求“最合適”的解決方案。
列表的主要問題依舊是內(nèi)容太多帶來的：
另外，其他潛在問題也會增加列表展示的復雜性，例如條目之間存在一定相關性——基于某份主合同后續(xù)簽訂幾份補充合同（這里不討論業(yè)務邏輯合理性）；那么簡單按照簽訂時間點排序，就無法體現(xiàn)合同之間的關聯(lián)關系。
在設計時，應著眼于避免內(nèi)容太多導致的認知負擔和操作成本。我們嘗試了一些方法來減少信息噪音，抽象來說方法歸為兩個字——「藏」和「換」。
「藏」，就是隱藏低優(yōu)先級信息，需要的時候才允許他們出現(xiàn)；「換」就是轉(zhuǎn)換信息呈現(xiàn)的形式；下面我們一一展開。
1）用戶來配置展示哪些表頭項
和之前提到的搜索區(qū)域配置功能類似，允許用戶配置表頭項，隱藏暫不需要的內(nèi)容。
△ 設計者 Ashmita Bhattacharyya
2）使用展開行
適合主次層級對比強烈的列表。將重要度低的內(nèi)容放入展開行內(nèi)，這樣可以避免橫向滑動。
但如果同時查看多條展開行，需要多次點擊展開。
△ 圖片來自Element UI3、樹形數(shù)據(jù)
使用樹形數(shù)據(jù)可以將一組有父子關系的數(shù)據(jù)聚合呈現(xiàn)，類似文章一開始提到的主合同+補充合同的場景。
△ 圖片來自Element UI
1）使用圖像代替文字
圖像比文字在信息傳遞上更直觀——原因是人們對圖像的處理效率遠高于閱讀和理解；利用清晰易懂的圖像可以將信息檢索效率提升一個數(shù)量級。
△ 圖片來自設計者Dwinawan2、合理的默認排序規(guī)則
常見的排序規(guī)則包含時間的正、倒序等；合理的排序規(guī)則，決定了首屏是否能呈現(xiàn)對用戶重要度更高的內(nèi)容，以及操作反饋是否可見。
舉個例子，用戶新創(chuàng)建完成一個新條目后，列表按照創(chuàng)建時間正序排列，刷新后沒有任何變化，需要用戶翻到最后才能看見，那么這個反饋體驗就不太好。
我們也可以根據(jù)信息的狀態(tài)設置權(quán)重參數(shù)，綜合計算權(quán)重值后，重要度高的信息排在前面。
舉個微信的例子，大家是否發(fā)現(xiàn)訂閱號消息的排序并不是按照更新時間排序？
微信的解釋是——訂閱號消息排列順序會根據(jù)訂閱號的優(yōu)質(zhì)程度、用戶對訂閱號的喜愛程度以及群發(fā)文章的內(nèi)容質(zhì)量等綜合因素動態(tài)變化；也就是有多個權(quán)重參數(shù)值疊加，綜合排序。
另外還可以允許用戶將任意條目置頂?shù)?，例如微信可以將某人或某群組的消息置頂。
1）橫向滾動條
橫向滾動條在底部的話，可能因為列表條目太多（例如一頁展示50條），導致用戶未將列表拉到底就看不到滾動條；如果設備是觸屏，無法支持左右滑動會非常不便，因此列表頂部也需要展示橫向滾動條。
2）固定列
如果列表支持橫向滾動，那么選擇列、名稱等標識列、操作列等建議固定，便于定位和操作。
△ 頂部橫向滾動條、固定列
3）數(shù)字右對齊
在小數(shù)位保持一致的情況下，數(shù)字右對齊，更容易對比數(shù)字大小。
4）空數(shù)據(jù)
沒有的數(shù)據(jù)不要為空，可以用符號「-」代替。
△ 數(shù)字右對齊、空數(shù)據(jù)
操作我們大致分成兩類來分析：
批量操作相對復雜度高，出錯的概率也更大，以下幾條內(nèi)容是我們設計摸索過程中總結(jié)出來的防錯策略：
1）列表的信息展示，我們會嘗試取舍和隱藏；但關于操作，在很多場景下，盡量全部展示，避免用戶需額外點擊才能將操作項喚出。
原因有二：降低學習成本、提升操作效率。
△ 圖片來自設計者Asish Sunny，設計方案將部分操作隱藏，不過在很多場景下并不適用
2）在展示上，可以使用圖標按鈕代替文字按鈕，但要注意語義一定要準確，不要過于追求創(chuàng)新導致語義和用戶心理模型產(chǎn)生偏差。圖標除了具有按鈕功能，還能提示信息狀態(tài)，一舉兩得。
△ 圖片來自設計者Aaron Iker
△ 圖片來自設計者 Kirill Zhukovsky
3）在交互上，如果操作可以在彈窗內(nèi)解決，盡量不要新開頁面。尤其是連續(xù)逐條處理的任務，如果頻繁切換頁面，用戶還要耗費時間重新定位任務條目。
作者：杜小杜，公眾號：能呆書房一整天
本文由 @杜小杜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于 CC0 協(xié)議
英特爾10代酷睿上市至今，相關PC廠商的新品基本已經(jīng)布局完畢，以便備戰(zhàn)年末雙11和圣誕季促銷。而近期，有不少網(wǎng)友在文章下方留言詢問10代酷睿新品的相關信息，而且大家討論最多的是“現(xiàn)在手上有7代酷睿或8代酷睿的筆記本電腦，究竟有沒有必要升級到10代酷睿新品”。對于這個問題，我無法給出非常確切的答案，我只能從我了解到的信息來聊聊這件事，希望看過之后對大家的購機決策能有一些參考。
英特爾10代酷睿由Comet Lake和Ice Lake處理器組成，前者計算性能更強，后者圖形性能更為出色。且二者在型號構(gòu)成上都非常豐富，所以給用戶留下了極大的可選擇空間。
·10代酷睿換新，性能和價格是最強驅(qū)動因素
對于“有沒有必要升級”這個問題，我是這么來看的。
首先來看一張圖：
這是我測試的英特爾10代酷睿i5 10210U處理器的10次Cinebench R15多核分數(shù)，10次分數(shù)區(qū)間在799-812分，波動幅度13分。這說明什么？
答案是：
1.相對于7代酷睿和8代酷睿來說，10代酷睿處理器在性能輸出上更為穩(wěn)定。
2.通過實測可以看到，10代酷睿相對于8代酷睿（i5-8265U）來說，同級別單核和多核性能提升幅度較大，單核基本在8%以上，多核高達16%。
計算性能提升之外，10代酷睿Ice Lake帶來的GEN 11核顯也發(fā)揮了圖形渲染方面的威力。再看一張圖：
這是GEN 11核顯Iris Plus在4K分辨率下，不同畫質(zhì)《英雄聯(lián)盟》游戲的畫面流暢度表現(xiàn)。
相對于GEN 9 HD 620/HD 630核顯來說，GEN 11核顯圖形性能提升幅度巨大。GEN 9核顯在4K分辨率運行《英雄聯(lián)盟》幾乎會處于癱瘓狀態(tài)，但到了GEN 11 Iris Plus核顯，不僅不會癱瘓，還能在4K分辨率高畫質(zhì)下流暢玩《英雄聯(lián)盟》。
所以從硬件性能這個層面來考慮“是否有必要換新”這個問題時，我覺得10代酷睿至少是值得去換新的。
其實大家在考慮是否應該換新機時，除了性能之外，就是價格因素了。以往每一代新平臺升級之后，初期的產(chǎn)品基本都以酷睿i7高端產(chǎn)品為主，所以整體價格定位會高一些，這使得不少用戶更愿意去等待價格下降并保持平穩(wěn)之后再做決定。
不過英特爾10代酷睿發(fā)布之后，由于同時擁有兩種架構(gòu)的產(chǎn)品，即Comet Lake和Ice Lake，所以能夠更加輕松的去控制產(chǎn)品成本，做好先期布局。因此10代酷睿首發(fā)階段，不少廠商就打起了價格戰(zhàn)，比如聯(lián)想小新、RedmiBook、宏碁蜂鳥FUN這三家，就推出了3000-4000價位頗具競爭力的新品，這在以往新平臺升級初期是極為罕見的。
所以從價格來考量的話，英特爾10代酷睿新品有兩個利好因素值得大家關注：
1.10代酷睿首批新品縱向的價格分布非常合理，高、中、低價位都有高素質(zhì)的新品分布；
2.10代酷睿首批新品橫向的產(chǎn)品分布更為豐富，Ice Lake為主的中高端產(chǎn)品和Comet Lake為主的主流高性價比產(chǎn)品給消費者提供了足夠?qū)挼倪x擇空間。
因此，與“換新”二字相關的性能和價格兩大因素綜合考慮之下，英特爾10代酷睿新品可以說是繼7代到8代之后，最值得第一時間去升級的。
·英特爾10代酷睿新品推介？
10代酷睿平臺解禁發(fā)布至今，各大廠商用了大約1個半月的時間去做新品布局，而且為了即將到來的雙11大促，各大廠商也都推出了頗具競爭力的新品。下面幾款是筆者認為近期值得去關注的一些產(chǎn)品：
聯(lián)想YOGA C940
作為一款搭載了Ice Lake處理器的10代酷睿新品，這款機器自然定位于中高端用戶群。其標準配置為：英特爾酷睿i7 1065G7、16GB LPDDR4X、1TB PCIe×4 SSD、Iris Plus銳炬核顯、14英寸4K觸控屏幕、支持杜比視界、HDR400、四音箱、杜比全景聲音響系統(tǒng)、6系航空鋁機身、指紋識別、防窺攝像頭、內(nèi)置觸控筆、60Wh電池，參考售價10999元。
聯(lián)想YOGA C940
不得不說，茫茫多的特性使得C940顯得與眾不同，不過相比之下筆者最看重的點在于其硬件配置。作為一款輕薄本，除了搭載性能強勁的英特爾酷睿i7 1065G7之外，還搭載了大容量16GB內(nèi)存和1TB固態(tài)硬盤，這使得這款輕薄本具備了出眾的生產(chǎn)力，即便是用來剪視頻也不在話下。
聯(lián)想小新Air 14
英特爾10代酷睿Comet Lake首發(fā)產(chǎn)品中，聯(lián)想小新Air 14是性價比非常高的一款產(chǎn)品。其搭載的英特爾酷睿i5 10210U處理器為4核心8線程，頻率1.6-4.2GHz，6MB三級緩存，采用UHD核顯（24 EU），TDP 15W，規(guī)格比定位相同的八代酷睿i5 8265U主要有兩點變化，一是最大睿頻由3.9GHz提高到4.2GHz，二是內(nèi)存頻率由DDR4-2400提高到DDR4-2666。
聯(lián)想小新Air 14
作為一款首發(fā)4999元的主流價位新品，聯(lián)想小新Air 14采用了全金屬材質(zhì)打造，而且整體做工非常不錯。其裸機重量約為1.4kg，加電源適配器的重量約為1.6kg，最厚處為15.9mm，擁有不錯的便攜性。
此外，聯(lián)想小新系列全面更新了英特爾10代酷睿，包括小新Air 13、Air 14、Air 15、小新Pro 13等產(chǎn)品，可選擇空間非常大，適合3000-7000各個價位段的用戶。
惠普ENVY 13/15系列
ENVY也是輕薄本領域中頗具特點的系列。目前ENVY 13和ENVY 15均已經(jīng)更新到英特爾10代酷睿處理器。
ENVY系列本身定位主流，因此硬件配置均選擇了Comet Lake處理器，搭載英特爾酷睿i5 10210U和酷睿i7 10510U處理器，系列價格分布在6199元到8499元之間，可以給用戶帶來更好的品質(zhì)感。
惠普ENVY 13
此外，ENVY系列今年還祭出了一個大殺器，那就是電子防窺屏。這在當前的筆記本業(yè)界可謂獨一份。不需要貼防窺膜，只需要一鍵就可以開啟防窺屏模式，從而給商務用戶帶來更加安全可靠的使用體驗。
戴爾XPS 13 2in1
戴爾XPS系列引領了時下窄邊框設計風潮，尤其是XPS 13系列多年來倍受用戶好評。在XPS 13系列的拓展過程中，2in1翻轉(zhuǎn)屏設計也逐漸融入進來。
隨著英特爾10代酷睿發(fā)布，戴爾XPS 13 2in1也迎來了硬件更新，搭載了Ice Lake家族的酷睿i7 1065G7處理器，16GB內(nèi)存、512GB固態(tài)硬盤。參考售價為12999起步到16299之間，整體面向高端商務用戶，預算充足可以考慮。
戴爾XPS 13 2in1
RedmiBook 14增強版
紅米悄然進軍筆記本行業(yè)之后，帶來了主打性價比的RedmiBook 14系列。在早前推出RedmiBook 14增強版之后，也宣告其產(chǎn)品正式加入10代酷睿新品序列。
RedmiBook 14增強版主要聚焦3999-4999價位段，其整體外觀給人的第一觀感非常出色，全金屬質(zhì)感，加上簡約干練的金屬風設計能夠給用戶留下非常好的第一印象。
RedmiBook 14增強版
RedmiBook 14增強版擁有三種配置，分別搭載了英特爾酷睿i5 10210U處理器和酷睿i7 10510U處理器，均搭載8GB內(nèi)存，最低配版本為256GB固態(tài)硬盤，中配和高配版均為512GB固態(tài)硬盤。因為具備出色的性價比，所以在首批英特爾10代酷睿新品中收獲了不錯的口碑。
·其它英特爾10代酷睿新品推薦匯總
除了上述推薦產(chǎn)品之外，其實近期還有不少10代酷睿新品可選，筆者大概搜集了一下在售產(chǎn)品，并匯總成了下面的表格給大家做參考：
英特爾10代酷睿推薦產(chǎn)品列表
·結(jié)語
隨著硬件性能發(fā)展，筆記本電腦在功能上其實已經(jīng)變得越來越全面，而這也使得筆記本產(chǎn)品之間的界線變得越來越模糊。比如搭載Ice Lake處理器的10代酷睿新品，在具備不錯的圖形性能之后，它事實上完全可以被當做娛樂影音本來使用，而不一定非要局限在辦公應用上。
尤其是對于消費者來說，花了錢，買到一部功能、性能更為全面的產(chǎn)品，自然要比性能或功能瘸腿兒的產(chǎn)品更劃算。因此，足夠便宜、性能穩(wěn)定、更加全能的10代酷睿新品足以解決絕大部分普通PC用戶的訴求。預算足夠，我覺得第一時間嘗鮮當然是最為明智的選擇。