01

寫在前面

什么是UI設計？每當你告訴非設計人員你的工作是什么，就會出現(xiàn)這個問題。

當今工作的大多數(shù)UI設計原則都圍繞著簡單的導航和基本的聯(lián)系表單。另一方面，設計界正變得越來越富有新標準和技術，這意味著設計師將創(chuàng)造更多定制和動態(tài)體驗。

什么是用戶界面設計？該術語包含為機器和軟件創(chuàng)建的所有界面設計，例如網(wǎng)站和移動應用程序的外觀，以及它們的方向和易用性。一些界面設計師還將UI設計定義為創(chuàng)建圖形界面的藝術，不包括用戶語音和自然界面。

由于軟件是無形的，因此GUI設計在用戶與應用程序或網(wǎng)站的交互方式中起著至關重要的作用，這意味著唯一良好的UI設計是實現(xiàn)簡化和無縫體驗的設計。

因此，兩個主要的設計基礎是效率和可用性，因此界面將使用戶能夠完成他們的任務，甚至沒有注意到設計如何工作。

基本上，最好的用戶界面設計示例是那些“隱形”的，并且它們?nèi)绱擞行У孛枥L現(xiàn)實，以至于用戶不會認為是他生成了屏幕上發(fā)生的變化。

然而，有了這么多優(yōu)秀的UI設計，依靠效率來創(chuàng)建功能性產(chǎn)品已經(jīng)不夠了 - 界面也應該是美觀和愉快的，就像聊天應用和游戲一樣。

大多數(shù)時候，UI界面設計出現(xiàn)在服務上，用戶需要進行交互才能完成任務，并且應該包括執(zhí)行所需操作所需的所有工具和按鈕。GUI設計決定了用戶對軟件和硬件的方法，并通過使這些操作盡可能無摩擦來提高可用性。

UI設計者需要滿足用戶的功能和美學期望。他可以使用紙和筆，使用任何專用的可視化程序進行草圖繪制，甚至可以使用任何材料直接構建他的設計。他還可以創(chuàng)建模擬界面，以在發(fā)布之前測試其最終產(chǎn)品的效果。

重要的是區(qū)分用戶體驗設計和用戶界面設計 - 它們既復雜又多面，但具有不同的作用。創(chuàng)建用戶界面設計是為了將產(chǎn)品的布局，內(nèi)容甚至開發(fā)轉換為用戶愉快和有效的體驗。因此，它代表了嚴格的數(shù)字化任務。

UI設計師的主要職責如下：外觀，感覺，市場和客戶分析，研究，圖形開發(fā)，品牌推廣，導航指南，故事情節(jié)，響應性，交互性，原型設計，動畫。

02

適用于所有設備和不同的屏幕尺寸

Web開發(fā)實施和調(diào)整

創(chuàng)建良好的用戶界面意味著任何交互式設計的世界，它通常定義最終客戶如何看待和欣賞品牌。設計師顯然不是唯一負責品牌推廣的人，但將品牌轉化為產(chǎn)品將是他的責任。

要創(chuàng)建一個可靠的用戶體驗體驗不需要編碼，但設計人員也應該了解當前趨勢和技術。

通過這種方式，用戶體驗設計對每個有興趣創(chuàng)建優(yōu)秀產(chǎn)品的人都很重要，而且還要了解客戶真正想要的東西。

另一方面，如果您進入界面設計，您應該對數(shù)字設計的基本原則更感興趣，并考慮向用戶呈現(xiàn)產(chǎn)品的方式，包括輸入反應性和顯示質量。

03

UI設計基礎

知道你在為誰創(chuàng)造

你不會總是喜歡你正在設計的東西，但是你必須與這個想法和平相處。你應始終將目標與客戶的目標保持一致，并全面了解他們需要什么以及他們想要什么。

從他們喜歡的界面中學習，并與趨勢和調(diào)整保持一致。是的 - 模仿競爭對手的趨勢設計無助于您實現(xiàn)這些目標！

小心模式

讓用戶有賓至如歸的感覺！您的界面不會是客戶第一次遇到此類設計，特別是現(xiàn)在人們使用各種網(wǎng)絡和移動應用程序時。

因此，您不需要重新發(fā)明輪子，而是簡化這些過程，并解決問題而不是創(chuàng)建問題。出于此目的，嘗試堅持常見和熟悉的模式，您的用戶將不會有任何問題了解您的工作。

04

一致性很重要

保持工作一致。當用戶了解如何在您的設計中執(zhí)行某些操作時，他們希望再次執(zhí)行相同的操作。一致性對布局和語言都很重要，并且僅適用于在所有實例上必須保持相同的少數(shù)主要元素。這樣，您和您的客戶都會更有效率。

05

以可視層次結構排列元素

不要浪費財產(chǎn)來向客戶解釋什么是重要的，而是使用界面設計來告知訂單。元素的位置，大小和顏色可以幫助您創(chuàng)建可視層次結構，并為用戶提供明確的跟蹤路徑。請注意，成功顯示的層次結構也會使您的設計不那么復雜。

給予反饋

接口都是關于交互的，這意味著您應該與用戶保持聯(lián)系，讓他們知道他們正在做的是對還是錯。使用消息和可視提示來評估操作，通知更改并建議解決方案，您的用戶將很容易理解您的工作。

期待錯誤

對于某些人來說，即使真正為他們服務，技術也是一種負擔。這告訴我們的是UI設計應該容忍錯誤和誤解，并且總是想出一種方法讓用戶撤消他們的行為（你是否因為出生日期錯誤而開始填寫應用程序？）。同時，用戶應該確切地知道他們搞砸了哪里，這樣他們就不會再讓它發(fā)生了。

為用戶轉移電源

只要用戶了解如何使用您的設計，就可以將力量轉移到他們的手中。讓他們獨立工作，將他們的行動切割成消耗單位，這樣他們就不會在途中分心。完成任務的抽象方法也應該是該過程的一部分，例如使用鍵盤快捷鍵。

06

保持對話基調(diào)

即使在最好的界面中，文案也很常見，因為設計師并沒有試圖引起轟動。相反，他們用簡潔明了的標簽和說明走在他們的用戶的腳下。用戶喜歡這樣，即使它不是花哨的，因為它感覺不像是在聽別人而是自己。

簡單一點

許多人無法回答“什么是UI設計”的問題，并且有充分的理由。他們中的大多數(shù)甚至都沒有看到界面，因為它是一個向前移動的靜音引擎，但仍然可以脫穎而出。在對設計進行任何更改之前，請估計用戶是否真的需要它以及他們是否能夠使用它。這是對你來說唯一重要的事情。

保持下去

開發(fā)接口不是一次性任務，而是需要頻繁迭代的持續(xù)過程。錯誤會發(fā)生，但不要讓他們勸阻你！學習和練習，并嘗試創(chuàng)建用戶甚至不會注意到的無縫界面。

最佳用戶界面設計實踐

什么是UI設計？在了解更多信息時，您的第一課應該是了解您的用戶，并清楚地估算他們能做什么或不能做什么。您還需要發(fā)現(xiàn)他們的興趣，偏好，傾向和技能。

以下是最重要的用戶界面設計實踐：

少即是多。界面越不可見，它就越成功。因此，擺脫無用的元素，并使用清晰的標簽和消息。

保持一致性并僅使用熟悉的元素和模式。這樣做可以提高您網(wǎng)站的舒適度和信心，并幫助用戶在不到一時的時間內(nèi)完成工作。一致性是指布局，語言和許多其他設計元素，最好的方法是教會用戶如何優(yōu)化設計的功能。

通過排版提高清晰度。做出智能型決策，明智地使用字體，大小和文本排列。這樣，您的文本將更易于閱讀和理解。

07

您必須遵守的用戶界面設計法

清晰的法則

導致混淆和誤解的所有因素都會留在陰影中，這個規(guī)則也不例外！

您是Gmail用戶嗎？如果是這樣，您會記得Google更改頂部的導航面板，您可以在其中輕松訪問云端硬盤，日歷，表格或其他服務。

然而，該公司提出了這樣的想法：他們可以通過將所有這些元素隱藏在抽象圖標后來簡化導航，因此許多Gmail用戶無法找到它的方式。后果是什么？問Google的支持團隊！

忽略您不理解的內(nèi)容絕對是人類，因此請確保您的界面不會導致此問題。

背景法則

如果您邀請用戶控制設計中的某個對象，請將界面控件盡可能靠近它。用戶希望看到接口控件靠近他想要控制的對象。

這種嘗試的成功在LinkedIn上顯而易見，您可以通過單擊旁邊的小鉛筆輕松更改所需的所有數(shù)據(jù)（以及您的名字?。?。另一方面，F(xiàn)acebook允許你這樣做，它有一個非常漫長而復雜的過程。

UI設計中的上下文要求讓人聯(lián)想到現(xiàn)實生活中的背景 - 準備爆米花，將其放入微波爐并打開設備。

如果您被要求跑到電箱并切換按鈕使其工作，您是否仍然會被鼓勵這樣做？可能不是，這也是大多數(shù)用戶改變他們的Facebook名稱的原因。

用戶希望操作流暢簡單，讓他們成功！

指示行為的法則

大多數(shù)用戶因為被要求而在網(wǎng)站上執(zhí)行操作。原因很明顯，因為每個人都感到害怕采取了一步他沒有任何線索。

為了了解我們所說的內(nèi)容，想想LinkedIn - 因為他們引入了Endorsements功能，他們并不依賴于用戶會知道它是什么的假設。

相反，他們在個人資料頁面上提出了大型號召性用語橫幅，并將該功能轉變?yōu)樽罴迅轮弧?/span>

規(guī)則很簡單：如果他們需要做某事，請他們?nèi)プ觥?/span>

及時反饋的法律

為了讓用戶感到自信，請給予他持續(xù)而明確的反饋。您可以按照Gmail的示例 - 您在此處執(zhí)行的每項操作都會收到通知，并且人們會覺得他們完全可以控制服務。

簡化法則

用于完成復雜任務的Web設計應分為幾個可管理的操作。沒有人喜歡復雜和冗長的形式，因為它們是壓倒性的，并且總是必須仔細檢查插入的信息是否正確。

然而，如果你采用這種形式并將其分成更小的步驟（理想情況下有進度條），人們就不會覺得它很無聊。

這就是所謂的簡化和寬松法則，它告訴我們?nèi)藗儗幵附?jīng)歷5個簡單步驟而不是單個大步驟。你恐嚇他們越少，他們就越有能力完成他們追求的任務。

寫在最后

UI設計可以通過許多不同的方式進行解釋，因為它可以組合動作的融合，幫助創(chuàng)建者在功能和形式上優(yōu)化其服務。

簡而言之，UI設計決定了用戶如何與產(chǎn)品/服務進行交互，以及他們對產(chǎn)品/服務的感受?，F(xiàn)在您可以獲得什么是UI設計問題的答案。