前言

01.B端產品設計原則  

02.設計目的和業務邏輯的理解  

1.為什么做這個需求？

2.這個需求有什么功能？

3.怎么實現這些功能？

結構梳理

1.功能結構

2.業務流程

3.跳轉邏輯

 03.交互設計  

1.信息載體

2.信息設計

3.導航設計

4.權限設計

5.圖表設計

6.組件設計

7.反饋機制

8.語言設計

9.特殊場景

10.動效設計

 04.視覺設計  

原文地址：墨染動效（公眾號）

作者：喬公子

轉載請注明：學UI網》B端交互設計過程中的思考

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

一、功能背景

二、設計迭代

三、設計總結

轉載請注明：學UI網》從微信朋友驗證功能迭代，看交互設計對產品的價值

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

△ 豆瓣 App 電影榜單卡片

顏色的搭配其實是一個非常值得研究的問題。深入剖析的話內容也會很多，本文會告訴你，顏色如何挑選會更有規律，并保證基本和諧。

1. 色彩學概念淺談

想要做好色彩的搭配，需了解一些色彩學概念。色彩學將顏色分為：同類色、類似色、鄰近色、中差色、對比色、互補色。這幾種顏色通過色相環的角度進行取色，如下圖所示：

任意顏色都可以作為基色，每一個基色都有其相對應的同類色、對比色、互補色等等。

通常情況下，相鄰的兩個顏色，選擇基色和鄰近色之間的顏色，也就是與基色之間的角度 ≤ 60° 的顏色，會讓頁面的顏色顯得和諧統一。

△ 得到 App 服務內容卡片

△ QQ 音樂 App 榜單卡片

如果選用對比色和互補色，則需要控制顏色的面積，比如以紅色為主的頁面中可以出現藍色，但藍色的面積占比最好不要超過 20%。

除了色相上的變化，顏色還有明度和純度上的變化，對于顏色的影響也至關重要。這三個詞匯的概念如下：

• 色相 Hue：也稱色調，是指色彩的相貌
• 純度 Saturation：也稱飽和度，是指色彩的鮮艷程度
• 明度 Brightness：也稱亮度，是指顏色的明暗程度

色相、純度、明度三者構成了色立體的概念，讓色相環由二維變成了三維的概念。

2. HSB 色彩模式

RGB 和 CMYK 是我們較為熟知的色彩模式。而根據上文提到過的色彩學概念，在實際工作中我們也可以借鑒 HSB 色彩模式進行調色和選擇顏色。

在 sketch 和 PS 的 HSB 色板界面如下圖：

其中：

• 色相 Hue (H)：取值在 0-360 度之間
• 純度 Saturation (S)：取值在 0-100 之間，數值越高色彩就越純艷
• 明度 Brightness (B)：取值在 0-100 之間，數值越高色彩就越明亮

由于純度 Saturation (S) 和明度 Brightness (B) 之間的數值都是在 0-100 之間，因此兩者具備一定的對應關系。這些數值可以為你在選擇顏色時提供依據。

具體怎么使用這些數值，我們用案例來說明：

案例  

某 PC 端產品功能卡片需要做配色設計：

已知產品的品牌色是以下兩個顏色，其 HSB 色值如下圖所示：

– 顏色 A：H=233，S=74，B=100（主色）

– 顏色 B：H=267，S=79，B=100（輔色）

因此卡片的衍生色我們可以使用：藍色調 + 臨近色，且臨近色的顏色最好介于藍色和紫色之間，會使產品頁面顏色的搭配更加和諧統一。

于是我們可以先根據品牌主色：

– 顏色 A：H=233，S=74，B=100

來確定初步顏色，我們只改變色相（H）的數值，分別在 233 的基礎上進行 +10 和 -10，由此可以得到三個顏色 A1、A2、A3，呈現效果如下圖：

– 顏色 A1：H=253，S=74，B=100

– 顏色 A2：H=243，S=74，B=100

– 顏色 A3：H=223，S=74，B=100

現在的卡片顏色略顯單薄，我們可以再給每一張卡片加一個顏色，做出過渡色效果。于是我們在數值 A1、A2、A3的基礎上，保持色相（H）不變，只改變這三個數值的明度（B）和純度（S）的數值。以顏色 A1 為例：

– 顏色 A1：H=253，S=74，B=100

現在，我們想要得到一個比 A1 更深一點的顏色 A1-1，根據色彩學理論，我們可以降低明度（B）的數值，這樣顏色會變深，同時增加純度（S）的數值，這樣顏色會更沉穩純正，為了保證數值可控，我們將明度（B）降低 26，將純度（S）提高 26，所以可以得到顏色 A1-1 的色值：

– 顏色 A1-1：H=253，S=100，B=74

A1 和 A1-1 的顏色效果如下圖：

按照此方法，我們可以得到兩組顏色和其數值：

所以我們的卡片可以使用漸變色：

這樣卡片的顏色就基本確定下來了，我們可以再調整下卡片的細節，比如增加相關的背景插圖，調整卡片上的文字排版等等，這組 PC 端卡片最后的效果如下圖：

3. 補充說明

一個頁面中元素的色彩選擇有很多影響因素，比如：產品的品牌色、頁面的功能、頁面的內容、氛圍等等，所以還是要具體情況具體分析，綜合考慮選擇顏色。

當然，以上提出的這些數值只是參考，為的是給你的顏色選擇提供理論支撐。在實際應用中，也還是需要設計師根據具體情況，以及人眼視覺感知的效果，酌情做顏色上的優化處理。

原文鏈接：長弓小子（公眾號）

作者：元堯

轉載請注明：學UI網》詳解｜交互設計中的色彩搭配，這樣更有效！

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

一、什么是漸進式披露？      

在產品設計中常常能聽到這樣的說法：把控制權給用戶，確保用戶明白一切都在自己的掌控之中。

雖然更多的選擇會讓用戶興奮，但問題是過多的選擇也會讓用戶無法輕易的作出決定，反而造成體驗上的負擔。

漸進式披露不再是簡單地給用戶提供大量的信息和選擇，而是將這個過程分解成幾部分，讓用戶集中注意力在當前的事件上，從易到難地引導用戶。

這樣不僅可以確保用戶不會被新信息淹沒，還可以分解用戶不想做的任務。例如將一個特別長的表單分成三或四個步驟，分步進行填寫，同時還能單獨查看每個步驟的內容。

二、漸進式披露的優勢

想象一下這樣的場景，我們剛下載了一款新游戲，進入游戲后發現里面有各種各樣的游戲規則和操作細節，如果只是簡單地將所有游戲信息推送出來，那么我們可能就會淹沒在各種規則和細節里，根本記不下這么多規則，甚至會影響游戲體驗。

產品設計也是如此，以一種漸進的方式呈現信息，可以讓用戶在深入了解產品細節前就投入到產品的使用中。

對新用戶來說，漸進式披露讓他們有足夠的時間熟悉產品的基本知識，然后再進行更復雜的功能或任務，這樣可以讓整個產品更易于探索并提升可用性。

三、漸進式披露設計準則

劃分主次和優先級

漸進式披露主要的目的是將用戶注意力集中在重要的事情上，尤其是在一開始的時候。

在設計時，我們要考慮導航菜單以及選項的優先級，信息和功能的呈現也必須如此，通過漸進式披露能讓用戶首先體驗產品最核心的功能和信息。

將注意力集中在關鍵功能上。比如進入電商App，重點是引導用戶如何完成從看到買的整個過程，至于用戶是從主頁購買、搜索購買，還是從直播購買，這些等待用戶慢慢去發現。

從主要內容向次要內容過渡

對于想要了解產品中每個功能的用戶來說，除了明顯的主要內容，次要內容的呈現也變得很重要。

通過好的按鈕設計或可點擊的鏈接來實現從主要內容向次要內容過渡。

轉載請注明：學UI網》漸進式披露！交互設計領域獨有的設計方法論

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

準則 1.  Timely —— 找準時機，即時反饋

在用戶操作后盡快 / 立即給予反饋是最有效的。即時反饋有助于幫助用戶養成正確的操作習慣，或糾正用戶的不當操作。

如果反饋內容需要較長時間的加載，也可以給用戶設計一些有特點的 / 情感化的加載狀態，緩解用戶等待的不耐煩，又可以傳達一定的品牌調性。

例如：知乎 App 在加載內容的過程中，增加了 IP 形象的動態效果：

準則 2.  Specific —— 具體分析，差異對待

在設計交互反饋時，不僅僅要給出正確或錯誤的判斷結果，同時也應該考慮到用戶的個性化需求，針對不同類型、場景、地區的用戶提供差異性引導和服務。

例如：大眾點評、高德地圖可以根據用戶的位置，在用戶開始使用產品時就推送個性化信息：

準則 3.  Balanced —— 正負反饋，穿插結合

通常來說，正面的反饋會激發用戶的自信等積極情緒，因此我們更習慣使用正面反饋。但是一些不得不使用負面反饋的時候，我們可以在其中穿插一些正面的消息，減少或緩解用戶的因負面反饋帶來的消極情緒。

這就好像是別人跟你說：“ 壞消息是……，但是，這樣做的好處是…… ”，壞消息不可避免，但加上一點轉折，就會讓他人心里稍微舒服一些。

例如：美團單車在你騎完車之后，需要支付費用時提示你可以購買單車套餐，雖然是在勸用戶花錢，但看上去依舊很友善，其中的話術包括：“本次騎行免費”，“當前已是最優價格”：

準則 4.  Instructive —— 提示下步，指引行動

有效的反饋會主動多引導一步，對用戶的下一步行動給出清晰的、正確的、指導性的意見，有助于驅動用戶繼續做出有效操作。

很多 App 在截屏之后都會給出下一步分享的路徑引導：

準則 5.  Emotional —— 情感屬性，引起共鳴

有科學依據證實，人腦會更容易被附帶情緒的信息所吸引。用戶更有可能會注意那些看上去承載了一些情緒的反饋，從而也更有可能改變其行為方式。

例如：雖然只是一個提醒彈窗，QQ 音樂會員到期的續費提醒文案卻經過精心的設計，由各類歌名組成的一句話，每天的到期提醒都不同：

準則 6.  Traceable —— 可被溯源，可供反饋

一些特殊情況下的、有重大意義的反饋可以被追溯到其根本原因，可以提供給用戶進行申訴和詢問的渠道，供用戶進行反饋。

例如：電商平臺和外賣平臺都會在用戶下單或退單之后，提供商品物流的詳細信息，在查看購買的商品的當前狀態時，并可以追溯到商品所在的各個歷史環節：

再比如，高德打車如果發現用戶的行程訂單金額與預估金額差距較大時，會給用戶發短信提示，并給出客服和投訴渠道：

準則 7.  Less is more —— 質量優先，減少數量

在這個信息過載而注意力稀缺的時代，好的反饋在于質量，不在于數量。有時數量越多，反而會對用戶造成不必要的負擔。用戶并不需要給出很多反饋或者記錄生活中一切信息的產品，而是需要能夠幫他們理出頭緒、提出有效解決方案、呈現有用信息的產品。

以上這 7 大準則，來源于我們日常工作中的積累和沉淀，對于設計產品的交互反饋具備較高的指導意義，希望對你有啟發。

原文鏈接：長弓小子（公眾號）

作者：元堯

轉載請注明：學UI網》干貨｜交互設計中的「有效反饋」7大準則！

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

為什么需要設計質量保證

在設計中，最常見的質量保證方式就是在產品驗收環節進行「設計走查」。不過因為是上線前的最后驗收環節之一，經常會出現因臨近上線時間，且交互和UI類的問題在修改優先級中一般都是較低的，最后只能修改部分設計上的「bug」，其他只能舍棄或放入永遠不會開工的下次迭代再改。設計師在各種來回扯皮之間筋疲力盡，看不到設計價值在需求中的體現，各種“這里設計不好”的鍋一不小心也接了一堆。更嚴重的問題在于，用戶得不到更優秀的體驗，輕則耗費更多時間，重則放棄使用功能。不管哪種結果，對于產品整體滿意度都會有不同程度的影響。

由此可見，設計質量保證僅靠最后臨門一腳的設計走查遠遠是不夠的。在需求全周期中各個環節都可以加入對設計質量的把控（Design QA）。Design QA的概念來源于研發流程中測試環節。質量保證縮寫為QA（Quality Assurance），是產品交付流程中非常重要的一環，一般就是大家了解的測試工程師的崗位職責內容。在這個環節中，測試人員需要對產品功能進行仔細認證，確認是否滿足了產品需求并且可以正常使用。但與測試不同，設計QA須加入到產品需求全周期的各個環節中，最終形成與產品設計并行的一個流程，才能有效保證質量。

設計QA實施步驟和方案

步驟1: 需求分級，確定是否需要設計QA

要保證設計質量，在B端設計中不是易事。我們經常會聽到：

· “這個功能能用就行”：公司/團隊不理解或不夠認同設計價值是什么，不明白為什么體驗會在每一處未還原的設計稿上慢慢丟失

· “這還原的不挺好，和你設計稿我看一樣啊”：非專業的同事無法分辨設計稿與研發實現稿的細微差異

· “沒時間改了，下次再說吧”：設計質量保證低于功能質量保證，或者團隊必須在有限的時間交付需求

在接到需求后可以根據以往經驗或與產品經理的溝通，確定本次需求設計等級：

• A：公司級和部門級重點、設計周期長內容多、設計可沉淀輸出的內容多的需求
• B：正常迭代、量級一般的需求
• C：時間緊迫倒逼排期、無前端研發資源、少量調整、評估不需要設計的需求

在確認等級后，作為設計師可以有一定的心理預期。對于A類可能各個環節都需要詳細的進行QA，而對于C類有可能連設計走查都沒有預留時間，只能靠后續線上的直接驗證了。后面的幾個步驟可針對不同的等級選取全部或部分進行實施。

步驟2:交互設計中，考慮極限下的正確展示

B端交互設計中，很重要卻經常制作不到位的就是極限情況?？雌饋矶际歉鞣N表格，簡單的給定一個寬度即可，但在上線后經常發現，填充了真實商家數據的表格，總有意想不到的錯位折行和重要信息截斷，用戶的可閱讀性降低。

                                             左：重要信息被截斷；右：折行錯位

步驟3: 設計評審與交付，交互說明與UI標注一體化

在完成制作后一定要進行評審，對功能完整性、頁面流程、頁面文案、組件特殊交互邏輯要求、交互可實現性與開發成本進行評估。項目相關利益人都需要參加，尤其是測試同事需要參與評審，保證后續測試用例編寫質量。在交互與UI全部評審完成并通過后，交付給研發的設計稿最好可以做到交互說明文檔與UI標注一體化，方便研發同事查看。避免在交互說明與UI標注中來回切換，導致交互或UI細節遺漏。這里推薦一個sketch插件：NoteBook Pro （需要付費，lite版大約￥76），方便在sketch中添加交互說明標注，在上傳到可以在線查看UI標注的平臺，比如Zeplin/Relay等。

交互說明+UI標注在一個頁面上同時呈現

步驟4: 參加測試用例評審，確保測試用例涵蓋所有交互細節

一般來說，交互稿與UI稿交付給研發同學后，設計師就要開始忙下一個需求了。直到通知設計走查前，設計師暫時不會再隨時跟進需求進展，而是交接到產品或項目經理手中。而在這個從設計稿到研發實現的過程中，設計師也需要在關鍵節點參與其中，確保設計質量。測試用例是其中一個設計師可以參與的環節。其實有時候很多交互文檔中的內容會被用作測試用例，所以需要再次和研發與測試同學對齊所有交互內容，保證交互設計內容不會在此階段被降級甚至直接去掉。

步驟5:設計走查，輸出并記錄結果

此環節很重要的一點就是走查文檔或記錄。未完成修改的內容，建議研發給出一個解釋，并以文檔的方式記錄下來抄送給相關利益人，標明可能帶來的風險。同時嘗試與產品或項目經理溝通，推動迭代優化的具體時間，避免「下次一定」的無效承諾。

總結

設計QA是貫穿整個產品需求全周期的設計流程，在以往的點狀設計走查之外，需要與團隊上下游通力合作溝通，才能確保優秀的產品呈現在用戶面前。

參考文獻：

https://blog.prototypr.io/the-qa-process-in-ux-design-7cd3ffa771ad

https://www.nngroup.com/articles/quality-assurance-ux/

https://uxdesign.cc/the-importance-of-design-qa-in-digital-product-design-c3f3d128270

https://wearebrain.com/blog/customer-ux-ui/ux-designers-and-qa-engineers-collaboration/

https://owl.tools/notebook-sketch-plugin

原文地址：京東設計中心JDC（公眾號）

作者：唐朋博、李小猛

轉載請注明：學UI網》B端交互設計在產品需求全周期中的質量保證

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

1.  本能層 —— 感官刺激

對于本能層，設計師需要在符合功能需求的前提下，盡可能的給用戶帶來聽覺、視覺、觸覺的感官刺激，極力去促成用戶與產品的 “一見鐘情”。

案例 1  ：App Store 的卡片推薦做的很有新意，比如：把吉祥物（品牌形象）是小熊的工具收集到了一起，并取名為：熊幫手。

案例 2  ：微博長按點贊按鈕，可以選擇不同的點贊狀態。圖標還是動態的，很有趣。

案例 3  ：淘寶雙十一預熱，首頁的 icon 變成了 “今晚 20 點雙 11 搶預售”的字樣，烘托氛圍又打了廣告。

案例 4  ：微信撥打語音的界面，在等待好友接聽的過程中，可以看到好友朋友圈的圖片，緩解用戶等待時的無聊，也為即將進行的語音聊天提供了話題。

2. 行為層 —— 細節引導

對于行為層，設計師需對用戶的行為進行預判和引導，利用細節處理打動用戶，讓用戶對產品產生信任感和依賴感。

案例 1  ：當蘋果公司發現用戶最近在官方渠道購買了新的 iPhone ，老 iPhone 的設置頁面就會給出提示，讓用戶為新的 iPhone 做好數據遷移準備。

案例 2  ：iOS 系統后臺在看縮略效果時，會將用戶的敏感、私密的信息的 App 頁面進行模糊處理，保護用戶的隱私安全。

案例 3  ：在屏幕很暗的情況下，打開微信支付二維碼，屏幕會瞬間亮起，便于商家掃碼付款。

案例 4  ：貨拉拉在展示搬家車輛詳細信息時，使用了剖面圖，并模擬了不同搬家場景下的家具內容，讓用戶更好估算車輛空間。

3. 反思層 —— 認知共鳴

對于反思層，設計師要調動用戶最深層的記憶和感知，將視覺效果、產品功能和用戶認知緊密結合，形成用戶對于產品和品牌的深刻認知。

案例 1  ：FigJam 是一款來自 Figma 的多人協作在線白板工具，可以進行頭腦風暴、繪制流程、多人協同標記等。里面也有很多人性化的小功能，比如：當兩個人同時長按 “H” 鍵時，就會出現 highfive（擊掌的動效），非常適合當設計師達成共識時使用：

案例 2  ：小睡眠 App 發現學生時代的我們經常會在枯燥的課堂上睡覺，所以準備了各種課堂講解、校長發言、領導開會的聲音作為催眠、助眠的音樂，讓人會心一笑。

案例 3  ：餓了么在異常天氣下通過在界面上增加天氣的元素，讓用戶看到外賣小哥的辛苦，使用視覺和內容共情，喚起用戶的同理心，降低用戶因外賣遲到而做的投訴和差評。

案例 4  ：QQ音樂上線了寵物功能，一共有五個品種的寵物讓用戶可以選擇領取，多聽歌能喂飽寵物，然后送它出去參加演唱會或者和好友進行互動。

原文鏈接：長弓小子（公眾號）

作者：元堯

轉載請注明：學UI網》案例錦囊｜交互設計中「情感化」設計優秀案例（二）

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

是什么讓你選擇這家餐館？剛進去的時候，餐館給你的第一印象是什么？服務員是否讓你在等候一陣子之后領你去合適的座位？菜單放在桌子上的什么位置？瀏覽體驗如何？你點了哪些菜？上菜的速度夠快么？味道地道么？服務員夠不夠勤快體貼？你是否還想去這家餐館吃？

所有的這些問題都關乎你對于這家餐館印象的好壞，也直指這家餐館的用戶體驗本身。

當然，我們通常所說的用戶體驗（UX）所針對的對象大多是數字和科技產品或服務。這也就意味著，用戶體驗設計本身至少有著進一步提升的可能性。

現如今，用戶體驗設計已經成為了一門重要的學科，快速地發展，并且擁有極大的成長空間。雖然這是一門擁有多學科背景的新興學科，但是向上追溯它的發展歷程之時，我們會發現早在文藝復興時期之前它就已經存在了。

在爭論用戶體驗設計會帶領我們走向何方這種大命題之前，回顧一下用戶體驗設計發展史上的精彩瞬間，應該能給我們許多啟發。

公元1430左右：達芬奇的“廚房噩夢”

Michael Gelb 在他的著作《如何像達芬奇一樣思考》（How to Think like Leonardo da Vinci）中講述了米蘭公爵委托達芬奇為高端宴會設計專屬廚房的故事。這位偉大的藝術大師將他一貫的創造性天賦運用在這次廚房設計中，他將技術和用戶體驗設計融入到整個廚房的細節里面，比如傳送帶輸送食物，也首次在廚房的安全設計中加入了噴水滅火系統。

有意思的是，達芬奇的設計很多開創性的設計一樣，不足也非常明顯。傳送帶是純人工操作，工作不太正常，更麻煩的問題出在噴水滅火系統上，失靈的設計捎帶手毀了不少食物。

當然，雖然達芬奇的這次嘗試令廚房化身為噩夢，但是作為用戶體驗設計的早期實踐，卻有著無比重要的歷史意義。

20世紀初：Taylorism 和工業革命

作為最早的管理顧問之一，機械工程師 Frederick Winslow Taylor 撰寫了《科學管理原理》一文，深刻地影響了工程效率領域的研究。隨著Henry Ford的福特汽車實現大規模生產，Taylor和他的支持者們也逐漸完善出了勞動者和工具之間高效協同交互的早期模式。

1948：豐田人性化的生產系統

和福特一樣，豐田不僅在設計和生產效率上非常重視，而且對于人工輸出效率也非常關心。生產過程中裝配工人受到了更多的重視，幾乎不亞于對技術的關注。精益生產模式的巨大成功，使得人與技術之間的交互得到了更多的重視。

1955：Dreyfuss ，為人的設計

美國著名工業設計師Henry Dreyfuss 在這一年寫下了著名的設計書《為人的設計》（Designing for People）。

在書中，他寫道：

當產品和用戶之間的連接點變成了摩擦點，那么工業設計師的設計就是失敗的。

相反，如果產品能讓人們感覺更安全，更舒適，更樂于購買，更加高效，甚至只是讓人們單純地更加快樂，那么此處的設計師是成功的。

隨著人與產品的接觸越來越多，他在書中所講述的許多設計規則，被大家越來越多地引用。

1966：迪士尼和開心效應

在迪士尼世界早期建設階段，Walt Disney 在公告中是這樣描述它的：“…它（迪士尼世界）會成為一個堅持使用最新的技術改善人們生活的地方…”他的想象力和技術的結合，為全世界所有人帶來了無限的開心和喜悅，并激勵著設計師們（尤其是用戶體驗設計師）前行。

1970s：施樂PARC和個人電腦

作為施樂最出名的研究機構，PARC為隨后大范圍普及的個人電腦的設計型態和交互邏輯定下了基調。Bob Taylor，作為一名訓練有素的心理學家和工程師，帶領著他的團隊構建出了人機交互領域最重要也是最普及的工具，包括圖形化界面（GUI）和鼠標。（隨后喬布斯和蓋茨先后訪問了PARC，參考了施樂之星的設計，為今天的蘋果和微軟開辟了通向未來的道路。）

1995: Don Norman，第一個用戶體驗專家

身為電氣工程師和認知科學家的Don Norman加盟蘋果公司之后，幫助這家傳奇企業對他們以人為核心的產品線進行研究和設計。而他的職位則被命名為“用戶體驗架構師”（User Experience Architect），這也是首個用戶體驗職位。

在這個階段，Don Norman 還撰寫了經典的設計書《設計心理學》（The Design of Everyday Things），直到今天它依然是設計師的必讀書。

2007: iPhone

2007年MacWorld上，喬布斯發布了iPhone，稱其為“跨越式產品”，并承諾它會比市面上任何智能手機都要易用。隨后，iPhone不僅兌現了喬布斯的承諾，而且徹底改變了智能設備領域的格局，蘋果公司再一次登頂，成為世界上最成功的公司之一。

iPhone的絕妙之處在于，它融合了當前最卓越的軟件和硬件系統，借助革命性的電容觸摸屏而非傳統的物理鍵盤來同用戶進行交互?？梢哉f，初代的iPhone所提供的用戶體驗，遠遠優于同時代的任何手機。

這也在無意中讓智能設備的軟硬件研發和相關領域將重心放到用戶體驗上來。蘋果公司強調他們是通過提供出色的用戶體驗贏得市場成功和無上榮譽，其他人自然而然就跟隨這他們的腳步前進。

用戶體驗的未來

用戶體驗設計發展史上的每一個重要里程碑，都源自技術和人性的碰撞?；ヂ摼W和新興技術正在越來越多的介入我們的生活，我們可以遇見到用戶體驗設計會來接下來的日子里，一日千里地發展前進。只是這種發展也越來越多地需要專業技能，跨領域協作，多學科實踐，比如用戶研究、圖形設計、客戶支持、軟件開發等等等等。根據 indeed.com 網站的統計數據，在用戶體驗設計告訴發展的今天，單過去的15天里，就有超過6000個相關職位的招聘需求發布在網上。

互聯網不再單純的局限于我們的筆記本電腦和智能手機，可穿戴設備，智能汽車和智能醫療設備也都會接入網絡。全球互聯的時代賦予專業的用戶體驗從業者更重大的責任，用戶體驗設計也不再局限于屏幕和像素，超出外形，關乎生活每個細節的用戶體驗設計無時無刻無處不存在。

所以，不論你是達芬奇還是福特，是泰勒還是喬布斯，你都擁有著無限的可能性和海量的機會，改善用戶體驗，創造更美好的世界。

文章來源：優設
優設譯者：@陳子木

轉載請注明：學UI網》用戶體驗設計發展簡史你知道嗎？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

據Google技術總監RayKurzweil的所說：到2029年，電腦很可能會比人類更聰明，UX的未來也將變得更加自動化。人工智能和機器學習等最新科技已經可以支持需要人類參與的、非線性的、邏輯復雜的任務，技術創新正在改變人們的生活方式。例如科技創業型公司不僅為自動駕駛提供相關建議，甚至可以為節目表演提供更加智能的建議。

在我們創建和使用復雜產品的過程中，自動化發揮著日益重要的作用，我們可以感知到，自動化將在UX用戶體驗設計的未來發揮巨大的作用。用戶體驗設計的自動化很可能是接下來影響UX設計整個行業的一件大事 – 無論是優化設計反饋流程，還是改變和精簡產品團隊的運作方式，自動化都會起到重要作用。自動化正在不斷增強我們創造引人注目的產品的能力。

設計自動化：迅速將概念轉化為高保真原型

通常，UX設計師繪制用戶體驗地圖和信息架構圖，并在產品設計的過程中進行用戶研究工作。在設計過程中，設計師的典型輸出包括：手繪草圖，如圖一所示。還有流程圖、架構圖、不同保真度的線框圖，如圖2所示。這些交付物中的某些-尤其是高保證原型，可能需要花費幾周甚至幾個月的時間進行繪制。大一般情況下，在設計過程沒有完全完成之前，開發人員不會進入開發過程中，因為設計稿為后續的開發提供了指導方向。

圖1 低保真用戶界面草圖

圖2 低保真用戶界面草圖

因此，我們需要找到優化整個可用性測試流程的新方法，以提高設計的有效性和效率，最終實現更快的信息反饋并縮短驗證周期。通過應用自動化技術，如果能夠快速的創建低保真線框圖，同時生成高保真界面，那么就可以在更短的時間內創建產品的界面，并將更多的時間與精力用于用戶研究，最終可以加快提升用戶體驗的每個環節。

自動化蘊含著無盡的機會

Airbnb開創了自動化用戶體驗的設計流程，成為自動化設計的先驅。在他們的文章“手繪草圖界面”中，Airbnb的設計技術主管Benjamin Wilkins和Airbnb的設計技術專家Jon Gold，演示了如何使用專用相機設備和軟件實時制作低保真草圖和高保真視覺原型，例如圖3和4。Airbnb的視覺設計團隊最終接受了自動化產出的視覺圖并對視覺效果進行調整，事實證明通過創建原型以獲得快速反饋和驗證設計方案的速度是非常高效的。

圖3 Airbnb設計

圖4 Airbnb的迭代設計

“我們將代碼作為設計工具去投資。通過代碼來處理包括界面布局和設計展示、邏輯和數據等內容的展示。有助于縮小工程師和設計師之間的距離，以及縮短視覺圖與線上效果圖之間的距離 ”。- Airbnb設計負責人 Alex Schleifer

自動化設計有什么重要意義呢？自動化不是令人印象深刻的相機設備，而是能夠引發巨大興趣的機器學習。它凸顯了利用機器學習的無盡機會，優化了產品設計流程，并且能夠提供越來越多的價值。未來，只需通過與Siri，Google智能助理或Slack嵌入式機器人交談就可以設計用戶原型界面?！班耍珼esignBot， call to action按鈕使用標題藍色?！闭鏏irbnb團隊所證明的，這一切都是有可能的。

利用“設計自動化”創造更好的產品

隨著即將到來的自動化設計技術，這對您的團隊意味著什么呢？為了為您的團隊做好迎接設計自動化的準備，您可以通過以下幾種方法無縫地過渡到自動化設計的未來。

視覺與品牌設計團隊

自動化設計的未來在很大程度上依賴于開發強大的可視化語言，以支持多樣的設計組件和設計規范。這確保了跨設備、跨平臺的產品都能擁有一致的品牌體驗?，F在可以花時間準備這些可視化語言，確保它們能夠準確描述您的品牌。

產品負責人和產品經理

花一些時間去研究并開發加快設計過程的新方法。從創新方法入手，簡化產品構思和原型制作過程。如果你不這樣做，你的競爭對手當然會。自動化設計不應該成為創意的瓶頸，產品面向的是用戶，加快設計過程可以更好地為用戶服務。

“測試想法所需的時間應該為零 ”。- Airbnb設計主管 Benjamin Wilkins

UX設計師

在日常工作流程中開始使用新技術。不要將自動化視為對創意的威脅，而應將其視為利用創新技術來增強專業知識的機會，通過自動化構建更好的產品。通過減少耗時、重復性任務的時間，可以將更多的時間和資源用來進行用戶研究，概念測試或用戶驗證。這所有事情完全是關乎用戶體驗的。

設計自動化即將到來

在過去幾年中，機器學習和AI在改變整個行業的運營方式和業務方式方面發揮越來越重要的作用。由于越來越復雜的流程變得自動化，我們必須專注地去研究自動化與UX設計之間的交叉點，為設計自動化未來的到來做好準備。

雖然自動化不會在一夜之間發生，但像Airbnb這樣有遠見的公司正在探索在未來成為主流的新型工作方式。由于他們的探索與研究，我們能夠更好地評估自動化帶來的機會與影響，并了解如何更好地利用這些創新來改進我們的工作方式。無論是個人技能的提升還是設計團隊的流程優化，自動化設計的潛力都是巨大的。

譯者總結

在了解了自動化設計相關的內容后，筆者將現有的產品上線流程與應用自動化設計的產品上線流程進行對比，如圖5所示：

圖5 應用自動化設計的前后流程對比

傳統的產品上線流程

需求產出，待需求評審沒有問題即進入交互設計階段（包括初期草圖方案繪制，主界面繪制以及完整的交互界面與交互說明撰寫），交互設計基本完成后進入視覺設計階段，同時前端可進入開發階段；在進行交互設計的同時，后端同步提供接口。開發完成后進入測試階段，測試沒有問題產品可發布上線。上線后收集用戶反饋，進入下一輪的產品迭代中。

自動化的產品上線流程

需求產出，待需求評審沒有問題即進入交互設計階段，交互階段草圖繪制完成后即可通過自動化技術將草圖轉化為高保真原型界面（視覺再進行相應調整即可），減少交互、視覺與前端開發的工作量。待前后端開發完成后進入測試階段，測試沒有問題產品可發布上線。上線后收集用戶反饋，進入下一輪的產品迭代中。

為了便于理解自動化技術，譯者簡單總結一下自動化技術的實現原理：自動化技術依賴前端強大的可視化語言，需要強大的前端組件庫來識別草圖中的占位符含義。例如，當在草圖中繪制一個占位符時，通過智能化技術自動識別該占位符在產品中所代表的組件，進而生成高保真的用戶界面。因此，可以迅速看到產品從草圖階段到上線后的效果圖，也便于對設計方案進行及時更正。

結合兩種流程對比，譯者結合自身工作經歷總結了應用自動化設計的三點優勢：

（1）迅速驗證多種設計方案

在項目迭代周期緊張的情況下，設計師缺少額外的時間和精力來設計多種方案，更無法驗證哪種設計方案能更好地解決用戶需求。精益設計時代，很難對每次的設計方案進行可用性測試。而自動化設計過程中，可以直接將設計草圖轉換為可點擊的高保真原型界面，交互設計師有更多時間和精力來繪制多種設計方案并利用高保真界面進行用戶測試，從而迅速調整設計方案使其能更精準的幫助用戶解決痛點，從而提升用戶體驗。

（2）提前開發節點，縮短項目周期

原有的開發流程中，在需求明確之后，后端可以同步開發某些接口，而前端開發需要等完整的交互界面繪制完成后才能進入開發階段，這導致項目周期很難縮短。自動化設計在交互設計師完成草圖后前端開發即可進入開發階段，將開發節點提前至操作階段，可以明顯縮短項目周期，提高產品迭代效率。

（3）迅速驗證需求是否被滿足

筆者在工作過程中發現，B端產品的用戶在交互評審的過程中會否定自己的需求。產品經理收集需求的過程中，用戶提出想要滿足A需求。在A需求的設計方案完成后，用戶看到設計界面時經常會提出自己想要實現的需求并非如此。

即，由于B端產品的專業性特殊性，用戶在未看到設計界面之前并不清楚自己的需求是否得到滿足。

因此，利用自動化設計可以迅速將需求轉化為設計界面以進行用戶測試，快速試錯以明確用戶的需求是否真正得到滿足。

封面作者：Paul Olek

原文地址：網易UEDC（公眾號）

作者：仉長娟

轉載請注明：學UI網》用戶體驗設計的自動化正在靠近

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

1. 確定核心用戶體驗

每個產品都有核心的用戶體驗，這基本上是它存在的原因。它解決了人們所面臨的問題，而且為他們提供有意義的價值。關鍵內容和功能的組合代表了核心的用戶體驗。要查找你的產品核心用戶體驗，就要問自己一個問題：“客戶需要完成哪些最常見和最重要的任務？”在你用于產品的每個渠道上支持這些核心任務的本質至關重要。例如，Uber的核心用戶體驗是任何時間隨叫隨到。無論屏幕尺寸如何，此功能都能在每個設備上正常工作實現這一目的。

                             預約出租車是Uber用戶最重要的任務。用戶可以使用Apple Watch完成此任務。圖片來源： Techcrunch

2. 定義產品的設備組

盡管存在大量不同屏幕尺寸的設備，但絕對不能定位各個設備，可以根據用戶可能關注的任務定義產品的設備組。最常見的設備組是：

移動手機

平板電腦

臺式電腦

智能電視

智能手表

不同的設備組在不同的上下文中提供不同的服務：用戶根據他們正在查看的屏幕的類型參與不同的交互模式。例如，手機主要用于微任務，并且具有較短的用戶會話。平板電腦主要用于內容消費，目前不被視為大多數人的工作工具。在了解各種設備類型的基本上下文的假設對于構建一個好的用戶體驗是至關重要。

3. 適應每個上下文使用的體驗

確定產品的核心用戶體驗后，選擇一組你希望支持的設備組，你需要調整每個組的體驗（對于每個上下文的使用）。上下文的設計在不同設備組設計時尤為重要。

第一，并非所有功能都在所有設備上都有意義。你需要確定你的產品在多個設備組中使用的不同場景，并設計適合每個場景的體驗。例如，通常移動用戶比電腦用戶想要的不同于產品。以 Evernote為例，可以在多臺設備上使用流行的筆記本產品。其電腦版本針對內容消費進行了優化：

                           用于電腦版本的Evernote應用程序被優化用于閱讀文本和查看媒體。

而移動版本是針對拍攝筆記、照片和捕獲音頻進行了優化的：

Evernote了解移動環境：它利用設備功能，并提供快速保存想法的方式（添加文本筆記，捕獲照片或設置提醒）。

第二，不同的屏幕允許不同的輸入法。以觸摸輸入為例。在設計具有觸摸輸入（移動手機和智能手機）的設備時，設計師會犯的幾個常見錯誤包括：

小的點擊目標。點擊目標（如CTA按鈕）必須具有足夠大的尺寸。通常至少7毫米是足夠的，但最好使用10mm觸摸目標尺寸。

                                      圖片來源：UXMag

將項目過于緊密地放在一起。你應該考慮點擊目標的大小以及它們之間的間距，因為間距有助于分離控件，并給你的用戶界面提供呼吸的空間。建議的間距至少為23pt以防止輸入錯誤。

                                                                                      按鈕之間的間距

使用懸停狀態。但在觸摸屏上，沒有“懸?！?。

4. 最小屏幕設計

歷史上，設計師一直從事大屏幕到小屏幕的設計工作，這意味著第一個也是主要設計是為了完整的電腦桌面視圖（它具有最多的功能）。只有電腦桌面設計完成后才移植到移動設備和其他設備組。但當設計電腦桌面時，我們通常面臨“廚房水槽”問題：許多功能被添加到產品中，特別是當涉及多個利益相關者時。這并不奇怪，，當你有很多不動產時，添加功能是比較容易。實踐經驗清楚地表明，最好使用移動方法進行設計，并通過與用戶相關的最小屏幕創建應用程序。

當你首先設計相關屏幕的最小尺寸時，它會強制你決定最重要的。一段時間后，你將采用同樣的方法仔細選擇產品的其他版本，無論是電腦桌面設備，平板電腦還是電視。

在大多數情況下，手機將是相關屏幕的最小尺寸。如果可穿戴設備對你很重要，那么你將需要考慮具有更小分辨率的微型屏幕。

5. 不要忘記大屏幕

想想大屏幕以及小屏幕，給大屏幕和小屏幕提供同樣的注意力：

不只是縮小設計，使其適合那些大屏幕。充分利用你可以使用的額外空間。

                                                                                           圖片來源：Wikipedia

確保圖像不會因為屏幕尺寸的放大而失去質量。

                                                左：低質量圖像。右：正確的分辨率。

考慮大屏幕細節。每個設備組都有自己的不同。例如，電視屏幕的設計被稱為“設計10英尺體驗”，因為從沙發的距離來看，與電腦桌面屏幕相比，屏幕上元素的明顯尺寸明顯更小。

                                                                 電視的用戶界面元素應大于電腦桌面。圖片來源：Samsung

6. 提供一致的體驗

一致的體驗意味著應用程序及其在所有屏幕尺寸上的體驗都是相似的。無論設備如何，一致的用戶體驗是成功的全通道用戶體驗的關鍵組成部分之一：

對未來與產品的交互設定期望，并建立用戶信心。

一致的體驗使得你的產品在其他設備上與用戶的交互更容易。

你可以將它們視為相同體驗的方面，而不是將設計定制到越來越多的屏幕和設備中。例如，Google搜索應用在所有設備上提供相同的搜索體驗。

                                                 當設計和功能一致時，用戶可以在他們選擇的設備上更快更有效地完成任務。

7. 創造無縫體驗

跨不同設備組創建無縫體驗對你的用戶非常重要。人們可以自由地在設備之間來回移動，完成任務，或當他們從設備轉移到另一設備時，他們期望他們的產品和服務與他們一起轉移。這意味著用戶不必考慮他們正在使用的設備，環境的變化或上下文的變化，并且可以依賴于設備良好的功能性和獨立于設備的易用性。

                  大多數人如何走過他們的一天，他們訪問的主要屏幕。圖片來源：Intercom

根據使用情況，你可能希望確保每個設備上的內容消耗量同步。以Apple Music為例：你可以在Mac上設置播放列表，并在iPhone上即時播放，也可以開始聽iPhone上的歌曲，當你轉到電腦桌面時，你將被拍攝回到你在iPhone上。

                                                                  Apple Music可以很好地處理多個設備的同步。

8. 測試你的設計

在測試環境中有效的并不總是在現實世界中。在實際設備上為實際用戶運行可用性測試，你可以在發布之前發現用戶體驗的問題并解決它。

結論

在設計多個屏幕和設備時，最好的策略是保持最終的用戶體驗。作為用戶體驗設計師，你必須評估產品的使用時間，位置和方式，以評估用戶的最佳體驗。無論你的內容是什么尺寸的屏幕，用戶都希望在各種設備之間獲得流暢的體驗。

轉載請注明：學UI網》在不同屏幕和設備上創建用戶體驗設計的8個步驟

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司