如何在網頁中創建N：N關係編輯器？

Question

我要創建「誰做什麼」的來信路由的Web應用程序小：

• 有一個相對較長的員工列表（約600項）;
• 有一個短名單（約5項）的任務;
• 將任務分配給員工時，必須指定到期日;

其結果是，我需要一個列表（的項目有關事項的順序在這種情況下，由於在列表中的第一個員工被認爲是「主要負責人」）：

• 約翰·史密斯 - 寫響應信 - 2010年1月20日
• 弗雷德里卡Minoso - 審查來信 - 18.01.2010
• 羅伯特·格爾 - 審查來信 - 18.01.2010

如果我們有10名員工，設計將非常簡單 - 一個員工下拉列表，一個任務下拉列表，一個截止日期選擇器，一個「添加到列表按鈕」 像這樣alt text http://naivist.net/tmp/layout.jpg
當然，我會添加一個結果列表，其中「上移」/「下移」按鈕。
但是，600個項目的下拉列表顯然太多了;這意味着一些用戶名，姓，部門搜索必須發生。

我很熟練地從技術上創建應用程序（JavaScript，jQuery和Ajax請求成爲我的朋友），但麻煩在於 - 如何設計Web窗體的界面，以便用戶能夠理解他們到底在做什麼？如何佈置表單中的項目？在開始時要展示什麼，隱藏什麼？

也許有一些現代UI窗體模式我可以在這裏使用？例如，用戶可以輸入文本框並用最接近的匹配自動建議退出？ 也許可以應用一些可拖放/可拖放的模式（例如，輸入用戶名後，將其放在適當的任務上）？用戶通常採用這種非標準接口的容易程度如何？

陳述一個問題 - 人們通常如何解決這類數據輸入問題？你有沒有在網絡上的某個地方看到過很好的例子？告訴我，因爲我現在想不出任何事情。

對不起，有很多問題，其中許多都是可以討論的。我應該將其標記爲「社區wiki」嗎？

Answer 1

只要我看到問題，我就認爲AutoComplete。既然你認爲一樣，那麼這可能是解決問題的明顯辦法。電子郵件的「收件人」字段具有相同的問題 - 如何從1,000個聯繫人中選擇一個人。

雅虎有一些很好的可訪問性考慮因素，以確保自動完成字段的工作方式明顯且符合典型行爲。

由於任務包含5個項目，所以可以接受下拉菜單。建議的下拉限制是7項，所以你在限制範圍內。其中一個建議是用「by」或「on」結束任務，以使該行讀起來像一句話 - John Doe在22/01/2010上寫了一封回覆信。此外，在下拉菜單中增加一點視覺輔助可能會增加某些情況下的理解力。

Answer 2

要帶，我不知道我與非標準接口部分同意開始。我認爲這取決於用戶的實際情況，但我肯定會說從航空公司預訂表格到搜索引擎，這種文本框/自動搜索功能已經變得非常標準。

關於選擇方法，我會去爲文本框的方法，所以，當文本中的用戶鍵入搜索開始，其中顯示在下拉的結果。搜索當然應該至少用某種智能正則表達式搜索姓氏和名字。

最重要的是我仍然會增加一個選擇欄，也許不是一個下拉，但也許它包含了所有的員工，可能與期權按姓氏或先訂購名稱的列表框。這將是那些不知道人名拼寫的人，或者不能完全記住名字的人。

否則你的佈局似乎爲我工作。我不會玩弄拖放任何東西。這當然會給它帶來不錯的感覺，但是在分配任務時應該怎麼做還不太清楚。如果你發現自己寫了關於如何使用這些東西的說明，那麼你已經過度了。

，我認爲將是有，你必須在第一空列表，當你點擊就行了，輸入字段出現的appleish菜單中的其他事情。問題在於，由於用戶界面沒有指示你應該如何添加東西到列表中，所以人們很容易被困擾。