2010-07-24 63 views
12

我有一些數據被分解成多個部分,很像StackOverflow Careers(雖然不是簡歷數據)的簡歷功能,它可以通過jQuery Web應用程序進行編輯/創建。它的層次更多一些(作業可以有子作業等),所以取決於我採用的CRUD的方法,這意味着不同的工作量。我不介意花時間去做正確的事情,但我不想花太多時間做一些並不是最佳用戶體驗的事情。編輯到位與單獨編輯頁面/模式?

以前有做過成不同風格的「編輯」這種分段,分層文本數據的任何研究:

  1. 編輯在地方(例如,你的表單元素上單擊如職位,它變成可編輯狀態,然後單擊「確定」並保存)

  2. 編輯按鈕,帶你到一個新的屏幕(如StackOverflow上目前)

  3. 編輯按鈕,彈出一個模式窗體

  4. 所有字段是開放的和可編輯的,單一的保存按鈕(如StackOverflow的工作機會)

是否有當這些不同形式,應使用提供最佳的用戶體驗普遍的共識?

回答

12

這取決於。如果您的用戶羣是網絡精明的,我會推薦一種就地編輯方法,因爲它提供了自然的編輯流程。


編輯到位

當編輯層次結構的一部分,你的其餘信息在線編輯。這使您可以檢查編輯如何將應用於其他信息(而不必在屏幕之間來回移動)。

就可用性而言,分組項目一次可編輯的情況非常好,因爲它可以節省多次點擊。例如,如果一個任務有以下數據項:

Title 
Description 
Positions 

這是很好的提供了一種機制與編輯到位行爲的每個項目沿一次修改。

內嵌編輯還可以保護層次結構的其他部分不被意外更新。


模態編輯

,這樣的編輯方法引入層次作爲一個整體,你正在編輯的部分之間的屏障(即您所輸入的信息之間的關係,這是發生在層次結構從查看用戶界面時並不明顯)。


新畫面

與模態編輯的編輯信息的整個層次的關係都將丟失。但是,這是一個非常基本的設置,大多數用戶羣將立即理解。它還保護整個文檔免受意外更新。


所有領域開拓

這提供保持在上下文中編輯的信息(如編輯就地)的利益,是非常簡單的。沒有學習曲線要​​求用戶學習他們必須單擊元素進行編輯。

但是,由於我的好奇的孩子毀了不止一種形式的人,我不喜歡它如何將整個層次暴露給非預期的更新。