UI/ UX設計指南:專業術語,解釋,建議及未來發展趨勢

2021-03-02 MicroUX

作者:Iren Korkishko

翻譯:Zoe.YANG

審核:DomainX

原文:

https://medium.com/swlh/ui-ux-design-guide-with-terms-explanations-tips-and-trends-754b9356d914

文章由交譯所成員翻譯,如需轉載,請先申請授權。

譯文如下:

本文旨在收集用於創建Web和行動應用程式設計中,UX和UI設計過程的所有理論。

設計決定了大多數軟體產品的成功。軟體開發為各種網站和應用程式產品的設計提供了新的方法。離開時尚元素和可用性,就談不上好的app。app的有效性是通過功能性和吸引力的最佳組合來衡量的。視覺傳達必須簡單,直觀且引人入勝。


The role of UI/UX designUI / UX設計的作用

設計應用程式和網站帶來了特殊挑戰:

促進複雜的任務和工作流程;

使用戶能夠理解和管理複雜數據;

適應各種用戶角色、需求和流程。

但這非常值得!因為有效的應用程式設計和實現可能會對從娛樂到醫療保健等各種環境中的生產力、效率、準確性和用戶滿意度產生深遠的積極影響。

你之前可能聽說過UI或UX設計,但實際上從未有機會了解它的用途、定位和原因。事實上,UI和UX不是一回事。在進一步討論之前,請先閱讀UI和UX之間的原理差異[1]。用戶體驗(UX)是用戶對產品的整體體驗,而用戶界面(UI)是用戶將實際與產品交互並看到的東西。

A value of a great design出色設計的價值

應用程式設計的成功與否取決於用戶體驗(UX)和用戶界面(UI),而不是一個好的想法或一個好的功能。如果應用程式看起來很糟糕而且很難用,那麼想法有多好並不重要。

如果你正在開發網站或行動應用程式,則需要做好的一件重要的事情就是應用程式的外觀和感覺。例如,如果你的領域是電子商務,那麼設計不當的應用程式將使你失去許多潛在的客戶。

例如,當用戶打開應用程式時,首先看到的是什麼?用戶首先看到的是登錄頁面[2]。什麼是登陸頁面?這是一個起點,用戶可以從中了解應用程式或站點是否滿足其需求。它必須是具有吸引力的,並包含一些CTA(行動呼籲)按鈕,以使用戶知道下一步該怎麼做。

為給UI和UX設計師的工作增加價值,可以在此找到一些有趣的UI與UX比較:

有時,UI和UX設計師是負責整個設計過程的同一個人。但是,讓我們分別討論這兩種設計。

What is UX design?什麼是UX設計?

UX(用戶體驗)設計是一個創建產品、系統或服務的過程,這些產品、系統或服務為用戶提供有意義和相關的體驗。這還涉及獲取和整合產品的整個過程的設計,包括品牌、設計、可用性和功能等方面。它還包括人機互動和產品所有權的有意義和有價值的方面。UX處理的是網站中內容和地圖的體系結構。

UI(用戶界面)設計是UX設計的一個重要方面,它是UX設計的一個子集(UI設計將在下一部分討論)。因為UX設計涵蓋了其他許多領域。信息架構(IA)是UX設計中第二可行的方面。

UX設計可以幫助用戶實現目標。它不僅專注於創建可用的產品,還涵蓋了用戶體驗的其他方面,例如:

到目前為止,良好的用戶體驗是在目標用戶使用產品的特定情境中,滿足特定用戶需求的體驗。UX設計以用戶為中心——用戶類型定義設計類型。

這就是為什麼UX設計是動態的,並且隨著使用的環境和各領域的系統的變化而不斷改進。在這裡,你可以找到一些2019年UX設計趨勢[3]。此外,我們可以說用戶體驗就是用戶產品的交互與體驗。

UX設計的主要任務是創建可以定製以滿足用戶的特定需求的產品,但它提供了可預測的功能。換句話說,UX設計旨在研究用戶行為並了解用戶動機,以設計更好的交互體驗。

完美的用戶體驗設計應該是什麼?這個問題的答案可以作為UX設計需求的列表,這些需求應在不同的層次上得到滿足。這些層次構成了用戶體驗設計金字塔[4]。

UX principles and full UX stackUX設計原則和完整的UX結構

UX設計金字塔各個層次的目標可以通過遵循主要的用戶體驗設計原則來實現:

1. 層次結構

層次結構是設計師幫助用戶輕鬆瀏覽產品的最佳工具之一,包括:

2. 一致性

在大多數情況下,可以使用一套正式的設計準則來設計特定設備或格式的產品。

3. 確認性

需要對任何重要或不可逆的操作進行確認,以防止用戶可能意外地犯錯誤。

4. 用戶控制

「撤消」、「返回」、「搜索」按鈕以及鍵盤快捷鍵是使用戶可以控制網站或應用程式的好方法。

5.易用性

對產品來說,讓儘可能多的人容易使用是至關重要的。用戶體驗設計應該消除人們使用產品時的障礙,無論這些障礙是暫時的還是永久的。

UX設計平衡了業務、人員和技術。誠然,如果沒有完善的業務支撐,產品就無法成功。但是,沒有客戶的滿意度,則業務就不會成功——UX設計師的工作就是使客戶滿意。

The full UX design stack完整的UX堆棧

因此,UX設計涉及很多事情。完整的UX設計棧包括:

但是,UI部分不是最先進行的。用戶體驗設計始於通過用戶研究確定需要解決的問題。因為解決用戶不關心的問題沒有任何意義。

UX design processUX設計過程

簡而言之,UX設計過程步驟如下:

      UX線框圖

      UX原型製作

      UI設計(視覺和交互)

你可以在下面找到UX設計過程的主要方法的概述。

UX設計過程可以用幾種最流行的UX設計方法來描述。

Main approaches of the UX design processUX設計過程的主要方法

目前,有三種著名的用戶體驗設計過程方法:

通常大學裡教授的是通過傳統瀑布流[5]進行構建的傳統UX設計過程。以下是傳統UX設計過程:

研究。發現主要的問題。在這裡你可以找到10個有效用戶研究的圖表[6]。

對發現的問題進行分類。

創建人物模型和旅程圖(不要將它們與用戶流混在一起)

構思練習,為優秀的UX設計生成解決方案,並解決已發現的問題。

構建原型。

原型測試。

將最終原型送給開發人員。

產品發布。

收集用戶反饋。

返回到收到用戶反饋的第一步。

簡而言之,作為描述傳統UX設計過程的方案,你可以想像如下:

但在2013年出現了另一種UX設計過程方法,因為傳統UX設計過程與敏捷開發模式不兼容。新的設計過程稱為精益用戶體驗(Lean-UX),允許用戶體驗在敏捷的不確定性範圍內運行,並根據用戶反饋快速更新設計。它使體驗設計與產品開發重新協調起來。

簡而言之,精益UX是一套基於「精益創業」敏捷方法的原則,其重點放在了現在。團隊沒有將設計以「拋過牆法」來交付給技術部門,而是接受最終設計不能預先創建的想法,並且相信設計結果會隨著假設通過MVP(最小可行產品)開發[7]進行測試而出現。精益用戶體驗設計過程可以描述為「構建、測量和學習」循環,或「思考、製造、檢查」循環。

然而,如果沒有很好地定義產品計劃,精益用戶體驗設計過程似乎是低效的,從而導致了大量的浪費和返工。

Google Ventures提出了另一個很棒的設計過程。這就是設計衝刺。它讓團隊快速定義和測試低保真度原型。Google Ventures的設計衝刺可以看作是三種方法的結合:設計思維、敏捷和精益。設計衝刺的關鍵部分是創建原型,這是收集數據和測試想法的最佳方法之一。該模式可以通過以下方式呈現:

所有的UX設計過程方法都基於相同的迭代,但回答的問題不同。在我的文章《靈活UX與精益UX》[8]中可以詳細了解所有方法的不同之處以及它們的共同點!

UX design partsUX設計部分

綜上所述,我將詳細介紹UX設計的各個部分:

通過深思熟慮的行為創建有吸引力的界面。用戶和技術之間簡單明了的溝通。互動設計負責實現用戶與單個用戶界面或多個界面(或系統)之間交互的功能。

在最終設計之前,將網站的基本組件演示作為任務或交互式原型的模型。(順便說一下,線框不是草圖[9],也不是模型)。

它平等地混合了產品的藝術性和科學性,以有效且可持續的方式組織、構建和標記內容。

通過觀察技術、任務分析和其他反饋方法了解用戶行為、需求和動機。用戶研究定義了你的受眾,並提供了有關如何最好地滿足其需求的基本見解。為了提供定性的用戶研究,我們應該全面考慮:——誰將使用該應用程式/網站?——他們想完成什麼?——什麼會妨礙他們?——主要客戶的業務需求是什麼?我發表了一篇關於為什麼用戶研究對UX如此重要[10]的文章。

用戶與項目交互的描述。這些故事對於設計界面和可用性測試都非常重要。

但這並不是UX設計所包含的全部內容。找到用戶體驗設計的關鍵部分[11]及其本質!

UX設計用於決定用戶是翻頁還是滾動內容。為了對細節負責,並預測其影響,UX設計師應該對人類行為有很多了解。UX設計師通常來自各種背景,如視覺設計、編程、心理學和互動設計。稍後,我還將詳細介紹UX設計師的主要任務。

What is UI design?什麼是UI設計?

讓我們從定義什麼是界面開始。界面是兩個系統交互的機制。從這一點上講,用戶界面是為方便系統和用戶之間的直接交互而創建的界面。

在顯示設備上,有兩種常見的用戶界面:

在本文中,我將特別關注負責視覺感知的用戶界面類型-GUI。

UI設計是為計算機和軟體(如計算機、家用電器、行動裝置和其他電子設備)設計用戶界面的一門學科,其重點是響應性和美觀性,最大程度地提高可用性,以營造良好的用戶體驗。作為UX的一部分,UI設計更注重色彩和版式。簡而言之,UI設計通常是以下幾方面的結合:

舉個按鈕設計的例子,UX設計的關注點是將按鈕放在哪裡以便用戶輕鬆找到它,而UI設計考慮的是如何使這個按鈕看起來更美觀,以使用戶想要按下它。

為什麼我們需要用戶界面?該產品必須具有視覺吸引力和美觀性。UI設計精心設計了一種通用的視覺語言和層次結構,提高用戶與產品接觸的方式。

UI將互動設計、視覺設計和信息架構的概念結合在一起。

用戶界面元素包括按鈕、文本欄位、複選框、滑塊、圖標、標籤、消息框、分頁等。為了更好地理解UI設計是什麼,應該對UI設計的主要元素進行簡要了解。

UI design partsUI設計部分

如果想要開發出吸引人的用戶界面,則需要使用以下領域的技術:

使普通產品具有美感,並遵循「以用戶為中心」的原則(如面向網絡的設計或概念藝術)吸引觀眾。視覺設計的主要目標是藉助插圖、攝影、版式、空間、布局和色彩來塑造和改善用戶體驗。「線條、形狀、負空間、紋理」——這都是視覺設計。了解更多信息可參考視覺設計的互動設計基礎[12]。

為產品選擇正確的顏色非常重要,因為這與情緒和意義有心理關聯。遵循品牌色彩,並根據你要創建的設計和要分享的信息明智地使用它們,也很重要。

平面設計負責將圖像、版式或動態圖形組合在一起,以打動您的客戶。平面設計追求像素完美。這是為了確保文本具有完美的字距和符合品牌準則的色彩。平面設計是一門專門的學科,要想產生出色的視覺效果,必須具備一定的工藝水平和一套專門技能(如排版和色彩理論)。它通常與視覺設計混在一起。

建立用於演示、設計評估、推廣和其他目的的設計的相應比例模型。實體模型旨在通過視覺細節(如色彩和版式)顯示設計的最終外觀。線框圖、模型和原型通常是混合使用,它們只是表示設計流程的不同階段。線框圖是設計的低保真度呈現方式,它描述了結構和布局。與線框圖不同,實體模型看起來更像成品或原型,但它不是交互式的且不可單擊。原型用於提供一系列用於在應用程式中構造屏幕的選項。除了布局之外,它們還有助於組織內容並使用戶界面易於理解。

排版是所有傳播藝術形式的驅動力。這是一門關於字體樣式、外觀和結構的藝術和科學,旨在為讀者提供美觀易讀的頁面。排版有助於在基於列印或屏幕的項目中為信息增加印象效果。好的排版應該:

      a)各種尺寸下工作良好;

      b)具有易於識別的字體;

      c)具有可識別的層次結構,以便更好地感知。

此外,現在的UI設計很大程度上依賴於動作設計,它可以提供即時的用戶反饋,這對於任何用戶界面都至關重要。動畫、視覺效果和屏幕過渡對首次用戶與該應用的互動方式具有巨大影響。詳細可了解運動設計的力量[13]。

UI software prototyping typesUI軟體原型類型

如前所述,原型不同於線框圖和模型。我之前會把原型設計添加到UX設計中,但就通常用於用戶測試產品的原型而言,原型必須是高保真的、交互式的,並且儘可能適合最終的用戶界面。這就是為什麼在下一部分將討論用戶界面原型。

原型儘可能真實地模擬用戶和界面之間的交互。

UI軟體原型有5種常見類型:

紙上原型(草繪)。草繪是在原型製作過程中,記錄主要的創意(通常在紙上),它僅限於創意的生成和與設計團隊的溝通。

低保真原型。低保真原型是概念的粗略表示,有助於在設計過程早期驗證概念。簡而言之,這是對創意的粗略表達。低保真原型通常被設計團隊用來強調交互和思想。

快速原型。快速原型是一種基於用戶研究的中保真技術。快速原型設計可以幫助設計師思考要達到最終目標需要做什麼。經過一系列的快速迭代和反饋後,原型中的一些問題會得到解決。快速原型的主要特點是使用各種應用程式、不同的數字原型製作和用戶研究工具。

高保真原型(交互式原型)。與低保真原型不同,高保真原型需要更多的時間、專業技能和資源。高保真原型是一種基於計算機的互動設計,其在設計細節和功能方面與最終版本最為相似。它通常將可用性和真實性合而為一。

HTML原型(有些人不將這種類型列入其中)。HTML原型是使用HTML開發的原型。它可以在瀏覽器中看到。它沒有樣式選擇,外觀也很簡單,但是HTML原型可以比其他原型更快地進入編碼階段,因為它已經部分地用代碼編寫了。

每種類型的原型都有最適合該原型的數字工具列表。從Keynote和Google slides到InVision和Adobe XD……在這裡,您可以探索用於不同類型UI軟體原型的UI原型工具[14]的最終列表。

UI design principlesUI設計原則

在創建UI原型時,優秀的設計師應遵循以下6個用戶界面設計原則(根據Larry LeRoy Constantine的觀點):

結構。應關注整體用戶界面架構,並認為模型應該清晰、一致、可識別,並且將相關的事物放在一起,將不相關的事物分離,並使類似的事物彼此相似。

簡單。設計應該使簡單、常見的任務變得容易,並用用戶自己的語言清晰、簡單地交流。這些快捷方式必須有意義地與較長的程序相關。

可見度。沒有多餘的信息和奇怪的選擇。設計應使給定任務的所有必要的選項和材料可見,而不是分散注意力。

反饋。應以清晰、簡明和熟悉的方式告知用戶並了解所有相關操作、狀態或條件的變化、錯誤或異常。

容錯性。設計應具有靈活性,允許通過撤消和重做來減少錯誤和誤用。

重新使用。設計應重用內部和外部組件和行為,保持目的的一致性,而不僅僅是任意的一致性。


UI techniquesUI技術

如何滿足上述所有主要的UI設計原則。為此,設計人員使用了一些簡單而有益的UI技術。

首先,UI技術(交互技術或輸入技術)是硬體和軟體元素的組合,為用戶提供了完成一項任務的方法。例如,單擊按鈕、按鍵、執行滑鼠手勢或發出語音命令。

在UI設計中,有數十種不同的有效技術可以幫助用戶完成任務。以下列舉最著名的UI技術:

層次結構是指大腦根據物體的大小、顏色、對比度、排列方式等物理差異來區分物體的能力。

順序結構,用戶按照特定的路徑逐個完成任務。

矩陣結構,用戶可以根據字母順序、時間順序、主題(特定主題或流派的分組)順序或用戶組(一種受眾類型)自行選擇導航方式。

單頁模型。

平面模型,其中所有頁面都相等,並且放在同一導航級別。

索引模型,允許用戶通過每個頁面上的頁面列表訪問頁面。

嚴格的層次結構模型,只允許用戶從主頁訪問子頁面。

共存層次模型,為用戶提供了訪問內容的各種方式,但可以引導他們通過特定的路徑,以便他們採取預期的操作。

雛菊模型,旨在使用戶在每次完成任務時都可以訪問主頁。

      交互層;

      自定義插圖;

      分屏;

      粗體排版;

      無按鈕用戶界面;

      動畫;

      鮮豔大膽的色彩;

      照片內容。

還有更多示例,但是大多數示例都可以歸入上述組中。

在了解了所有重要的UI技術之後,我必須告訴你用戶最討厭的UI技術[16]。請考慮一下它們,以免您的用戶流失。

UI設計過程

我可以命名用戶界面設計中的幾個階段和過程。以下是一些最可行的方法:

功能需求收集。這一步包括組裝完成項目目標所需的功能和用戶的潛在需求的列表。通常,此階段在與客戶端的發現會話[17]之後立即開始。

用戶和任務分析。研究潛在用戶如何執行設計必須支持的任務。這個階段與作為用戶體驗設計過程的一部分的用戶研究相關。

信息架構(IA)。該過程涵蓋了系統過程和信息流的開發。在此階段中,選擇UI交互樣式、設計模式和可視化技術。前面描述的許多UI設計技術都是在信息結構階段形成的。

原型製作。這個階段包括開發原型、線框圖、模型、紙制原型或簡單的交互式屏幕。

可用性檢查。可用性檢查可用於評估系統的原型或規範,通常無法在用戶身上進行測試。可用性檢查方法包括認知演練、啟發式評估和多元演練。

可用性測試。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、網格等方面的技術限制。

網頁設計師應該:

      圖標;

      信息圖形;

      標誌;

      介紹等。

熟悉行業標準軟體。

具備繪製線框圖技術。

注意前端開發的細微差別。

知道如何編碼(這是加分項)。

網頁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

相關焦點

  • 2021年UI設計趨勢指南
    原文地址: https://uxdesign.cc/a-guide-of-ui-design-trends-for-2021-637ac038cb99 譯文地址:非科班設計(公眾號) 譯者:逗砂 我們終於還有一個月就要告別魔幻的2020年了,uxdesign又寫了一篇趨勢指南。
  • 2020 UX/UI 設計的5個趨勢
    文章對移動端和Web端應用中UX/UI的未來相關趨勢進行了梳理和分析,與大家分享。從過渡到全新的「設計領域」(如支持語音的UI,或AR/VR設計),再到UI設計的趨勢(如動畫、自定義圖像等)。2019年對於UX/UI設計而言是偉大的一年。我們看到抽屜、圓角和導航欄切換已經擺脫傳統形式了,而且效果很好。這意味著世界在變化,設計也在發生不斷的變化,甚至在很多情況下,設計引領了世界的變化。
  • 這8種UI/UX設計趨勢你知道嗎?
    ,每年都會影響設計趨勢的走向。作為設計師,我們需要了解現有和即將到來的設計趨勢,不斷學習,改進和擴大我們的知識儲備,以便與時俱進。根據研究、經驗和觀察,我們非常仔細地選擇了8種UI / UX設計趨勢。那就讓我們開始吧~8種UI / UX設計趨勢1.
  • 2021年UI / UX設計趨勢
    當大多數參與者開始遵循這種趨勢時,它不可避免地會因為過度飽和而變得無效。因此,設計師的出路是時不時的看看他們,不時為客戶提供一些新的東西,而對於企業主來說,這是他們品牌發展的一個思想來源。我們擁有10多年的Web和行動應用程式設計經驗,知道如何使用UI / UX趨勢來設計適用於任何行業的視覺愉悅且有效的數字產品。
  • 知名設計師展望 2019 年:UI、UX設計將會出現十大趨勢
    編者按:科技發展日新月異,設計這一行也一樣,每一年都會有新的趨勢和發展,知名用戶體驗設計師摩西金(Moses Kim)在Medium博客上寫下了2019關於UI和UX設計的一些趨勢預測。其中包括了3D技術、動畫、漸變效果在設計中的應用,還提出設計最重要的原則和趨勢其實是真誠。原文標題為「2019 UI and UX Design Trends」。
  • 2021年UX設計趨勢
    原文地址https://uxdesign.cc/the-state-of-ux-for-2021-619ddd23303fUX設計是一門在時刻變化的學科,每年都會有新的趨勢出現,在最近過去的一年也不例外。全球新冠疫情的出現和各國的封鎖,突然使得我們現實與數字交互的方式發生了一些變化,人們不僅花更多的時間使用網際網路,其思想和行為也變得不一樣。
  • UX設計師如何找到一份滿意的工作?
    根據勞工統計局(BLS)的報告,UX設計師這個職位在未來有著非凡的發展前景,已經成功躋身最熱職業之一,也成為目前最有需求的創意產業工作之一。高需求隨之而來的UX設計師的高薪資,Creative Group 2018薪資指南指出,UX設計師的平均工資基準在2018年可達93,000美元。
  • 寫給初學者的UI、UX、GUI新手科普指南
    作者:Samuel連結:http://www.uisdc.com/ui-ux-gui-starter-guideline
  • 從0開始的 UI/UX 設計推薦書單
    學東西最便宜的作法就是免錢的 Google 爬文,但如果連關鍵詞都不知道怎麼下的話,建議你,書錢不能省。現在買書很便宜了。我把覺得重要、且可以讓讀者快速擁有即戰力的書挑出來照難易度排序。從左到右。最左邊的那本連 0 基礎的都很好入門。最右邊的那本不是給初學者看的,不要越級打怪啊!UI 類推薦書單• 不是你太笨,是爛UI的錯!
  • 2021設計趨勢:UI/UX篇
    這一年許多東西都放慢或者停滯了,正如2020年的設計趨勢沒有發生太大的變化,但是2020年的許多因素卻會對2021年產生很大的影響。接下來,本文作者為我們預測總結了2021年的主要趨勢。
  • 為什麼都說UX / UI設計師是最佳工作?
    用戶體驗設計師每天都在解決著新的且具有挑戰性的問題,既然肩負著改變和發展這個世界的使命就得面對並解決不同類型的問題,讓能力得到撕裂般的成長。2、與技術人員成為家人作為用戶體驗設計師,就必須徹底了解最新的行業趨勢和技術
  • UX術語詳解:任務流,用戶流,流程圖以及其它全新術語
    以下內容由Mockplus(摹客)團隊翻譯整理,僅供學習交流,Mockplus是更快更簡單的原型設計工具。用戶體驗擁有一長串專業的術語和可交付內容。當在線查看UX相關職位描述時,所羅列的這類術語更是全面繁多。而且,隨著時間的流逝和它們自身的不斷演變,其中很大一部分甚至出現了定義上的重複和交疊。所以,為方便設計師,Web/app開發者以及用戶等更加簡單的理解這些術語和可交付內容,我認為是時候該重新整理和定義它們了。打破它任務流和用戶流是多年來常聽到的用戶體驗術語。
  • 填報志願指南中一些術語的解釋二
    許多考生和家長在填報志願時發現,在填報志願指南中有一些術語不清楚是什麼意思,理解起來感到很困惑。
  • 普通UI如何進階大廠UX?專業技能和思維意識缺一不可
    偏專業的解釋兩者的差別就是設計思考側重的不同,一個偏感性的視覺層面,另一個偏理性的調研和數據層面。在國外兩者並不存在進化關係,只是側重不同而已。但在國內為何UX變成了UI的進階呢?並不是像一些平臺所言的表現層已經沒有更多的探索空間亦或可以被人工取締了,而是因為國內大廠的UX在全鏈路設計師的基礎上被賦予了更多商業使命。
  • UI設計網站 | 常用的UI設計網站大集合
    UI設計網http://www.uisheji.com專業的ui設計師交流學習分享平臺,專業探討ui設計,ui設計素材下載分享,ui動效,網頁設計,扁平化設計,互動設計,用戶體驗,一起分享優秀的設計.UI社http://www.uishe.cn中國最好的UI設計素材資源網站-UISHE.CN-2016年UI設計趨勢,扁平化素材,UI設計教程!
  • UI設計需要學什麼軟體?
    ui動效在當下是一種非常流行的設計元素,所以我們需要掌握這項技能,才能保證在ui設計滔滔大軍中立於不敗之地啊!掌握以上四款ui設計核心軟體,才有可能完成ui設計的工作、當然軟體只是第一步,更重要的是要掌握ui設計的專業知識啊!
  • 你了解ui設計嗎?
    你了解ui設計嗎?作為當下熱門的就業崗位之一,許多新人轉行從ui培訓學校進行系統的ui設計學習,所謂知己知彼,百戰不殆。既然選擇學習ui設計,那麼首先要了解ui設計究竟是什麼,我們要學習的內容有什麼,今天小編就來給大家簡單的介紹ui設計中要學習的內容。
  • 網紅教你做交互——10個值得關注的Ins設計類帳號 | 大咖說
    最近,許多要申請明年入學的小朋友們開始加入HArt了,在藝術教室裡,每天聚在一起上課、做模型、畫草圖、寫設計說明、手繪、畫sketch book……當然,他們雖然學的專業不同,但是行動卻是一毛一樣的——在網上各種網頁來回逛、看各種設計師的作品、看最新的藝術界新聞etc.
  • UI設計中評論區設計指南
    因此,了解不同屬性的APP評論區的區別是很有必要的,下面我就針對UI設計中評論區設計指南進行簡單的說明。評論區在現在APP中有著不可或缺的地位,除了工具類和展示類的APP沒有評論區外,其他社交類、視頻類、電商類、音樂類、問答類都有評論區。
  • 從小白到資深UI/UX設計師的7個步驟
    靜電說:很多零基礎的朋友想學UI設計,經常諮詢我小白如何成為一個資深UI設計師,我要從哪裡開始?在哪裡獲得ui設計相關教程?