起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識用戶界面設計的一些方法和原則
當今工作的大多數UI設計原則都圍繞著簡單的導航和基本的聯系表單；另一方面，設計界正變得越來越富有新標準和技術，這意味著設計師將創造更多定制和動態體驗。
寫在前面
什么是UI設計？
每當你告訴非設計人員你的工作是什么，就會出現這個問題。
當今工作的大多數UI設計原則都圍繞著簡單的導航和基本的聯系表單。另一方面，設計界正變得越來越富有新標準和技術，這意味著設計師將創造更多定制和動態體驗。
什么是用戶界面設計？
該術語包含為機器和軟件創建的所有界面設計，例如網站和移動應用程序的外觀，以及它們的方向和易用性。一些界面設計師還將UI設計定義為創建圖形界面的藝術，不包括用戶語音和自然界面。
由于軟件是無形的，因此GUI設計在用戶與應用程序或網站的交互方式中起著至關重要的作用，這意味著唯一良好的UI設計是實現簡化和無縫體驗的設計。
因此，兩個主要的設計基礎是效率和可用性，因此界面將使用戶能夠完成他們的任務，甚至沒有注意到設計如何工作。
基本上，最好的用戶界面設計示例是那些“隱形”的，并且它們如此有效地描繪現實，以至于用戶不會認為是他生成了屏幕上發生的變化。
然而，有了這么多優秀的UI設計，依靠效率來創建功能性產品已經不夠了，界面也應該是美觀和愉快的，就像聊天應用和游戲一樣。
大多數時候，UI界面設計出現在服務上，用戶需要進行交互才能完成任務，并且應該包括執行所需操作所需的所有工具和按鈕。GUI設計決定了用戶對軟件和硬件的方法，并通過使這些操作盡可能無摩擦來提高可用性。
UI設計者需要滿足用戶的功能和美學期望。他可以使用紙和筆，使用任何專用的可視化程序進行草圖繪制，甚至可以使用任何材料直接構建他的設計。他還可以創建模擬界面，以在發布之前測試其最終產品的效果。
重要的是區分用戶體驗設計和用戶界面設計 – 它們既復雜又多面，但具有不同的作用。創建用戶界面設計是為了將產品的布局，內容甚至開發轉換為用戶愉快和有效的體驗。因此，它代表了嚴格的數字化任務。
UI設計師的主要職責如下：外觀，感覺，市場和客戶分析，研究，圖形開發，品牌推廣，導航指南，故事情節，響應性，交互性，原型設計，動畫。
二、適用于所有設備和不同的屏幕尺寸
1. Web開發實施和調整
創建良好的用戶界面意味著任何交互式設計的世界，它通常定義最終客戶如何看待和欣賞品牌。設計師顯然不是唯一負責品牌推廣的人，但將品牌轉化為產品將是他的責任。
要創建一個可靠的用戶體驗體驗不需要編碼，但設計人員也應該了解當前趨勢和技術。
通過這種方式，用戶體驗設計對每個有興趣創建優秀產品的人都很重要，而且還要了解客戶真正想要的東西。
另一方面，如果您進入界面設計，您應該對數字設計的基本原則更感興趣，并考慮向用戶呈現產品的方式，包括輸入反應性和顯示質量。
三、UI設計基礎
1. 知道你在為誰創造
你不會總是喜歡你正在設計的東西，但是你必須與這個想法和平相處。你應始終將目標與客戶的目標保持一致，并全面了解他們需要什么以及他們想要什么。
從他們喜歡的界面中學習，并與趨勢和調整保持一致。是的 – 模仿競爭對手的趨勢設計無助于您實現這些目標！
2. 小心模式
讓用戶有賓至如歸的感覺！您的界面不會是客戶第一次遇到此類設計，特別是現在人們使用各種網絡和移動應用程序時。
因此，您不需要重新發明輪子，而是簡化這些過程，并解決問題而不是創建問題。出于此目的，嘗試堅持常見和熟悉的模式，您的用戶將不會有任何問題了解您的工作。
3. 一致性很重要
保持工作一致。當用戶了解如何在您的設計中執行某些操作時，他們希望再次執行相同的操作。一致性對布局和語言都很重要，并且僅適用于在所有實例上必須保持相同的少數主要元素。這樣，您和您的客戶都會更有效率。
4. 以可視層次結構排列元素
不要浪費財產來向客戶解釋什么是重要的，而是使用界面設計來告知訂單。元素的位置，大小和顏色可以幫助您創建可視層次結構，并為用戶提供明確的跟蹤路徑。請注意：成功顯示的層次結構也會使您的設計不那么復雜。
5. 給予反饋
接口都是關于交互的，這意味著您應該與用戶保持聯系，讓他們知道他們正在做的是對還是錯。使用消息和可視提示來評估操作，通知更改并建議解決方案，您的用戶將很容易理解您的工作。
6. 期待錯誤
對于某些人來說，即使真正為他們服務，技術也是一種負擔。這告訴我們的是UI設計應該容忍錯誤和誤解，并且總是想出一種方法讓用戶撤消他們的行為（你是否因為出生日期錯誤而開始填寫應用程序？）。同時，用戶應該確切地知道他們搞砸了哪里，這樣他們就不會再讓它發生了。
7. 為用戶轉移電源
只要用戶了解如何使用您的設計，就可以將力量轉移到他們的手中。讓他們獨立工作，將他們的行動切割成消耗單位，這樣他們就不會在途中分心。完成任務的抽象方法也應該是該過程的一部分，例如使用鍵盤快捷鍵。
8. 保持對話基調
即使在最好的界面中，文案也很常見，因為設計師并沒有試圖引起轟動。相反，他們用簡潔明了的標簽和說明走在他們的用戶的腳下。用戶喜歡這樣，即使它不是花哨的，因為它感覺不像是在聽別人而是自己。
9. 簡單一點
許多人無法回答“什么是UI設計”的問題，并且有充分的理由。他們中的大多數甚至都沒有看到界面，因為它是一個向前移動的靜音引擎，但仍然可以脫穎而出。在對設計進行任何更改之前，請估計用戶是否真的需要它以及他們是否能夠使用它。這是對你來說唯一重要的事情。
10. 保持下去
開發接口不是一次性任務，而是需要頻繁迭代的持續過程。錯誤會發生，但不要讓他們勸阻你！學習和練習，并嘗試創建用戶甚至不會注意到的無縫界面。
11. 最佳用戶界面設計實踐
什么是UI設計？
在了解更多信息時，您的第一課應該是了解您的用戶，并清楚地估算他們能做什么或不能做什么。您還需要發現他們的興趣，偏好，傾向和技能。
以下是最重要的用戶界面設計實踐：
- 少即是多；界面越不可見，它就越成功。因此，擺脫無用的元素，并使用清晰的標簽和消息。
- 保持一致性并僅使用熟悉的元素和模式；這樣做可以提高您網站的舒適度和信心，并幫助用戶在不到一時的時間內完成工作。一致性是指布局，語言和許多其他設計元素，最好的方法是教會用戶如何優化設計的功能。
- 通過排版提高清晰度；做出智能型決策，明智地使用字體，大小和文本排列。這樣，您的文本將更易于閱讀和理解。
四、您必須遵守的用戶界面設計法
1. 清晰的法則
導致混淆和誤解的所有因素都會留在陰影中，這個規則也不例外！
您是Gmail用戶嗎？
如果是這樣，您會記得Google更改頂部的導航面板，您可以在其中輕松訪問云端硬盤、日歷、表格或其他服務。
然而，該公司提出了這樣的想法：他們可以通過將所有這些元素隱藏在抽象圖標后來簡化導航，因此許多Gmail用戶無法找到它的方式。后果是什么？問Google的支持團隊！
忽略您不理解的內容絕對是人類，因此請確保您的界面不會導致此問題。
2. 背景法則
如果您邀請用戶控制設計中的某個對象，請將界面控件盡可能靠近它。用戶希望看到接口控件靠近他想要控制的對象。
這種嘗試的成功在LinkedIn上顯而易見，您可以通過單擊旁邊的小鉛筆輕松更改所需的所有數據（以及您的名字?。?。另一方面，Facebook允許你這樣做，它有一個非常漫長而復雜的過程。
UI設計中的上下文要求讓人聯想到現實生活中的背景 – 準備爆米花，將其放入微波爐并打開設備。
如果您被要求跑到電箱并切換按鈕使其工作，您是否仍然會被鼓勵這樣做？可能不是，這也是大多數用戶改變他們的Facebook名稱的原因。
用戶希望操作流暢簡單，讓他們成功！
3. 指示行為的法則
大多數用戶因為被要求而在網站上執行操作。原因很明顯，因為每個人都感到害怕采取了一步他沒有任何線索。
為了了解我們所說的內容，想想LinkedIn – 因為他們引入了Endorsements功能，他們并不依賴于用戶會知道它是什么的假設。
相反，他們在個人資料頁面上提出了大型號召性用語橫幅，并將該功能轉變為最佳更新之一。
規則很簡單：如果他們需要做某事，請他們去做。
4. 及時反饋的法律
為了讓用戶感到自信，請給予他持續而明確的反饋。您可以按照Gmail的示例 – 您在此處執行的每項操作都會收到通知，并且人們會覺得他們完全可以控制服務。
5. 簡化法則
用于完成復雜任務的Web設計應分為幾個可管理的操作。沒有人喜歡復雜和冗長的形式，因為它們是壓倒性的，并且總是必須仔細檢查插入的信息是否正確。
然而，如果你采用這種形式并將其分成更小的步驟（理想情況下有進度條），人們就不會覺得它很無聊。
這就是所謂的簡化和寬松法則，它告訴我們人們寧愿經歷5個簡單步驟而不是單個大步驟。你恐嚇他們越少，他們就越有能力完成他們追求的任務。
寫在最后
UI設計可以通過許多不同的方式進行解釋，因為它可以組合動作的融合，幫助創建者在功能和形式上優化其服務。
簡而言之，UI設計決定了用戶如何與產品/服務進行交互，以及他們對產品/服務的感受?，F在您可以獲得什么是UI設計問題的答案。
作者：Bogdan Sandu鏈接：https://www.designyourway.net/blog/author/bogdanel/
翻譯：Tzw_n，原作者已經授權。
本文由 @Tzw_n 翻譯發布于人人都是產品經理，未經許可，禁止轉載。
題圖來自 Unsplash，基于CC0協議。
GUI設計決定了用戶對軟件和硬件的方法，并通過使這些操作盡可能無摩擦來提高可用性。
有問題
方式大法師大法地方
插圖都很美
??
??
插這么圖片
?