如何避免隨機UI？

舉例說，我要爲我的褲子編碼做一些編碼，爲企業應用程序添加一個功能。一個人爲了使一個相當複雜的設置/配置屏幕看起來不像腳就可以遵循的一些很好的示例/租戶/基本規則。如何避免隨機UI？

我在找的是「不要把一件東西放在一個小組盒子裏」。但是，如果有人知道什麼樣的佈局最有可能實現相當好的外觀，那麼我也會喜歡對稱的幫助。

2009-02-20 Peter Turner

從您覺得既簡單又可用的現有應用程序的setup/config UI開始。

大多數租戶/基本規則一般適用於用戶界面，並在用戶界面設計和人機交互圖書中填充了數百頁和數百頁，因此您可能想通過現在的示例工作，同時嘗試利用現有的用戶體驗（習慣），即服從規則的「最少突擊」：例如如果你的應用程序是一個Windows應用程序，使用安裝嚮導模式，如果它是一個ncurses應用程序的特定口味* nix遵循該特定操作系統的實際安裝界面風格等。

來源

2009-02-20 22:11:08 vladr

您可能對本書感興趣「Don't Make Me Think」（作者的web site）或「About Face 3.0」。強烈建議您閱讀關於如何設計界面的文章。

來源

2009-02-20 22:17:38 tvanfosson

由於您使用「褲子的位置」這個術語，因此我假設您不想在UI上花費太多時間。如果您願意投入一些時間來使用UI，您可能需要查看適合您情況的自定義控件或UI開發。像Firefox的選項UI或Visual Studio 2008中的.NET項目屬性一樣。

如果您正在尋找使用標準控件的東西，最好將不同部分的相關項目分成標籤或其他類型的堆疊控件（即色帶控制）。標籤版本的一個很好的例子是Notepad++首選項UI。許多其他程序使用類似的方案。

來源

2009-02-20 22:19:35 bsruth

好吧，如果你認爲Nodepad ++的配置屏幕是好的話，我想我很快樂！他們所擁有的一件事是我沒有大量的空白和居中，我認爲這可能是一個好主意。 – 2009-02-20 22:54:40

那麼，對於一個快速的用戶界面，它比「對話框中的」更好，更實用：http://www.codinghorror.com/blog/archives/000734.html東西更優雅會更理想不過。 – bsruth 2009-02-20 23:35:06

哇，這是生硬的，我希望他在博客中一些建議，有些使用的是沒有這麼幸運，有「平面設計師」誰知道UI設計什麼。這些人居住在哪裏？可能不是威斯康星州。 – 2009-02-21 21:41:35

這實際上是一個巨大的話題。我經常去Microsoft UX Guide提醒如何做到這一點。

一些基本知識：

讓您的應用讀起來像一本書：左到右，從上到下
使用goal-oriented language代替技術爲導向的語言

來源

2009-02-20 22:19:52

不是基本規則但很好的資源：

Apple UI Guidelines（有關任何操作系統的更多信息）

編輯：回覆：實現對稱性 - 事情不必完全對稱，但你想要一個平衡的感覺。退後一步，瞭解頁面或表單是否感覺像傾斜/向左或向右跌落。

例如，使用stackoverflow，主要內容在左側，但它很好地平衡了右側的額外內容。

來源

2009-02-20 22:21:50 fig

以下是您要求的基本規則：垂直/水平排列控件並等距排列各種相關元素。並在您的標籤上使用正確的拼寫！

我們都遇到過屏幕出現控件未對齊（即使是幾個像素明顯）或拼寫錯誤的情況。當這發生在我身上時，我不禁下意識地尋找其他錯誤，並且降低了我對正在使用的應用程序的信心！

來源

2009-02-20 22:22:12

您的一些基本規則。

試着有效地使用空格。不要把所有東西都擠在一起，以儘可能在屏幕上獲得儘可能多的東西。這將使分組控制更清晰，文字更清晰。
基本排版。將字體的使用限制爲1或2.不要使用粗體，否則會失去重點。
同樣的顏色。不要使用太多，大部分時間越少越好。
不要只是使用圖標來節省空間。沒有解釋的微小圖標是無用的。
複製。當然不是批發，但如果你自己不熟悉UI設計，那麼採用你熟悉的接口元素並將它們應用到你自己的設計中是有意義的。
明確接口的用途。例如，它如何適應更廣泛的應用？你試圖滿足的具體目標是什麼？
讓人們儘早且經常地爲你測試它。我不知道你在使用什麼設置，或者你在哪種組織，但是對你的工作得到某種人類反饋總是有幫助的，即使你沒有時間和專業知識來進行適當的可用性評估。

來源

2009-02-20 23:02:15

我發現紙是我的朋友。我想寫出一份表格必須完成的目標列表，然後用手繪製表格，標註這些部分。通過繪製出來，我可以遠離確保它看起來很完美，並確保一切都準確無誤，並讓我專注於確保將所需的所有組件都放置在適當的位置，希望能夠在某個地方進行邏輯處理。這也迫使我兩次佈置用戶界面，所以當我打開我的UI設計器時，我已經設計了一次該表單，並且希望知道我在做什麼

來源

2009-02-20 23:14:26 rotard

獲得UI的最佳方式是讓UI感覺是跟隨喬爾的建議是：

Eat your own dog food.

幾次這樣做是爲了自己的UI，你會發現有些事情你沒想到的intially。

來源

2009-02-20 23:20:43

我發現一個非常好的測試是讓某個非技術人員使用您的GUI。看着別人用它5-10分鐘，通常會給我一個關於什麼是/不容易理解的好主意。

Joel Spolsky的series是一個不錯的閱讀，Jakob Nielsen的東西Usability and Web Design是非常有用的。

我嘗試使用

具體規則是：在邏輯組