作者：藍(lán)藍(lán) 小龍

1.什么是全流程的UI設(shè)計？它與單頁面的視覺設(shè)計有什么區(qū)別？

在軟件產(chǎn)品研發(fā)流程中，產(chǎn)品交互設(shè)計一般是根據(jù)項(xiàng)目需求，做出設(shè)計方案，以求解決某個問題。而全流程的設(shè)計不再局限于短暫或者單個頁面的視覺優(yōu)化，而是追求持續(xù)性地參與，以全局性整體性地提升產(chǎn)品體驗(yàn)。
在軟件內(nèi)的信息傳遞上，有UI視覺、交互設(shè)計路徑引導(dǎo)等很多方式，但UI視覺的美化往往是最直觀的。因此，軟件的優(yōu)化會首先選擇UI作為切入點(diǎn)。預(yù)算不是很足或不想大改或時間有限的情況下，客戶會選擇做一些典型頁來進(jìn)行視覺設(shè)計。

2.全流程設(shè)計包括有什么主要內(nèi)容和步驟？

1）明確設(shè)計目標(biāo)，聚焦設(shè)計要解決的核心問題
2）明確目標(biāo)用戶，要明確產(chǎn)品價值要解決的用戶群體，描述用戶畫像，提煉用戶場景，挖掘用戶需求。
從產(chǎn)品應(yīng)用的具體場景，來研究和理解所涉及到的產(chǎn)品體驗(yàn)問題。這些可能是產(chǎn)品中已經(jīng)出現(xiàn)的體驗(yàn)問題，也可能還包括有未滿足的用戶需求問題。通過不同的用戶研究手段，了解已有的用戶行為和使用習(xí)慣，進(jìn)行策略分析，改變原有業(yè)務(wù)邏輯不合理的操作路徑，進(jìn)而提出有針對性的交互設(shè)計和視覺設(shè)計解決方案。
3）明確資源配比，了解技術(shù)方案，進(jìn)行設(shè)計預(yù)估
通過項(xiàng)目啟動會了解產(chǎn)品的功能列表和產(chǎn)品規(guī)劃，避免做出現(xiàn)有功能相沖突/重疊的設(shè)計，進(jìn)行合理的設(shè)計預(yù)估
4）確定方案流程，確定設(shè)計方案
方案流程可以是流程圖也可以是交互原型圖。最終完成的是高保真的交互原型、可交付開發(fā)實(shí)現(xiàn)的UI demo。在以最終的結(jié)果進(jìn)行專家評審，確認(rèn)無誤后，進(jìn)行可用性測試。
5）數(shù)據(jù)對比分析
在有條件的情況下，需要對于設(shè)計前后的數(shù)據(jù)進(jìn)行對比分析，對比前流程與現(xiàn)流程的差異，關(guān)注某流程的耗時和步驟。大部分B端產(chǎn)品的設(shè)計初衷就是為了某業(yè)務(wù)流程的降本增效。關(guān)鍵就看設(shè)計的產(chǎn)品，在上線后給公司的降低了多少的成本，提高了多少的效率。所以成本和效率也是設(shè)計的產(chǎn)品是否合格的關(guān)鍵因素所在。B端產(chǎn)品設(shè)計可以進(jìn)行用戶可用性測試，了解設(shè)計帶來的實(shí)際收益和效果。依托數(shù)據(jù)合理改正方案。

3.全流程設(shè)計有什么特點(diǎn)？

1）全局視野，流程導(dǎo)向。
作為系統(tǒng)的軟件在產(chǎn)品體驗(yàn)上需要是整體的、一致的。在用戶使用軟件達(dá)成工作目的過程中，文件上所出現(xiàn)的一切都試圖向用戶傳達(dá)信息。軟件本身對于信息的分級、分層引導(dǎo)著用戶繼續(xù)或者做出選擇，而更精確、更有效的信息傳達(dá)是所有軟件都必須面對的課題。當(dāng)用戶無所適從時，可以通過優(yōu)秀的暗示獲得引導(dǎo)，從而重拾目的。反過來說，糟糕的信息傳遞會嚴(yán)重破壞用戶的體驗(yàn)，使他們困惑或者惱火。可以說，任何一款優(yōu)秀的軟件都必須在信息傳遞上足夠可靠有效，否則缺失信息的用戶就難以完成工作任務(wù)。
軟件服務(wù)的內(nèi)核建立在信息與用戶的交換上，用戶需要了解軟件傳達(dá)的信息并予以反饋。因此，使用戶能夠清晰明確地了解到信息，體察用戶心理和交互設(shè)計是非常重要的。用戶需要得知自己的工作任務(wù)目標(biāo)、輸入及輸出的信息，當(dāng)前位置、軟件功能等信息，才能對自己的行為有進(jìn)一步的規(guī)劃和了解，從而進(jìn)入到產(chǎn)品設(shè)計的工作流中來使用。
UI視覺是用戶進(jìn)入軟件所看到的第一件東西，它構(gòu)成了用戶對軟件的第一印象，并在后續(xù)軟件使用過程中多次地出現(xiàn)，用戶每一次交互操作都和UI相關(guān)。它潛移默化地影響著用戶對一個軟件的評判。在軟件內(nèi)的信息傳遞上，UI的視覺和交互是最直觀、信息量也最大的典型。（企業(yè)想把產(chǎn)品推向另外一個優(yōu)秀層次，成為行業(yè)的領(lǐng)先者，需整體考慮軟件交互操作和引導(dǎo)的流暢易用）

2）原型導(dǎo)向，持續(xù)迭代。
在初步的用戶研究后，設(shè)計會先輸出完成所有工作任務(wù)的頁面交互的低保真原型。在后續(xù)的交互設(shè)計中還會持續(xù)融入用戶反饋，不斷打磨頁面交互原型，以實(shí)現(xiàn)更好的交互友好性和可用性。
在交互確認(rèn)后，還會再挑選典型頁面進(jìn)行視覺設(shè)計，輸出高保真原型，并與用戶持續(xù)進(jìn)行可用性驗(yàn)證。
軟件的開發(fā)技術(shù)語言的更新和后臺更新，對普通用戶來講是無法從視覺上感受到的，它可以從快速、方便，流暢，穩(wěn)定，功能強(qiáng)大，完成工作等其他體驗(yàn)維度去體現(xiàn)，長時間的使用后才能印象深刻。（ 企業(yè)求新求變，會不斷追求技術(shù)上的突破和前瞻性優(yōu)勢，會從技術(shù)架構(gòu)語言上重構(gòu)，比如升級至vue3 + typescript ）。持續(xù)的設(shè)計迭代將最大程度地放大技術(shù)的優(yōu)勢。

3）數(shù)據(jù)為綱，研究為本。
設(shè)計是一項(xiàng)創(chuàng)意工作，需要創(chuàng)造性地解決問題。但是問題解決卻要基于數(shù)據(jù)和事實(shí)。
全流程設(shè)計的持續(xù)改進(jìn)始終以用戶數(shù)據(jù)作為核心依據(jù)，通過不同的調(diào)研手段（不管是實(shí)地走訪、小組座談會、用戶體驗(yàn)旅程工作坊）、可以獲得來自用戶的不同數(shù)據(jù)（比如任務(wù)完成數(shù)據(jù)、操作行為數(shù)據(jù)、滿意度數(shù)據(jù)、主觀體驗(yàn)感受數(shù)據(jù)等），這些數(shù)據(jù)有利于對于軟件整體一致的理解，以及對于用戶使用旅程各個關(guān)鍵觸點(diǎn)和時刻的需求和體驗(yàn)的把握。更重要的是，通過關(guān)注核心數(shù)據(jù)體驗(yàn)指標(biāo)的改進(jìn)，交互優(yōu)化和視覺改進(jìn)將更加有據(jù)可依，深入細(xì)致。
在用戶研究階段，通過挖掘客戶反饋的數(shù)據(jù)，找到和修復(fù)具體的客戶體驗(yàn)問題點(diǎn)。通過和客戶的訪談，聽取客戶的吐槽，了解到什么導(dǎo)致的不好的體驗(yàn)，以及識別出以前未曾發(fā)現(xiàn)的深層問題，給企業(yè)提供了一個努力糾正錯誤的機(jī)會，不僅可以修復(fù)與客戶的關(guān)系，還有助于強(qiáng)化他們之間的關(guān)系，提高產(chǎn)品品質(zhì)，可以給用戶帶來更卓越的產(chǎn)品。

4.為什么說B端設(shè)計更需要全流程設(shè)計？

一般國內(nèi)B端和C端要求比較高的的軟件做全流程設(shè)計的比較多。比如藍(lán)藍(lán)設(shè)計給哈爾濱思哲睿手術(shù)機(jī)器人8個軟件、悅錦3個軟件做的都是全流程UI設(shè)計。給北方華創(chuàng)做的芯片刻蝕系統(tǒng)也是全部流程的頁面都設(shè)計出來，反復(fù)推敲打磨至確定，并用wpf開發(fā)實(shí)現(xiàn)前端界面和組件，到了后臺開發(fā)階段工程師就可以只專注于技術(shù)和功能的創(chuàng)新和實(shí)現(xiàn)，不需要再考慮頁面內(nèi)容及交互的事情。
如果某個軟件是新開發(fā)的還沒有用戶使用過，那就找一些潛在用戶或者是內(nèi)部的工作人員根據(jù)自己實(shí)際工作接觸了解到的情況扮演用戶角色，從同理心的角度來進(jìn)行系統(tǒng)思考和全局討論，來完成這個步驟。
B端的軟件往往客戶不是用戶，單個的用戶角色往往只限于有限任務(wù)步驟和交互頁面的操作，則更有必要進(jìn)行全流程設(shè)計。
如果預(yù)算和時間有限，也可以選擇關(guān)鍵的業(yè)務(wù)流程來做用研和交互設(shè)計。一個大型軟件可以優(yōu)化的流程任務(wù)是很多的，選擇優(yōu)化的業(yè)務(wù)流程越多，整體產(chǎn)品的就越細(xì)致，給用戶帶來越多驚喜。

5.開展全流程設(shè)計的工作有沒有什么有效的推廣經(jīng)驗(yàn)？

大多數(shù)企業(yè)都是選擇對客戶體驗(yàn)最有熱情的部門或產(chǎn)品線，推動用戶體驗(yàn)提升，在取得成功后，再將成果拓展到公司的其他部分。
為了設(shè)計和交互出色的體驗(yàn)，我們更建議企業(yè)中不同職能團(tuán)隊(duì)共同來參與并推動這項(xiàng)工作，這需要雙方努力，聯(lián)合共創(chuàng)體驗(yàn)設(shè)計，有效整合各種企業(yè)的資源和要素，包括不同角色人員思維，技能方法，流程技術(shù)，進(jìn)行多元化的思考。通過在整個環(huán)節(jié)中分配和實(shí)踐設(shè)計的職能，企業(yè)可以獲得更多的價值。
參與人員可以是：
1)企業(yè)和設(shè)計團(tuán)隊(duì)的接口人及負(fù)責(zé)人一一最好是運(yùn)營管理崗。對設(shè)計，運(yùn)營、業(yè)務(wù)和研發(fā)有一定的理解，但并不從屬于其中的部門，可以協(xié)調(diào)相關(guān)資源、客觀中立，保障項(xiàng)目的順利進(jìn)行。
2)設(shè)計專家一一訓(xùn)練有素的體驗(yàn)設(shè)計從業(yè)者，企業(yè)外聘的設(shè)計公司、資深設(shè)計師，在一家公司用體驗(yàn)設(shè)計方法的合理性和精確性中起著重要作用，確定設(shè)計流程、設(shè)計思維、技能方法、工具的使用，開展全公司范圍的專業(yè)培訓(xùn)，提供持續(xù)的指導(dǎo)和支持。
3)支持者一一中度培訓(xùn)的體驗(yàn)設(shè)計高頻用戶。體驗(yàn)的支持者是指其他不同部門的相關(guān)骨干，了解自身業(yè)務(wù)及團(tuán)隊(duì)的內(nèi)部運(yùn)作，接受過體驗(yàn)思維和方法培訓(xùn)（有一定水準(zhǔn)），但這不是他們?nèi)粘９ぷ鞯暮诵穆氊?zé)。當(dāng)他們獲得了如何用體驗(yàn)設(shè)計來更好解決方案的第一手知識，他們會更有能力向其他人傳授方法或在各自的部門傳播成果。
4)參與者一一體驗(yàn)設(shè)計臨時用戶
5)不同部門對體驗(yàn)設(shè)計感興趣的員工，或者是某一方面的專家，或者是客戶，他們在臨時或特殊的情況下參與。

6.軟件的分辨率適配問題

PC端軟件一般的情況下是設(shè)計1920x1280px，在金融行業(yè)，有些需要兼容1280px的情況下，可以通過適配解決。藍(lán)湖工具上有可以選擇的分辨率，選擇后可以自動導(dǎo)出等比例縮小的圖片，工程師在針對每一種分辨率單獨(dú)寫適配的代碼。

7.最近有沒有流行的設(shè)計風(fēng)格或趨勢？

每年都會有新的設(shè)計風(fēng)格和趨勢，對于B端產(chǎn)品來講以下幾種比較常用：
1）暗黑模式：暗黑模式在過去幾年已經(jīng)非常流行，而且在2023年仍將繼續(xù)流行。它能夠減輕眼睛的壓力，并提供更好的用戶體驗(yàn)。企業(yè)有時會給用戶提戶白天和黑夜兩種皮膚模式。
2）3D圖形：隨著技術(shù)的不斷進(jìn)步，3D圖形在UI設(shè)計中的應(yīng)用也越來越廣泛。它們可以為用戶帶來更加生動和逼真的體驗(yàn)。
3）漸變色：漸變色已經(jīng)成為了UI設(shè)計的主流趨勢之一，它可以為設(shè)計帶來更加鮮艷和豐富的顏色。彌散式漸變成為了舊時漸變的新形式。彌散式通過色彩漸變模糊，形成虛實(shí)結(jié)合的有色光感效果，不同顏色之間的唯美柔和與自然過渡，讓整體畫面氣質(zhì)變得溫婉高級，給人一種美輪美奐的魔幻感。
4）簡單和明確的排版：在2023年，簡單和明確的排版將會越來越受歡迎。它能夠讓用戶更加容易地理解信息，提高用戶體驗(yàn)。
5）微動效：微動效可以為用戶帶來更加生動和有趣的體驗(yàn)，因此在2023年，它們將會被廣泛應(yīng)用于UI設(shè)計中，例如動效圖標(biāo)、動態(tài)圖形。
6）全屏設(shè)計：隨著移動設(shè)備的普及，全屏設(shè)計將會變得越來越流行。它可以為用戶帶來更加沉浸式的體驗(yàn)。
7）插畫設(shè)計: 2023年UI設(shè)計風(fēng)格非常注重簡單有趣的UI，過于嚴(yán)肅正式的企業(yè)風(fēng)格將成為過去。插畫在提升用戶界面輕松休閑的調(diào)性中發(fā)揮著重要作用。
8) AR+VR: 今年議論最多的UI/UX設(shè)計趨勢莫過于“元宇宙”，新物種的出現(xiàn)，AR和VR的受歡迎程度和需求都在逐日飆升。2023年UI設(shè)計風(fēng)格，越來越多的企業(yè)將集中精力利用AR和VR技術(shù)為商業(yè)賦能。