最新消息
最新消息| 如何設計重構紛繁復雜的列表? | 2023-09-01 |
| 文章来源：由「百度新聞」平台非商業用途取用"https://www.woshipm.com/pd/5886729.html" 中臺設計經常會面臨無數列表堆集，導致在頁面切換時，找不到重點。那么如何保證美觀易用的同時，又能讓效益最大化，成本最小化呢？本文對此進行分析，希望對你有所幫助。中臺設計經常會面臨無數列表堆集，導致在切換頁面時，頁面和頁面的差異性不大，找不到重點，雖然完成了產品功能，但事實上，用戶在使用時效率低下。最近有個朋友正好和我提起，他準備推動下列表頁升級。但是如果單個頁面純推，個人認為比較難，難點在于設計師的初衷在于提升頁面的美觀度，以此強化頁面的強弱感，以提升體驗。而產品則會從成本和效益的出發考慮，如果投入的人力成本，沒有帶來未來可預期的效益。產品則大概率不會投入。那么如何保證美觀易用的同時，又能讓效益最大化，成本最小化呢？列表雖然信息捕獲能力低，但是有它實用性，比如開發成本低，快速保證功能上線。然而如果每個頁面都是列表，則頁面可讀性、系統易用度、體驗度都會下降。那么應該從哪些方面入手，既能節約開發成本，又能保證易用性和美觀度呢？針對列表設計多樣化組件，提高復用率。一、列表和卡片結合，從列表中篩選出有效信息，提高信息讀取率比如我們大部分列表都是復用ANTDESIGN，但是形式較為單一。可以將卡片和列表結合，比如在會員管理頁面中，原本的頁面是將大量信息，比如會員年齡、類別、消費等放在列表中，并沒有對信息做設計，導致從列表中信息獲取效率低。此時便可以在列表上方設計卡片，將列表中有效信息提取出來，進行分組。例如90天內未活躍會員、本月生日會員、本月到期會員等，做數據概覽卡片設計，這樣在進入會員管理頁面時，便可以有效提取信息，診所運營人員便可以對本月生日會員設計對應診所運營活動，對90天內未活躍會員，可進行診所隨訪，離院關懷的同時又能提高復診率。對本月到期會員，也可以及時提醒續費。二、列表和圖表結合，提高信息獲取效率例如在診所運營活動期間，口腔診所會舉辦愛牙、護士節等活動，診所方面希望統計運營活動對新用戶轉化率以及營收等影響。此時便可以將列表和圖表進行結合。以時間軸排序，橫向時間軸下對應的是診所的運營活動排期，縱軸是新用戶轉化率，通過圖表結合，就可以有效看到各個運營活動對新用戶轉化率的貢獻。三、將Table列表轉化為卡片式列表，信息重組在設計時，經常會發現首列是單列且較少的文字，但是其余列會有三行、四行等文字，此時用table列表便不再適用。卡片式列表在這里便是很好的應用。例如診所希 關鍵字標籤：商業空間設計費用 |
|
 |
|
