網頁表單設計 - 摘要或編輯

Question

我正在內部公司網站上工作。標準操作 - 從列表中搜索項目，選擇一個項目。

點擊列表中的一個項目後，下一頁是否應該是一個帶有文本框和其他表單控件的網絡表單，以允許我編輯實體或者它應該是詳細信息的彙總？對於總結，我會選擇一個動作進行編輯（也許是一個按鈕）以進入編輯屏幕，然後修改實體詳細信息並保存？

Answer 1

這取決於您的用戶如何與應用程序進行交互。也就是說，在「列表」頁面上，我通常會將項目的ID鏈接到「查看」頁面，還包括導航到「編輯」頁面的鏈接（或更好的圖標）。成功提交後，您可以使用更新後的值重定向到視圖頁面。

這提供了一個「只讀」功能集，您可以使用權限進行控制。

Answer 2

我會有一個細節頁面和編輯頁面。這種方式在未來，當你的客戶告訴你，只有管理員應該能夠編輯它更容易實現;）

另一種方式，如果項目dosn't不必多的細節，你可以顯示一個AJAX彈出框（tooltip ）點擊鏈接和編輯鏈接按鈕時。

Answer 3

這更多的是一個可用性的偏好，可能不會使兩者之間的差異比編碼。我總是傾向於儘可能少地點擊。

如果你能負擔得起的屏幕空間，我會在一個頁面上彼此相鄰。您可以將原件放在左側進行查看，並在右側進行復制以進行編輯。然後用戶可以在保存更改之前比較兩者。

如果你不能將它們並排放在一起，你可以一個接一個地放置它們。雖然這可能會導致不得不上下滾動，這會影響可用性。

除非單擊編輯按鈕，否則您還可能有一些js禁用表單。如果需要，權限可以很容易地工作。

自己做了類似的事情，結果確實很好。我確實有寬屏用戶的優勢！