隨著移動互聯(lián)網(wǎng)的發(fā)展，原本PC互聯(lián)網(wǎng)連接商業(yè)支付、購買商品、瀏覽信息流等的能力已經(jīng)轉(zhuǎn)移到移動端，而PC互聯(lián)網(wǎng)更加專注于其他領域的優(yōu)勢：

• 1、更大的屏幕能夠包含更多的信息，并獲得更深度的沉浸感受，如觀影、瀏覽網(wǎng)頁等。
• 2、通過鼠標、鍵盤、觸控板、手繪板的連接，提供了更多的交互方式，能夠執(zhí)行更加繁雜的工作任務，如表格編輯、程序開發(fā)、視頻制作、文檔書寫、圖像制圖、3D制圖等。
• 3、得益于顯卡、CPU、存儲、USB插槽、顯示器等的擴展性，在大型游戲、大型3D渲染、復雜制圖上相較于手機端依然有一定優(yōu)勢。
• 4、從場景（辦公場景、娛樂場景）來看，PC端移動性較差，但同時基于該特點，PC端能夠更加專注當前任務。模塊化、多人協(xié)同、多端協(xié)同的發(fā)展正不斷地提升用戶的使用體驗。

下面是我觀察到的目前比較主流的交互設計點，與大家分享。分別是：

• 一、無縫體驗
• 二、交互更加高效
• 三、更加智能化、降低門檻、降低門檻、降低門檻
• 四、更加模塊化
• 五、更加簡潔、甄別關(guān)鍵任務
• 六、3D動效、大圖、帶來更深的沉浸感
• 七、協(xié)同合作的興起

一、無縫體驗

典型的案例就是蘋果的Mac系統(tǒng)與Ios系統(tǒng)越發(fā)趨同，都采用了卡片化、模塊化，整個交互規(guī)范、視覺感受都一致以達到多端統(tǒng)一。同時信息可以自由流轉(zhuǎn)：比如在同一Apple賬號下，Mac與IOS中復制的信息可以進行同步粘貼。備忘錄、日歷、提醒事項、錄音中的信息進行流轉(zhuǎn)，在任何一臺Mac上登錄Apple賬號后都可以進行同步。

在國內(nèi)，B站的網(wǎng)頁端與App端的體驗也逐步趨同，框架設計上更加卡片化與扁平化。信息流轉(zhuǎn)上，手機上暫停的視頻到網(wǎng)頁端繼續(xù)播放，實現(xiàn)了無縫切換。

淘寶首頁：從過去復雜的信息流導航變?yōu)楝F(xiàn)在更加簡潔的個性推薦卡片。整體體驗與淘寶手機端一致。

 二、交互更加高效

總結(jié)：精簡無關(guān)信息，關(guān)注最重要的核心任務，減少用戶跳出，沉浸式心流設計。

1、登錄方式更加高效

許多網(wǎng)頁接入騰訊、阿里的生態(tài)，支持掃碼關(guān)注公眾號/手機驗證碼即可完成注冊。省去了用戶編輯個人信息、輸入郵箱、輸入密碼等復雜的交互流程。

2、減少頁面跳轉(zhuǎn)

心流式體驗設計是這幾年很熱門的詞，指的是通過優(yōu)化用戶體驗讓用戶能夠沉浸式地高效完成目標任務。這需要做到產(chǎn)品的交互習慣滿足用戶使用習慣，并且交互流程滿足用戶預期。過于頻繁的彈窗打擾和頁面跳轉(zhuǎn)的等待時間都會影響用戶進入心流。

比如，例如飛書審批，審批詳情不需要跳轉(zhuǎn)，點擊卡片即左側(cè)彈出詳情頁彈窗；讓用戶可以在同一個頁面即可瀏覽信息，不需要進行跳轉(zhuǎn)到新的頁面進行查看，方便用戶完成批量的審批任務。

再比如：阿里云，開通服務的時候不需要跳轉(zhuǎn)，而是在側(cè)邊彈出訂單彈窗，方便用戶操作。

3、交互組件的易用性迭代，不再局限于大彈窗

上面說到，頻繁的彈窗提醒也會影響用戶進入心流，用戶在對表單、畫布中的內(nèi)容進行刪除的時候，如果使用全屏二次提醒彈窗，會感到創(chuàng)作過程被打斷。

釘釘宜搭：卡片畫布類產(chǎn)品，刪除操作時，不局限于大彈窗，而是用靠近按鈕的小彈窗，使鼠標的滑動路徑更短，操作更加簡便；并且在不過多打擾用戶的前提下，完成了目標操作。

三、更加智能化，降低門檻、降低門檻、降低門檻

復雜性守恒定律由Larry Tesler于1986年提出，也稱泰斯勒定律。指的是“任何系統(tǒng)都存在其固有的復雜性，且無法被減少，只能設法調(diào)整、平衡。我們要考慮的是，怎么樣更好地處理它，讓用戶簡單、高效地使用它”。

很多的中后臺系統(tǒng)中很多表單會存在大量的配置項，這些配置項是否可以簡化，讓平臺變得更簡單智能？大部分時候答案都是否定的，過度追求簡化往往容易弄巧成拙。功能邏輯易于解釋與理解才是更好的方案，當你試圖簡化降低復雜度，可能在其他地方埋了雷。

其中一個解決方案是將復雜度轉(zhuǎn)交給系統(tǒng)，蘋果公司的黑盒理論與此互通；就是用戶不需要了解系統(tǒng)或功能背后的實現(xiàn)邏輯，只需要關(guān)注呈現(xiàn)在用戶眼前的交互界面即可。如今數(shù)據(jù)智能化處理正不斷發(fā)展，我們也看到了智能化在PC端領域的應用。

1、剪映

剪映相比于老牌視頻編輯軟件更加簡單，提供各種在線特效模板，來降低任務復雜度。相比傳統(tǒng)的PR、AE軟件需要本地存儲預設文件，或者手動編輯簡單了很多。用戶不需要知道背后的實現(xiàn)的技術(shù)原理，也不需要掌握過多的特效制作、調(diào)色技巧即可完成視頻的剪輯、調(diào)色工作。

2、釘釘宜搭畫布

推薦組件功能：用戶在進行流程搭建時，不需要從左側(cè)組件區(qū)拖拽組件，而是點擊連接線中間來添加組件。如果可以其實還可以更進一步，就是根據(jù)后臺數(shù)據(jù)分析創(chuàng)建目標流程需要的組件，向用戶主動推薦相關(guān)組件，以此來降低用戶的創(chuàng)建門檻。

四、更加模塊化

隨著傳統(tǒng)業(yè)務向互聯(lián)網(wǎng)轉(zhuǎn)型越發(fā)普遍，線下業(yè)務流程轉(zhuǎn)到線上的需求場景越來越多，一個單一的系統(tǒng)不能完全滿足所有的業(yè)務場景需求，由此需要一個更加靈活模塊化的系統(tǒng)來針對不同的應用場景來應用不同的產(chǎn)品架構(gòu)。而該系統(tǒng)中的功能框架、交互組件又可以重復利用，于是更加靈活、模塊化、可自定義配置的系統(tǒng)后臺越發(fā)受到歡迎。

1、飛書、釘釘易搭

飛書、釘釘易搭內(nèi)的審批流程、會議系統(tǒng)、工單系統(tǒng)都可以通過模塊化的組件進行高效搭建，不需要代碼即可像搭積木一樣實現(xiàn)用戶的自定義需求。

2、天貓優(yōu)品

阿里的天貓優(yōu)品電器店線下門店設計平臺，整理了線下門店所需的16個模塊（前臺、小家電中島、洗衣機、櫥窗、空調(diào)、吧臺等），通過線上三維化場景直接進行可視化設計，所見即所得，并且能夠模擬現(xiàn)場燈光效果，根據(jù)門店現(xiàn)場規(guī)格，直接在三維空間里修改，快速導出效果圖;非常高效地完成了其他門店的需求化定制。

五、更加簡潔，甄別關(guān)鍵任務，路徑縮得更短

1、抖音、快手網(wǎng)頁端

抖音網(wǎng)頁端的用戶體驗沿襲了手機App端的風格，用戶進入網(wǎng)頁的核心目的就是看短視頻打發(fā)時間，于是進入首頁即可看短視頻，不需要用戶手動選擇分類，并且手機端的用戶偏好通過用戶的賬號同步至網(wǎng)頁端，有了很順暢的用戶體驗。

相比快手網(wǎng)頁版，快手延續(xù)了常規(guī)視頻網(wǎng)站的交互方式，將視頻內(nèi)容分為短視頻、直播、同城、長視頻、小劇場等多個類別，由用戶自主去選擇觀看的內(nèi)容，內(nèi)容雖然更加多元，但確實路徑過長，不夠直接。

2、淘寶、京東首頁

再舉個例子，新版的淘寶網(wǎng)頁端不再像個門戶網(wǎng)站導航，而是通過數(shù)據(jù)分析用戶喜好來主動推薦代替用戶自己選擇。用戶來淘寶網(wǎng)頁端，其實并不是買東西，大眾用戶已經(jīng)習慣了在手機上進行支付，到了網(wǎng)頁端反而會不適應。用戶來到淘寶網(wǎng)頁端的更多目的就是逛，看有沒有自己想要的東西，遇到喜歡的，就點進去看了。于是新版淘寶通過個性化推薦把過去復雜的活動運營頁板塊、特價板塊、品類板塊替換掉了，讓用戶在網(wǎng)頁端獲得更好的“逛街”體驗。

而京東，在首頁做了復雜的流量分發(fā)設計，通過不同的頻道、不同的板塊將用戶引流至相關(guān)的專題頁面，再進行商品瀏覽。本質(zhì)上來說，用戶來到淘寶、來到京東的目的都是因為閑，而淘寶的通過數(shù)據(jù)智能，大數(shù)據(jù)精準推薦用戶喜歡的商品，簡化了用戶的使用路徑，并且使整體頁面更加簡潔。

六、微動效、大圖、3D元素帶來更加深的視覺刺激

網(wǎng)頁的官網(wǎng)、首頁承擔著產(chǎn)品介紹、流量分發(fā)、增強品牌印象等的職責。我觀察到越來越多產(chǎn)品官網(wǎng)都開始采用3D元素、視頻背景、大圖元素、微動效來讓頁面呈現(xiàn)更加具有質(zhì)感和動感。

1、3D元素

它是由Web3D技術(shù)的發(fā)展而興起，能夠給網(wǎng)頁Banner帶來更強的視覺吸引力，同時也強化了公司融合了AI技術(shù)的品牌印象。如法大大官網(wǎng)、騰訊云、阿里云的首頁Banner展示。法大大首頁Banner，鼠標滾輪向下滾動3D元素會相應產(chǎn)生變動，文案與元素一靜一動，對比明顯，也更易于用戶注意到文案信息。

2、大圖、視頻

大疆官網(wǎng)首屏采用了全畫幅大圖的形式展示熱門產(chǎn)品，下方的產(chǎn)品推薦頁自動播放宣傳視頻，提升了頁面的視覺沖擊力，展示了其科技屬性。

七、協(xié)同合作興起

疫情時期，線上辦公的需求和頻率激增，線上協(xié)作興起，許多辦公軟件都有了多人場景編輯功能。特別是對于復雜的項目，需要團隊成員共同完成，協(xié)同合作的功能越來越受歡迎。

比如我們熟悉的figma，逐漸取代了傳統(tǒng)UI設計軟件ps、sketch等的頭部地位，其中的項目協(xié)同功能更是廣受歡迎。只需要發(fā)送項目鏈接邀請成員即可進行項目協(xié)作，還支持多人標注、語音溝通，大大提升了工作效率。

許多辦公軟件也都上線了類似的功能，比如幕布可以通過設置權(quán)限、發(fā)送鏈接或二維碼來邀請協(xié)作者共同編輯文檔，為產(chǎn)品的使用場景提供了更多可能。

總結(jié)

曾鳴在《未來商業(yè)20講》里說：“未來的互聯(lián)網(wǎng)世界的兩大趨勢是數(shù)據(jù)智能、網(wǎng)絡效應”。 

這在PC端也得到了印證。淘寶網(wǎng)首頁、抖音首頁、嗶哩嗶哩網(wǎng)頁端將PC端與APP端的數(shù)據(jù)進行互通，并對用戶行為偏好數(shù)據(jù)進行分析，為用戶提供更加精準的信息流的同時，還使得頁面的交互更加簡單，視覺效果更加簡潔，過去依賴用戶自主選擇進行流量分發(fā)的形式將會越來越弱勢。

在工具類產(chǎn)品中，利用數(shù)據(jù)智能化可以將用戶操作上的復雜度轉(zhuǎn)移給系統(tǒng)，從而降低用戶使用門檻，提升用戶體驗。與此同時，工具類平臺也越發(fā)靈活化化，通過模塊化設計來自定義搭建不同用戶的使用需求的產(chǎn)品，還能節(jié)省資源建設成本。

網(wǎng)絡效應的部分應用體現(xiàn)在用戶在使用工具類產(chǎn)品中，不再是孤單的個體，而是能通過線上協(xié)同，讓用戶與用戶之間能夠產(chǎn)生共同協(xié)作，共同交流，更加方便地完成任務。

作者：為美好而設計

轉(zhuǎn)載請注明：站酷

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司