建議收藏:最全UI/ UX設計指南
本文旨在收集用于創建Web和移動應用程序設計中,UX和UI設計過程的所有理論。
設計決定了大多數軟件產品的成功。軟件開發為各種網站和應用程序產品的設計提供了新的方法。離開時尚元素和可用性,就談不上好的App。App的有效性是通過功能性和吸引力的最佳組合來衡量的。視覺傳達必須簡單,直觀且引人入勝。
UI / UX設計的作用
設計應用程序和網站帶來了特殊挑戰:
- 促進復雜的任務和工作流程;
- 使用戶能夠理解和管理復雜數據;
- 適應各種用戶角色、需求和流程。
但這非常值得!因為有效的應用程序設計和實現可能會對從娛樂到醫療保健等各種環境中的生產力、效率、準確性和用戶滿意度產生深遠的積極影響。
你之前可能聽說過UI或UX設計,但實際上從未有機會了解它的用途、定位和原因。事實上,UI和UX不是一回事。在進一步討論之前,請先閱讀UI和UX之間的原理差異[1]。用戶體驗(UX)是用戶對產品的整體體驗,而用戶界面(UI)是用戶將實際與產品交互并看到的東西。
出色設計的價值
應用程序設計的成功與否取決于用戶體驗(UX)和用戶界面(UI),而不是一個好的想法或一個好的功能。如果應用程序看起來很糟糕而且很難用,那么想法有多好并不重要。
如果你正在開發網站或移動應用程序,則需要做好的一件重要的事情就是應用程序的外觀和感覺。例如,如果你的領域是電子商務,那么設計不當的應用程序將使你失去許多潛在的客戶。
例如,當用戶打開應用程序時,首先看到的是什么?用戶首先看到的是登錄頁面[2]。什么是登陸頁面?這是一個起點,用戶可以從中了解應用程序或站點是否滿足其需求。它必須是具有吸引力的,并包含一些CTA(行動呼吁)按鈕,以使用戶知道下一步該怎么做。
為給UI和UX設計師的工作增加價值,可以在此找到一些有趣的UI與UX比較:
- UX設計師就像建筑師。他們會照顧用戶,并幫助企業改進可衡量的參數(比如降低網站跳出率、提高點擊率等)。UX設計師了解用戶行為和心理,了解界面的工效學知識,并且能夠分析業務需求以將其轉換為用戶流。
- UI設計師就像裝飾師。他們主要負責界面如何反映品牌。這份工作更多地是關于無法衡量的東西(比如界面的舒適程度、是否足夠時尚等)。UI設計師了解色彩以及色彩組合,知道如何閱讀品牌書籍并將其轉換為UI元素。
有時,UI和UX設計師是負責整個設計過程的同一個人。但是,讓我們分別討論這兩種設計。
什么是UX設計?
UX(用戶體驗)設計是一個創建產品、系統或服務的過程,這些產品、系統或服務為用戶提供有意義和相關的體驗。這還涉及獲取和整合產品的整個過程的設計,包括品牌、設計、可用性和功能等方面。它還包括人機交互和產品所有權的有意義和有價值的方面。UX處理的是網站中內容和地圖的體系結構。
UI(用戶界面)設計是UX設計的一個重要方面,它是UX設計的一個子集(UI設計將在下一部分討論)。因為UX設計涵蓋了其他許多領域。信息架構(IA)是UX設計中第二可行的方面。
UX設計可以幫助用戶實現目標。它不僅專注于創建可用的產品,還涵蓋了用戶體驗的其他方面,例如:
- 愉悅;
- 效率;
- 情緒;
- 有趣。
到目前為止,良好的用戶體驗是在目標用戶使用產品的特定情境中,滿足特定用戶需求的體驗。UX設計以用戶為中心——用戶類型定義設計類型。
這就是為什么UX設計是動態的,并且隨著使用的環境和各領域的系統的變化而不斷改進。在這里,你可以找到一些2019年UX設計趨勢[3]。此外,我們可以說用戶體驗就是用戶產品的交互與體驗。
UX設計的主要任務是創建可以定制以滿足用戶的特定需求的產品,但它提供了可預測的功能。換句話說,UX設計旨在研究用戶行為并了解用戶動機,以設計更好的交互體驗。
完美的用戶體驗設計應該是什么?這個問題的答案可以作為UX設計需求的列表,這些需求應在不同的層次上得到滿足。這些層次構成了用戶體驗設計金字塔[4]。
UX設計原則和完整的UX結構
UX設計金字塔各個層次的目標可以通過遵循主要的用戶體驗設計原則來實現:
1. 層次結構
層次結構是設計師幫助用戶輕松瀏覽產品的最佳工具之一,包括:
- 信息架構(跨應用程序或網站組織內容的方式);
- 可視化架構(可幫助用戶在部分或頁面中更輕松地導航)。
2. 一致性
在大多數情況下,可以使用一套正式的設計準則來設計特定設備或格式的產品。
3. 確認性
需要對任何重要或不可逆的操作進行確認,以防止用戶可能意外地犯錯誤。
4. 用戶控制
“撤消”、“返回”、“搜索”按鈕以及鍵盤快捷鍵是使用戶可以控制網站或應用程序的好方法。
5. 易用性
對產品來說,讓盡可能多的人容易使用是至關重要的。用戶體驗設計應該消除人們使用產品時的障礙,無論這些障礙是暫時的還是永久的。
UX設計平衡了業務、人員和技術。誠然,如果沒有完善的業務支撐,產品就無法成功。但是,沒有客戶的滿意度,則業務就不會成功——UX設計師的工作就是使客戶滿意。
完整的UX堆棧
因此,UX設計涉及很多事情。完整的UX設計棧包括:
- 界面(主要應用于UI設計)
- 架構(由應用界面和交互設計組成)
- 結構(由信息體系結構和用戶流組成)
- 范圍(功能規格和內容要求)
- 策略(根據用戶研究和業務目標定義的用戶需求和項目目標)
但是,UI部分不是最先進行的。用戶體驗設計始于通過用戶研究確定需要解決的問題。因為解決用戶不關心的問題沒有任何意義。
UX設計過程
簡而言之,UX設計過程步驟如下:
- 用戶研究
- 設計
- UX線框圖
- UX原型制作
- UI設計(視覺和交互)
- 用戶測試
你可以在下面找到UX設計過程的主要方法的概述。
UX設計過程可以用幾種最流行的UX設計方法來描述。
UX設計過程的主要方法
目前,有三種著名的用戶體驗設計過程方法:
- 傳統設計
- 精益設計
- GV設計沖刺(GV代表Google Ventures)
通常大學里教授的是通過傳統瀑布流[5]進行構建的傳統UX設計過程。以下是傳統UX設計過程:
- 研究。發現主要的問題。在這里你可以找到10個有效用戶研究的圖表[6]。
- 對發現的問題進行分類。
- 創建人物模型和旅程圖(不要將它們與用戶流混在一起)
- 構思練習,為優秀的UX設計生成解決方案,并解決已發現的問題。
- 構建原型。
- 原型測試。
- 將最終原型送給開發人員。
- 產品發布。
- 收集用戶反饋。
- 返回到收到用戶反饋的第一步。
簡而言之,作為描述傳統UX設計過程的方案,你可以想象如下:
但在2013年出現了另一種UX設計過程方法,因為傳統UX設計過程與敏捷開發模式不兼容。新的設計過程稱為精益用戶體驗(Lean-UX),允許用戶體驗在敏捷的不確定性范圍內運行,并根據用戶反饋快速更新設計。它使體驗設計與產品開發重新協調起來。
簡而言之,精益UX是一套基于“精益創業”敏捷方法的原則,其重點放在了現在。團隊沒有將設計以“拋過墻法”來交付給技術部門,而是接受最終設計不能預先創建的想法,并且相信設計結果會隨著假設通過MVP(最小可行產品)開發[7]進行測試而出現。精益用戶體驗設計過程可以描述為“構建、測量和學習”循環,或“思考、制造、檢查”循環。
然而,如果沒有很好地定義產品計劃,精益用戶體驗設計過程似乎是低效的,從而導致了大量的浪費和返工。
Google Ventures提出了另一個很棒的設計過程。這就是設計沖刺。它讓團隊快速定義和測試低保真度原型。Google Ventures的設計沖刺可以看作是三種方法的結合:設計思維、敏捷和精益。設計沖刺的關鍵部分是創建原型,這是收集數據和測試想法的最佳方法之一。該模式可以通過以下方式呈現:
所有的UX設計過程方法都基于相同的迭代,但回答的問題不同。在我的文章《靈活UX與精益UX》[8]中可以詳細了解所有方法的不同之處以及它們的共同點!
UX設計部分
綜上所述,我將詳細介紹UX設計的各個部分:
交互設計
通過深思熟慮的行為創建有吸引力的界面。用戶和技術之間簡單明了的溝通。交互設計負責實現用戶與單個用戶界面或多個界面(或系統)之間交互的功能。
線框和原型
在最終設計之前,將網站的基本組件演示作為任務或交互式原型的模型。(順便說一下,線框不是草圖[9],也不是模型)。
信息架構
它平等地混合了產品的藝術性和科學性,以有效且可持續的方式組織、構建和標記內容。
用戶研究
通過觀察技術、任務分析和其他反饋方法了解用戶行為、需求和動機。用戶研究定義了你的受眾,并提供了有關如何最好地滿足其需求的基本見解。為了提供定性的用戶研究,我們應該全面考慮:——誰將使用該應用程序/網站?——他們想完成什么?——什么會妨礙他們?——主要客戶的業務需求是什么?我發表了一篇關于為什么用戶研究對UX如此重要[10]的文章。
情境
用戶與項目交互的描述。這些故事對于設計界面和可用性測試都非常重要。
但這并不是UX設計所包含的全部內容。找到用戶體驗設計的關鍵部分[11]及其本質!
UX設計用于決定用戶是翻頁還是滾動內容。為了對細節負責,并預測其影響,UX設計師應該對人類行為有很多了解。UX設計師通常來自各種背景,如視覺設計、編程、心理學和交互設計。稍后,我還將詳細介紹UX設計師的主要任務。
什么是UI設計?
讓我們從定義什么是界面開始。界面是兩個系統交互的機制。從這一點上講,用戶界面是為方便系統和用戶之間的直接交互而創建的界面。
在顯示設備上,有兩種常見的用戶界面:
- 命令行界面(CLI),僅包含文本,主要由程序員使用;
- 圖形用戶界面(GUI),這是我將用到的界面。它包括圖像、窗口、圖標、菜單等。
在本文中,我將特別關注負責視覺感知的用戶界面類型-GUI。
UI設計是為計算機和軟件(如計算機、家用電器、移動設備和其他電子設備)設計用戶界面的一門學科,其重點是響應性和美觀性,最大程度地提高可用性,以營造良好的用戶體驗。作為UX的一部分,UI設計更注重色彩和版式。簡而言之,UI設計通常是以下幾方面的結合:
- 視覺設計(外觀和感覺);
- 交互設計(如何工作)。
舉個按鈕設計的例子,UX設計的關注點是將按鈕放在哪里以便用戶輕松找到它,而UI設計考慮的是如何使這個按鈕看起來更美觀,以使用戶想要按下它。
為什么我們需要用戶界面?該產品必須具有視覺吸引力和美觀性。UI設計精心設計了一種通用的視覺語言和層次結構,提高用戶與產品接觸的方式。
UI將交互設計、視覺設計和信息架構的概念結合在一起。
用戶界面元素包括按鈕、文本字段、復選框、滑塊、圖標、標簽、消息框、分頁等。為了更好地理解UI設計是什么,應該對UI設計的主要元素進行簡要了解。
UI設計部分
如果想要開發出吸引人的用戶界面,則需要使用以下領域的技術:
視覺設計
使普通產品具有美感,并遵循“以用戶為中心”的原則(如面向網絡的設計或概念藝術)吸引觀眾。視覺設計的主要目標是借助插圖、攝影、版式、空間、布局和色彩來塑造和改善用戶體驗?!熬€條、形狀、負空間、紋理”——這都是視覺設計。了解更多信息可參考視覺設計的交互設計基礎[12]。
色彩
為產品選擇正確的顏色非常重要,因為這與情緒和意義有心理關聯。遵循品牌色彩,并根據你要創建的設計和要分享的信息明智地使用它們,也很重要。
平面設計
平面設計負責將圖像、版式或動態圖形組合在一起,以打動您的客戶。平面設計追求像素完美。這是為了確保文本具有完美的字距和符合品牌準則的色彩。平面設計是一門專門的學科,要想產生出色的視覺效果,必須具備一定的工藝水平和一套專門技能(如排版和色彩理論)。它通常與視覺設計混在一起。
模型
建立用于演示、設計評估、推廣和其他目的的設計的相應比例模型。實體模型旨在通過視覺細節(如色彩和版式)顯示設計的最終外觀。線框圖、模型和原型通常是混合使用,它們只是表示設計流程的不同階段。線框圖是設計的低保真度呈現方式,它描述了結構和布局。與線框圖不同,實體模型看起來更像成品或原型,但它不是交互式的且不可單擊。原型用于提供一系列用于在應用程序中構造屏幕的選項。除了布局之外,它們還有助于組織內容并使用戶界面易于理解。
版式
排版是所有傳播藝術形式的驅動力。這是一門關于字體樣式、外觀和結構的藝術和科學,旨在為讀者提供美觀易讀的頁面。排版有助于在基于打印或屏幕的項目中為信息增加印象效果。好的排版應該:
- 各種尺寸下工作良好;
- 具有易于識別的字體;
- 具有可識別的層次結構,以便更好地感知。
此外,現在的UI設計很大程度上依賴于動作設計,它可以提供即時的用戶反饋,這對于任何用戶界面都至關重要。動畫、視覺效果和屏幕過渡對首次用戶與該應用的互動方式具有巨大影響。詳細可了解運動設計的力量[13]。
UI軟件原型類型
如前所述,原型不同于線框圖和模型。我之前會把原型設計添加到UX設計中,但就通常用于用戶測試產品的原型而言,原型必須是高保真的、交互式的,并且盡可能適合最終的用戶界面。這就是為什么在下一部分將討論用戶界面原型。
原型盡可能真實地模擬用戶和界面之間的交互。
UI軟件原型有5種常見類型:
- 紙上原型(草繪)。草繪是在原型制作過程中,記錄主要的創意(通常在紙上),它僅限于創意的生成和與設計團隊的溝通。
- 低保真原型。低保真原型是概念的粗略表示,有助于在設計過程早期驗證概念。簡而言之,這是對創意的粗略表達。低保真原型通常被設計團隊用來強調交互和思想。
- 快速原型??焖僭褪且环N基于用戶研究的中保真技術??焖僭驮O計可以幫助設計師思考要達到最終目標需要做什么。經過一系列的快速迭代和反饋后,原型中的一些問題會得到解決。快速原型的主要特點是使用各種應用程序、不同的數字原型制作和用戶研究工具。
- 高保真原型(交互式原型)。與低保真原型不同,高保真原型需要更多的時間、專業技能和資源。高保真原型是一種基于計算機的交互設計,其在設計細節和功能方面與最終版本最為相似。它通常將可用性和真實性合而為一。
- HTML原型(有些人不將這種類型列入其中)。HTML原型是使用HTML開發的原型。它可以在瀏覽器中看到。它沒有樣式選擇,外觀也很簡單,但是HTML原型可以比其他原型更快地進入編碼階段,因為它已經部分地用代碼編寫了。
每種類型的原型都有最適合該原型的數字工具列表。從Keynote和Google slides到InVision和Adobe XD……在這里,您可以探索用于不同類型UI軟件原型的UI原型工具[14]的最終列表。
UI設計原則
在創建UI原型時,優秀的設計師應遵循以下6個用戶界面設計原則(根據Larry LeRoy Constantine的觀點):
- 結構。應關注整體用戶界面架構,并認為模型應該清晰、一致、可識別,并且將相關的事物放在一起,將不相關的事物分離,并使類似的事物彼此相似。
- 簡單。設計應該使簡單、常見的任務變得容易,并用用戶自己的語言清晰、簡單地交流。這些快捷方式必須有意義地與較長的程序相關。
- 可見度。沒有多余的信息和奇怪的選擇。設計應使給定任務的所有必要的選項和材料可見,而不是分散注意力。
- 反饋。應以清晰、簡明和熟悉的方式告知用戶并了解所有相關操作、狀態或條件的變化、錯誤或異常。
- 容錯性。設計應具有靈活性,允許通過撤消和重做來減少錯誤和誤用。
- 重新使用。設計應重用內部和外部組件和行為,保持目的的一致性,而不僅僅是任意的一致性。
UI技術
如何滿足上述所有主要的UI設計原則。為此,設計人員使用了一些簡單而有益的UI技術。
首先,UI技術(交互技術或輸入技術)是硬件和軟件元素的組合,為用戶提供了完成一項任務的方法。例如,單擊按鈕、按鍵、執行鼠標手勢或發出語音命令。
在UI設計中,有數十種不同的有效技術可以幫助用戶完成任務。以下列舉最著名的UI技術:
- 交互樣式,如表單填充或菜單選擇等。
- 交互設計模式,表示在特定上下文中描述常見可用性或可訪問性問題的解決方案的方法[15]。換句話說,這是記錄常見設計問題解決方案的正式方法。
組織結構和方案
- 層次結構是指大腦根據物體的大小、顏色、對比度、排列方式等物理差異來區分物體的能力。
- 順序結構,用戶按照特定的路徑逐個完成任務。
- 矩陣結構,用戶可以根據字母順序、時間順序、主題(特定主題或流派的分組)順序或用戶組(一種受眾類型)自行選擇導航方式。
內容組織模型
- 單頁模型。
- 平面模型,其中所有頁面都相等,并且放在同一導航級別。
- 索引模型,允許用戶通過每個頁面上的頁面列表訪問頁面。
- 嚴格的層次結構模型,只允許用戶從主頁訪問子頁面。
- 共存層次模型,為用戶提供了訪問內容的各種方式,但可以引導他們通過特定的路徑,以便他們采取預期的操作。
- 雛菊模型,旨在使用戶在每次完成任務時都可以訪問主頁。
強調輸出的可視化技術(即信息可視化),旨在以方便、清晰、直觀的方式組織和構造數值和非數值數據。
研究與創新
一些例子:
- 交互層;
- 自定義插圖;
- 分屏;
- 粗體排版;
- 無按鈕用戶界面;
- 動畫;
- 鮮艷大膽的色彩;
- 照片內容。
還有更多示例,但是大多數示例都可以歸入上述組中。
在了解了所有重要的UI技術之后,我必須告訴你用戶最討厭的UI技術[16]。請考慮一下它們,以免您的用戶流失。
UI設計過程
我可以命名用戶界面設計中的幾個階段和過程。以下是一些最可行的方法:
- 功能需求收集。這一步包括組裝完成項目目標所需的功能和用戶的潛在需求的列表。通常,此階段在與客戶端的發現會話[17]之后立即開始。
- 用戶和任務分析。研究潛在用戶如何執行設計必須支持的任務。這個階段與作為用戶體驗設計過程的一部分的用戶研究相關。
- 信息架構(IA)。該過程涵蓋了系統過程和信息流的開發。在此階段中,選擇UI交互樣式、設計模式和可視化技術。前面描述的許多UI設計技術都是在信息結構階段形成的。
- 原型制作。這個階段包括開發原型、線框圖、模型、紙制原型或簡單的交互式屏幕。
- 可用性檢查??捎眯詸z查可用于評估系統的原型或規范,通常無法在用戶身上進行測試。可用性檢查方法包括認知演練、啟發式評估和多元演練。
- 可用性測試。UI設計測試,可以從查看者的角度了解設計的可接受程度。通常,在可用性測試期間,要求用戶完成任務后,查看他們在哪里遇到問題和遇到困惑。
- GUI(圖形用戶界面)設計。這是最終圖形用戶界面設計的實際外觀。在此階段,可以通過使用排版、攝影和插圖來進行視覺傳達和解決問題。
- 軟件維護。軟件完成后會進行偶爾維護,以修復軟件錯誤、更改功能或升級系統。
在遵循UI設計過程的同時,不要忘記創建優秀用戶界面設計的基本規則[18]!
在前面的部分,試圖收集、構建、解釋并向你展示UI和UX設計的所有主要術語和細微差別。但是你可能想了解更多信息,在這里你可以查看關于UI和UX設計的最佳書籍清單[19]。
Web和移動應用程序設計
UX和UI設計主要用于為移動應用程序創建出色的網站和設計。下面簡要介紹一下web和移動應用設計。
Web設計
簡單地說,網頁設計是創建網站的過程。它涉及信息架構、網站結構、用戶界面、導航人類工效學、網站布局、色彩、對比度、字體和攝影或插圖以及圖標設計。
Web設計師是將UX和UI技術應用于網頁設計的專家。最初,Web設計師是UI設計師(UI設計師的子集),專注于設計和構建web用戶界面。他們中的一些人可能知道一些前端編程,如HTML/CSS、Javascript,以顯示設計/原型在屏幕上的工作方式。此外,他們應該更多地了解web、網格等方面的技術限制。
網頁設計師應該:了解如何創建web布局和可交付成果,以及:圖標;信息圖形;標志;介紹等。此外,還應該熟悉行業標準軟件,具備繪制線框圖技術,注意前端開發的細微差別,知道如何編碼(這是加分項)。
網頁UX設計通過提高用戶與網站交互的可用性、可訪問性和效率來提高用戶滿意度。
移動應用程序設計
針對移動設備(包括臺式機和筆記本電腦)的應用程序設計帶來了特殊的挑戰:
- 促進復雜的任務和工作流程;
- 使用戶能夠理解和管理復雜的數據;
- 適應各種用戶角色、需求和流程。
應用程序的UX/UI設計提高了用戶體驗和客戶滿意度,最終有助于增加特定應用程序的用戶數量。
移動用戶體驗設計是指在使用移動設備和可穿戴設備期間的積極體驗設計。根據情境的不同,移動應用程序設計對用戶體驗有獨特的要求。
閱讀8條移動用戶體驗設計的關鍵原則[20],這些原則證明了它們的有效性。
近年來,隨著下一個移動應用程序設計趨勢的發展,這些要求得到了滿足:
- 設計更大的屏幕;
- 簡化UI;
- 滑動和手勢互動;
- 添加更多的導航選項;
- 添加功能動畫;
- 講故事;
- 使用可縮放的排版;
- 嘗試試用調色板等。
要了解這些趨勢,建議你閱讀有關Web應用程序開發的Web應用程序和網站之間的主要區別[21]。
另一件要考慮的事情是我們有時聽到的移動界面設計神話[22]。老實說,其中有些理論可能已經過時了,因為移動體驗已經發展了很多。
在2019年,為了使您的應用程序(Web或移動應用程序)吸引人并取得成功,Web或移動設備設計必須足夠靈活,以容納當今可用的新技術以及黑客技術。因為科技的創新,可能某些昨天才剛剛出現的新事物成為了我們日常生活中必不可少的一部分。你是否想知道何種創新能發展你的項目并節省項目資金[24]?
UI / UX設計師做什么?
首先從UX設計人員的基本工作開始,UX設計師考慮其工作產品的使用原因、內容和方式。
- 為什么會涉及用戶使用產品的動機,無論是與他們希望執行的任務相關,還是與產品所有權和使用相關的價值觀相關。
- 什么解決了人們可以用產品做的事情,它的功能。
- 如何以一種可訪問且美觀的方式與功能設計相關。
用戶體驗設計師先從“為什么”開始,然后再確定“什么”,最后是“如何”,以便創建用戶可以形成有意義體驗的產品。在Web或移動應用程序設計中,設計師必須確保產品的“實體”可以通過現有設備提供無縫、流暢的體驗。
在“為什么”階段,UX設計師應該回答一些基本問題,如:
- 用戶需要你生產的產品嗎?
- 用戶會為此產品付費嗎?
- 用戶會花時間尋找并學習使用它嗎?
- 用戶需要哪些關鍵功能?
- 用戶是否需要你構建的所有功能?他們真正需要多少和哪些功能?
在“如何”階段的主要問題有所不同,這些問題與具體實施有關:
- 應該如何組織內容,以便用戶可以輕松找到它?
- 該應用程序是否易于使用?
- 在哪一步用戶可能會感到困惑或迷路?他們可能面臨什么困難?
- 需要什么內容,應該如何寫才最吸引人?
UX設計師的典型任務各不相同,但通常包括用戶研究、創建角色、設計線框和交互原型以及測試設計。
簡而言之,UX設計師參與了廣泛的用戶研究,制定信息架構并創建用戶個人資料和故事。UX設計師不一定具備視覺或平面設計技能,但是必須對心理學和系統設計有所了解。
UI設計師同時嘗試將復雜的結構分解成簡單易懂的格式,以方便最終用戶。因此,UX / UI和Web設計師都致力于為用戶提供愉悅和有效的體驗。
UI/UX設計師應該能夠理解用戶的需求。應用程序的目標和目的仍然是第一個決定因素。然后,在理解用戶的需求和應用程序的目標之后,設計師必須能夠有效地將其轉換為功能。他們還必須能夠確定應用程序未來可能的需求。在與其他開發團隊成員的長期合作下,設計師從產品開發的初始階段一直到完成之日都參與其中。這些任務和義務構成了用戶體驗設計師的主要職責范圍。但是我建議你詳細了解UX設計人員的薪酬[23]。
應用于我工作的公司(Syndicode),我們稍微簡化了UI / UX設計過程。這是由你并行處理的項目數來解釋的。另外,我可以說,當專家積累了大量經驗后,遵循所有程序步驟的時間就減少了。技能可以幫助你更快地工作。
它是如何在Syndicode中開始的?首先,我們與客戶機進行了一次探索會話,以盡可能多地了解該項目。本次會話的主要目標是收集關鍵項目信息,以便我們能夠獲得高層次的理解。然后我們創建計劃,根據計劃,我們將研究UI / UX / web / mobile設計解決方案,并與客戶就該計劃的每個步驟達成一致。然后根據精益UX,對UI和UX設計過程進行了詳細的設計步驟。
引申閱讀:
[1]https://syndicode.com/2017/10/06/ux-vs-ui/
[2]https://syndicode.com/2017/12/12/what-are-the-functions-of-your-Application-landing-page/
[3]https://syndicode.com/2018/12/20/what-to-expect-for-ux-in-2019/
[4]https://syndicode.com/2018/12/26/the-ux-design-pyramid-with-the-user-needs/
[5]https://syndicode.com/2017/10/05/top-6-software-development-methodologies/
[6]https://syndicode.com/2019/01/09/ux-research-process-in-10-diagrams/
[7]https://syndicode.com/ruby-on-rails-mvp-development/
[8]https://syndicode.com/2019/04/05/agile-ux-vs-lean-ux/
[9]https://syndicode.com/2018/12/10/wireframes-for-ux-design/
[10]https://syndicode.com/2017/08/15/why-user-research-matters-to-ux/
[11]https://syndicode.com/2019/01/22/key-parts-of-user-experience/
[12]https://www.interaction-design.org/literature/topics/visual-design
[13]https://syndicode.com/2017/11/10/the-power-of-motion-design/
[14]https://syndicode.com/2019/01/11/ui-prototyping-tools/
[15]https://www.interaction-design.org/literature/book/the-glossary-of-human-computer-interaction/interaction-design-patterns
[16]https://syndicode.com/2017/07/28/the-most-annoying-ui-techniques/
[17]https://syndicode.com/2018/10/11/discovery-session-for-the-new-project-step-by-step/
[18]https://syndicode.com/2019/02/05/the-basic-rules-to-create-the-great-user-interface-design/
[19]https://syndicode.com/2018/12/06/best-books-and-resources-for-ui-ux-designers-in-2019/
[20]https://syndicode.com/2019/02/12/8-key-principles-of-mobile-ux-design/
[21]https://syndicode.com/ruby-on-rails-web-App-development/
[22]https://syndicode.com/2017/12/06/myths-about-mobile-interface-design/
[23]https://syndicode.com/2017/10/11/what-do-you-pay-a-ux-designer-for/
[24]https://mailchi.mp/4312f9ede264/innovations_to_grow_your_business_syndicode
作者:Iren Korkishko;翻譯公眾號:交譯所,翻譯:Zoe.YANG,審核:DomainX
原文:https://medium.com/swlh/ui-ux-design-guide-with-terms-explanations-tips-and-trends-754b9356d914
本文由 @交譯所 翻譯發布于人人都是產品經理。未經許可,禁止轉載
題圖來自原文
太過大而全,都是泛泛之談