用於大量數據關聯的優雅UI

Question

我有一個電子商務網站，需要進行一些關聯，例如產品需要類別，製造商，相關產品等。

當只有相當小的數量有限的數據時，例如製造商我簡單地使用下拉菜單或選項框讓用戶選擇相關字段/字段。

但是，對於諸如相關產品之類的項目，如果我擁有數千個產品或其產品，則使用這些方法之一是不可行的。目前，我使用可搜索/分頁的表格，然後用戶單擊一個按鈕添加關聯，這是有效的，但這對用戶來說相當耗時，而不是我認爲是解決問題的理想解決方案。

有沒有人實現了這個問題的解決方案，或者他們可以提供任何關於他們如何從UI的角度來看這個問題的建議？

感謝您的幫助，您可以

Answer 1

我能想到的解決方案是：

1. 自動完成
2. 最近協會
3. 智能協會

有可能更多地取決於你在做什麼，所以隨時添加更多的細節或截圖和我會更多地考慮。

---

自動完成

使用自動完成場，因爲他們不會有通過該表爲聯想獵取將加快這一進程，爲您的用戶。相反，他們可以開始打字，並在字段下方顯示一個提示框，以便他們選擇他們正在尋找的內容。

如果您在幾個關鍵字段（即製造商和產品名稱）上匹配了您的自動完成功能，用戶很有可能能夠快速找到關聯。

您也可以按照顯示多個關鍵數據的方式對建議框進行編碼。這樣，如果用戶不確定他們在找什麼，在字段中輸入幾個字符會讓他們知道他們可以搜索什麼。

---

最近協會

下面您自動完成場，你可以添加對已取得的5至10最新的關聯。這將允許您的用戶快速將許多產品添加到同一關聯中，而無需每次都使用自動完成功能。

---

智能協會

從以上兩種機制分開，智能關聯是主題化的東西一Shopify店，當我第一次看到。它們允許你定義的條件包含或排除的產品自動創建一個基於產品的關鍵領域協會：

Create Association 'Pants' 
Where product title contains string 'pants' or 
Where product title contains string 'capri' 

以上是由一組下拉菜單和文本框的控制和周圍手動創建關聯的疼痛了。