[java] 設計GUI的重要提示?


Answers

我從一個熟練的GUI技術領域得到過一個相當具體的提示:

如果您有一個帶有按鈕,文本字段,列表等的對話框/表單,請嘗試保持它們之間的空間一致且對稱。 例如,嘗試在所有方向上使用小部件之間的相同距離,如果通過增加組之間的空間將一組小部件與另一個小部件分開,請嘗試使該空間與組內控件之間的空間重複。 例如,如果一個部分中的所有按鈕在所有方向上相隔16個像素,請嘗試將較大的空間設置為下一個組32,64,128左右的像素。

對於人眼來說,解釋與明顯對稱性有關的東西會更加舒適。

自從我嘗試它以來,我一直使用這種方法,效果非常好。 我甚至回過頭來重新設計了舊的圖形用戶界面,並且很驚訝地看到這種調整隻是改款。

編輯:

忘了提到我從上面的方法中學到的重要一課:

當您根據此系統安排所有小部件時(特別是在重新處理舊的混亂GUI時),您可能會用完空間,並且您的對話框需要膨脹。 在某些時候,人們可以感覺到對話框變得太大(例如阻止相關的背景GUI或相關的小部件彼此相距太遠)。 這可能是一個很好的指標,您可能應該將對話框拆分為選項卡,將內容移動到菜單中或者只是將其轉換為嚮導式概念等。

這與小部件間距非常無關,但觸及用戶在任何給定時間與之交互的更少的主題。 有趣的是,當你開始做正確的事情時,它會“漣漪”,有時會迫使你做出更多正確的事情(有點像修正常態:p)。

Question

前一段時間我讀了(在我丟失它之前)一本名為GUI Bloopers的好書,其中充滿了不良GUI設計的例子,但也充滿了有用的花絮,比如一分鐘 不打電話給 Dialog ,下一節 打電話 Popup

您將為設計/記錄GUI提供哪些重要提示? 聽說您設計的小部件將可讀信息塞入盡可能小的屏幕空間中會特別有用。

我將用我自己的一個來推動它: 避免樹木 (例如Swing的JTree ),除非你真的無法避免它,或者有一個無限的層次結構。 我發現用戶發現它們不直觀,很難導航和過濾。

PS。 我認為這個問題與此問題不同,因為我要求提出通才的提示




不要更改默認顏色。 這對於色盲的人來說很重要。




完成設計後:讓一些人坐在您的軟件前面,讓他們嘗試解決您的軟件設計的任務(一個接一個,而不是一次完成......)。 通過觀察它們,您將學到的東西絕對令人驚嘆。

如果可能,測試人員應匹配典型客戶組的配置文件。 對於這種可用性測試,您可以找到的人越多越好,但即使每次產品迭代只看少數人,對我來說也是非常有用的。










Related