CRUD應用程序中的網格的替代方案？

Question

所以你被分配建立一個基本的CRUD應用程序。它有這個頁面可以列出所有的庫存物品......如果你的用戶想要編輯它們中的任何一個，那麼每個物品旁邊都有「編輯」按鈕。

你知道演習。

我最近的任務是修改這樣一個CRUD頁面，它看起來相當醜陋。所以我決定可以使用一些拋光。

但是考慮到它......我想知道在創建顯示大量數據的CRUD頁面時使用網格的好替代方法是什麼？

撇開AJAX /速度/安全/執行的擔憂...

有什麼好的替代品使用大CRUD頁面的網格？

我願意交易一些可用性的美學，如果這很重要。

Answer 1

對於大量記錄顯示相對較少的字段，表格顯示（如網格）沒有任何問題，尤其是在任務涉及搜索或比較記錄時。有是編輯按鈕出現錯誤，打開一個單獨的窗口或頁面進行編輯。這意味着用戶必須學習兩個窗口以及如何在它們之間導航，並且需要花費更長的時間。

一個很大的可用性改進是就地編輯：而不是隻讀網格，爲網格中的字段（文本框，複選框，梳形框等）提供適當的控件數組（或而不是你的網格）。頁面上的單個保存按鈕可保存對所有記錄的所有更改（或者自動發佈更改以獲取適當的事件）。

如果您需要爲少量記錄顯示大量字段，則表單式佈局（可能爲選項卡式）是表格佈局的替代選項。您可以提供分頁控件（例如，看起來像Recordset控件的東西），以允許用戶在記錄中進行分頁。

如果您有很多記錄和很多字段，您可以通過具有主 - 明細組合的方式將表格與表單式佈局結合使用。頁面頂部的表格顯示記錄的關鍵字段，而頁面底部的表格顯示錶格當前具有焦點的任何記錄的「溢出」字段。

另一種替代方法是以圖形方式顯示記錄。選擇兩個字段，並通過用於在頁面上定位圖標的x和y座標來表示每個記錄的值。如果任務涉及搜索模式或相互關聯的記錄，這很好。具有焦點的記錄（圖標）的其他字段可以在頁面的詳細部分中以類似形式的佈局顯示。

您可以做的另一件事是以表格或類似形式的佈局（例如，帶有圖標，小型條形圖，陰影或顏色編碼等）以圖形方式表示某些字段。這可以幫助用戶搜索具有特定值的記錄。它還可以在小空間顯示大量數據的一般要點（例如，作爲迷你圖）。

選擇最大化用戶，任務和工作環境的用戶性能的佈局。

Answer 2

一個列表（而不是一個網格），當點擊時打開更多的字段進行編輯，或者打開一個新窗口或窗體。這樣，屏幕不會從一開始就過載數據，只要最重要的數據可用，它就非常有用。

一個示例是Gmail聊天聯繫人列表（屏幕截圖here）。

在某些應用程序中，一個非常好的可用性觸摸有助於減少顯示所需的信息，這是一個很好的搜索/過濾器框：當您在框中鍵入內容時，該列表將被過濾爲匹配的條目。