掌握 UI 設計中的簡單藝術

保持 GUI 設計簡單無論是設計圖形界面還是基於文本的界面,UI 設計師總是在尋找更好的最終產品。 這種搜索總是將他們引向一個基本但影響深遠的問題:我怎樣才能讓我的設計更簡單?

設計簡單性似乎是一個簡單的過程,但詢問任何開發人員或設計師,他們會告訴你說起來容易做起來難。 如何最好地簡化 UI 或 GUI 設計? 按照我們的指南了解您應該做什麼和不應該做什麼,以獲得更好的簡單成功。

如何做出糟糕的設計

有時理解 結果相反 你的目標可以幫助你更好地理解如何實現它。 恰當的例子:讓我們以 Refrigerator X 為例。

今天的消費級設備通常帶有用於編程或配置的 UI 控制台。 以下是 Refrigerator X 界面的開發人員如何處理他們的設計:

  •  複雜的多層菜單這裡的設計師將他們的選擇高度組織成分層菜單,清楚地向他們的團隊概述了一切。 到 設計團隊,多層菜單使查找和訪問他們需要測試的每個單獨功能變得更加容易。但是從最終用戶的角度來看,這個菜單系統是什麼樣的? 對於日常用戶來說,複雜的多層菜單會使 UI 變得混亂和令人沮喪,無法找到功能然後設置首選功能。
  • 行業特定術語和縮寫對於冰箱設計師來說,將“溫度控制系統”這樣的術語縮寫為“TCS”是完全合理的,但對於不熟悉冰箱術語的最終用戶來說,它是否同樣有意義? 對他們來說,這只不過是一組令人困惑的首字母縮寫詞,沒有明確的解釋。
  • 容易混淆的命令和選項模棱兩可或重複的命令在其特定上下文中可能看起來不錯——對於設計師或程序員來說——但如果類似的命令出現在 UI 中,它們可能 高度 使最終用戶感到困惑。 例如,如果“改變溫度”一詞被隱藏在 Refrigerator X 的冰箱和冷凍部分的兩個單獨菜單下,用戶可能無法區分其中一個 - 以冷凍番茄醬和融化的冰淇淋結束。

從製造商的角度來看,也許可以說這種設計對 UI 程序員有幫助。 畢竟,這種方法使團隊的開髮變得更容易和更快。

然而,任何設計中的關鍵點是識別最終用戶(無論是誰)。 Refrigerator X 的程序員和設計師會成為他們產品的唯一最終用戶嗎? 當然不是——這就是他們犯下巨大錯誤的地方。

這裡的底線是尊重設計背後的“誰”。 在幾乎所有情況下,這意味著越簡單越好。

更好的 UI/GUI 的 3 條設計原則

在 UI 設計和實施過程中遵循這 3 個基本原則,以獲得最佳效果。

  1. 了解您的觀眾。簡單性始於您的最終用戶,也止於您的最終用戶。 看看上面討論的糟糕菜單設計的例子。 您的最終用戶不會發現多層菜單系統方便或更易於理解和使用。 取而代之的是,這個複雜的菜單讓更改一個冰箱設置變得非常麻煩。通過了解您的受眾,您可以開始更好地了解如何簡化您的設計。 在縮減 UI 時,請記住以下問題:

    人們將如何訪問或使用此設備/設備?
    人們在哪里安裝或使用設備?
    最常更改或訪問的選項是什麼?

    此類問題有助於您了解設備或設備所有者。 因此,他們可以為您提供簡化 UI 設計所需的知識。

  1. 傾聽您的用戶。為了更好地了解你的聽眾和他們的需求,你首先必須積極地傾聽他們在說什麼。 設計師可能無法以與典型最終用戶相同的方式查看菜單設計。 誰能比用戶自己更好地詢問功能和可用性。獲得真實的用戶反饋可以讓開發人員和設計人員更深入地了解什麼最適合他們的 UI。 確保在開發中包含這一方面,以增加更好的整體可用性結果。
  1. 測試、測試、測試可用性(不僅僅是功能)。顯然,程序員將花費大量時間來測試其 UI 的整體功能。 我們都知道,編程錯誤或問題是設備、電器等設備的一大問題。 設計簡潔 然而,不僅僅依賴於功能。 它也取決於可用性。 如果您在開發期間為您的 UI 生成圖形代碼並在測試硬件上運行,您就有機會在產品進入最終硬件之前測試兩者。 這最終可以節省時間和金錢,並提高您最終產品的可用性。 這是一個雙贏的局面!

致力於簡單、有效的 UI 設計

具有諷刺意味的是,UI 開發人員需要工作 更難 製作他們的用戶界面 更容易. 將設備的所有必要組件整合到一個可用且方便的界面中並非易事。 但是,為了您的客戶和最終用戶,努力實現簡化設計的聖杯。

通過看到什麼 不會 去做並傾聽您的聽眾,您將朝著更簡單、更易於訪問的用戶界面邁進。 永遠不要忽視這些原則,以確保您在整個開發過程中保持正確的軌道。

我們的網站使用 Cookie。繼續瀏覽即表示您同意我們按照隱私權政策中所述的方式使用 Cookie。