如何設計GUI來瀏覽多個層次結構？

Question

我想爲文檔管理應用程序設計一個GUI dashboard。 dashboard僅包含文檔縮略圖。每個文檔可以屬於幾個層次結構（例如，「主題」層次結構，「語言」層次結構，「流派」層次結構等）。用戶可能希望選擇英文的數學文本或所有羅馬語言的歌詞等。

你將如何爲此設計一個GUI？ dashboard如果在多點觸控平板電腦設備上運行，該怎麼辦？這種GUI的例子是什麼？

Answer 1

我勾勒這些例子都將與鼠標或觸摸工作：

1）下拉標籤：您可以使用類似於美味與標籤做的方法，但把標籤下，你可以選擇上層次在頂部的下拉菜單。在選擇過濾器時，文檔會實時過濾。保存舊的過濾器以便快速導航會很有趣。

2）複選框：如果你有幾個過濾器和選項，你可以保持在側一堆複選框和過濾實時文件：

然而，這是很難得用這樣的UI，我想你應該原型並要求用戶測試什麼更好。

Answer 2

當您設計UI界面時，請記住用戶必須知道他們在系統中的位置。他們需要知道他們接下來可以做什麼;當他們這樣做併到達那裏時會發生什麼。 任何用戶最直觀的圖形用戶界面將是他們已經熟悉的界面。 這樣，他們就不必花時間思考當他們執行某個動作時會發生什麼。

瀏覽器UI和文件瀏覽器UI就是這樣的一些例子。 將鼠標懸停在文件上以查看半透明彈出窗口，其中列出瞭如何處理該文件的選項，這是另一種增強可用性的方式，不會在導航幫助中混淆屏幕。 （即使對於多點觸控屏幕也是如此）