2023-10-6 藍(lán)藍(lán)設(shè)計(jì)的小編
作者：藍(lán)藍(lán) 小龍
在軟件產(chǎn)品研發(fā)流程中，產(chǎn)品交互設(shè)計(jì)一般是根據(jù)項(xiàng)目需求，做出設(shè)計(jì)方案，以求解決某個(gè)問(wèn)題。而全流程的設(shè)計(jì)不再局限于短暫或者單個(gè)頁(yè)面的視覺(jué)優(yōu)化，而是追求持續(xù)性地參與，以全局性整體性地提升產(chǎn)品體驗(yàn)。
在軟件內(nèi)的信息傳遞上，有UI視覺(jué)、交互設(shè)計(jì)路徑引導(dǎo)等很多方式，但UI視覺(jué)的美化往往是最直觀的。因此，軟件的優(yōu)化會(huì)首先選擇UI作為切入點(diǎn)。預(yù)算不是很足或不想大改或時(shí)間有限的情況下，客戶會(huì)選擇做一些典型頁(yè)來(lái)進(jìn)行視覺(jué)設(shè)計(jì)。
1）明確設(shè)計(jì)目標(biāo)，聚焦設(shè)計(jì)要解決的核心問(wèn)題
2）明確目標(biāo)用戶，要明確產(chǎn)品價(jià)值要解決的用戶群體，描述用戶畫(huà)像，提煉用戶場(chǎng)景，挖掘用戶需求。
從產(chǎn)品應(yīng)用的具體場(chǎng)景，來(lái)研究和理解所涉及到的產(chǎn)品體驗(yàn)問(wèn)題。這些可能是產(chǎn)品中已經(jīng)出現(xiàn)的體驗(yàn)問(wèn)題，也可能還包括有未滿足的用戶需求問(wèn)題。通過(guò)不同的用戶研究手段，了解已有的用戶行為和使用習(xí)慣，進(jìn)行策略分析，改變?cè)袠I(yè)務(wù)邏輯不合理的操作路徑，進(jìn)而提出有針對(duì)性的交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)解決方案。
3）明確資源配比，了解技術(shù)方案，進(jìn)行設(shè)計(jì)預(yù)估
通過(guò)項(xiàng)目啟動(dòng)會(huì)了解產(chǎn)品的功能列表和產(chǎn)品規(guī)劃，避免做出現(xiàn)有功能相沖突/重疊的設(shè)計(jì)，進(jìn)行合理的設(shè)計(jì)預(yù)估
4）確定方案流程，確定設(shè)計(jì)方案
方案流程可以是流程圖也可以是交互原型圖。最終完成的是高保真的交互原型、可交付開(kāi)發(fā)實(shí)現(xiàn)的UI demo。在以最終的結(jié)果進(jìn)行專家評(píng)審，確認(rèn)無(wú)誤后，進(jìn)行可用性測(cè)試。
5）數(shù)據(jù)對(duì)比分析
在有條件的情況下，需要對(duì)于設(shè)計(jì)前后的數(shù)據(jù)進(jìn)行對(duì)比分析，對(duì)比前流程與現(xiàn)流程的差異，關(guān)注某流程的耗時(shí)和步驟。大部分B端產(chǎn)品的設(shè)計(jì)初衷就是為了某業(yè)務(wù)流程的降本增效。關(guān)鍵就看設(shè)計(jì)的產(chǎn)品，在上線后給公司的降低了多少的成本，提高了多少的效率。所以成本和效率也是設(shè)計(jì)的產(chǎn)品是否合格的關(guān)鍵因素所在。B端產(chǎn)品設(shè)計(jì)可以進(jìn)行用戶可用性測(cè)試，了解設(shè)計(jì)帶來(lái)的實(shí)際收益和效果。依托數(shù)據(jù)合理改正方案。
1）全局視野，流程導(dǎo)向。
作為系統(tǒng)的軟件在產(chǎn)品體驗(yàn)上需要是整體的、一致的。在用戶使用軟件達(dá)成工作目的過(guò)程中，文件上所出現(xiàn)的一切都試圖向用戶傳達(dá)信息。軟件本身對(duì)于信息的分級(jí)、分層引導(dǎo)著用戶繼續(xù)或者做出選擇，而更精確、更有效的信息傳達(dá)是所有軟件都必須面對(duì)的課題。當(dāng)用戶無(wú)所適從時(shí)，可以通過(guò)優(yōu)秀的暗示獲得引導(dǎo)，從而重拾目的。反過(guò)來(lái)說(shuō)，糟糕的信息傳遞會(huì)嚴(yán)重破壞用戶的體驗(yàn)，使他們困惑或者惱火?？梢哉f(shuō)，任何一款優(yōu)秀的軟件都必須在信息傳遞上足夠可靠有效，否則缺失信息的用戶就難以完成工作任務(wù)。
軟件服務(wù)的內(nèi)核建立在信息與用戶的交換上，用戶需要了解軟件傳達(dá)的信息并予以反饋。因此，使用戶能夠清晰明確地了解到信息，體察用戶心理和交互設(shè)計(jì)是非常重要的。用戶需要得知自己的工作任務(wù)目標(biāo)、輸入及輸出的信息，當(dāng)前位置、軟件功能等信息，才能對(duì)自己的行為有進(jìn)一步的規(guī)劃和了解，從而進(jìn)入到產(chǎn)品設(shè)計(jì)的工作流中來(lái)使用。
UI視覺(jué)是用戶進(jìn)入軟件所看到的第一件東西，它構(gòu)成了用戶對(duì)軟件的第一印象，并在后續(xù)軟件使用過(guò)程中多次地出現(xiàn)，用戶每一次交互操作都和UI相關(guān)。它潛移默化地影響著用戶對(duì)一個(gè)軟件的評(píng)判。在軟件內(nèi)的信息傳遞上，UI的視覺(jué)和交互是最直觀、信息量也最大的典型。（企業(yè)想把產(chǎn)品推向另外一個(gè)優(yōu)秀層次，成為行業(yè)的領(lǐng)先者，需整體考慮軟件交互操作和引導(dǎo)的流暢易用）
2）原型導(dǎo)向，持續(xù)迭代。
在初步的用戶研究后，設(shè)計(jì)會(huì)先輸出完成所有工作任務(wù)的頁(yè)面交互的低保真原型。在后續(xù)的交互設(shè)計(jì)中還會(huì)持續(xù)融入用戶反饋，不斷打磨頁(yè)面交互原型，以實(shí)現(xiàn)更好的交互友好性和可用性。
在交互確認(rèn)后，還會(huì)再挑選典型頁(yè)面進(jìn)行視覺(jué)設(shè)計(jì)，輸出高保真原型，并與用戶持續(xù)進(jìn)行可用性驗(yàn)證。
軟件的開(kāi)發(fā)技術(shù)語(yǔ)言的更新和后臺(tái)更新，對(duì)普通用戶來(lái)講是無(wú)法從視覺(jué)上感受到的，它可以從快速、方便，流暢，穩(wěn)定，功能強(qiáng)大，完成工作等其他體驗(yàn)維度去體現(xiàn)，長(zhǎng)時(shí)間的使用后才能印象深刻。（ 企業(yè)求新求變，會(huì)不斷追求技術(shù)上的突破和前瞻性優(yōu)勢(shì)，會(huì)從技術(shù)架構(gòu)語(yǔ)言上重構(gòu)，比如升級(jí)至vue3 + typescript ）。持續(xù)的設(shè)計(jì)迭代將最大程度地放大技術(shù)的優(yōu)勢(shì)。
3）數(shù)據(jù)為綱，研究為本。
設(shè)計(jì)是一項(xiàng)創(chuàng)意工作，需要?jiǎng)?chuàng)造性地解決問(wèn)題。但是問(wèn)題解決卻要基于數(shù)據(jù)和事實(shí)。
全流程設(shè)計(jì)的持續(xù)改進(jìn)始終以用戶數(shù)據(jù)作為核心依據(jù)，通過(guò)不同的調(diào)研手段（不管是實(shí)地走訪、小組座談會(huì)、用戶體驗(yàn)旅程工作坊）、可以獲得來(lái)自用戶的不同數(shù)據(jù)（比如任務(wù)完成數(shù)據(jù)、操作行為數(shù)據(jù)、滿意度數(shù)據(jù)、主觀體驗(yàn)感受數(shù)據(jù)等），這些數(shù)據(jù)有利于對(duì)于軟件整體一致的理解，以及對(duì)于用戶使用旅程各個(gè)關(guān)鍵觸點(diǎn)和時(shí)刻的需求和體驗(yàn)的把握。更重要的是，通過(guò)關(guān)注核心數(shù)據(jù)體驗(yàn)指標(biāo)的改進(jìn)，交互優(yōu)化和視覺(jué)改進(jìn)將更加有據(jù)可依，深入細(xì)致。
在用戶研究階段，通過(guò)挖掘客戶反饋的數(shù)據(jù)，找到和修復(fù)具體的客戶體驗(yàn)問(wèn)題點(diǎn)。通過(guò)和客戶的訪談，聽(tīng)取客戶的吐槽，了解到什么導(dǎo)致的不好的體驗(yàn)，以及識(shí)別出以前未曾發(fā)現(xiàn)的深層問(wèn)題，給企業(yè)提供了一個(gè)努力糾正錯(cuò)誤的機(jī)會(huì)，不僅可以修復(fù)與客戶的關(guān)系，還有助于強(qiáng)化他們之間的關(guān)系，提高產(chǎn)品品質(zhì)，可以給用戶帶來(lái)更卓越的產(chǎn)品。
一般國(guó)內(nèi)B端和C端要求比較高的的軟件做全流程設(shè)計(jì)的比較多。比如藍(lán)藍(lán)設(shè)計(jì)給哈爾濱思哲睿手術(shù)機(jī)器人8個(gè)軟件、悅錦3個(gè)軟件做的都是全流程UI設(shè)計(jì)。給北方華創(chuàng)做的芯片刻蝕系統(tǒng)也是全部流程的頁(yè)面都設(shè)計(jì)出來(lái)，反復(fù)推敲打磨至確定，并用wpf開(kāi)發(fā)實(shí)現(xiàn)前端界面和組件，到了后臺(tái)開(kāi)發(fā)階段工程師就可以只專注于技術(shù)和功能的創(chuàng)新和實(shí)現(xiàn)，不需要再考慮頁(yè)面內(nèi)容及交互的事情。
如果某個(gè)軟件是新開(kāi)發(fā)的還沒(méi)有用戶使用過(guò)，那就找一些潛在用戶或者是內(nèi)部的工作人員根據(jù)自己實(shí)際工作接觸了解到的情況扮演用戶角色，從同理心的角度來(lái)進(jìn)行系統(tǒng)思考和全局討論，來(lái)完成這個(gè)步驟。
B端的軟件往往客戶不是用戶，單個(gè)的用戶角色往往只限于有限任務(wù)步驟和交互頁(yè)面的操作，則更有必要進(jìn)行全流程設(shè)計(jì)。
如果預(yù)算和時(shí)間有限，也可以選擇關(guān)鍵的業(yè)務(wù)流程來(lái)做用研和交互設(shè)計(jì)。一個(gè)大型軟件可以優(yōu)化的流程任務(wù)是很多的，選擇優(yōu)化的業(yè)務(wù)流程越多，整體產(chǎn)品的就越細(xì)致，給用戶帶來(lái)越多驚喜。
大多數(shù)企業(yè)都是選擇對(duì)客戶體驗(yàn)最有熱情的部門(mén)或產(chǎn)品線，推動(dòng)用戶體驗(yàn)提升，在取得成功后，再將成果拓展到公司的其他部分。
為了設(shè)計(jì)和交互出色的體驗(yàn)，我們更建議企業(yè)中不同職能團(tuán)隊(duì)共同來(lái)參與并推動(dòng)這項(xiàng)工作，這需要雙方努力，聯(lián)合共創(chuàng)體驗(yàn)設(shè)計(jì)，有效整合各種企業(yè)的資源和要素，包括不同角色人員思維，技能方法，流程技術(shù)，進(jìn)行多元化的思考。通過(guò)在整個(gè)環(huán)節(jié)中分配和實(shí)踐設(shè)計(jì)的職能，企業(yè)可以獲得更多的價(jià)值。
參與人員可以是：
1)企業(yè)和設(shè)計(jì)團(tuán)隊(duì)的接口人及負(fù)責(zé)人一一最好是運(yùn)營(yíng)管理崗。對(duì)設(shè)計(jì)，運(yùn)營(yíng)、業(yè)務(wù)和研發(fā)有一定的理解，但并不從屬于其中的部門(mén)，可以協(xié)調(diào)相關(guān)資源、客觀中立，保障項(xiàng)目的順利進(jìn)行。
2)設(shè)計(jì)專家一一訓(xùn)練有素的體驗(yàn)設(shè)計(jì)從業(yè)者，企業(yè)外聘的設(shè)計(jì)公司、資深設(shè)計(jì)師，在一家公司用體驗(yàn)設(shè)計(jì)方法的合理性和精確性中起著重要作用，確定設(shè)計(jì)流程、設(shè)計(jì)思維、技能方法、工具的使用，開(kāi)展全公司范圍的專業(yè)培訓(xùn)，提供持續(xù)的指導(dǎo)和支持。
3)支持者一一中度培訓(xùn)的體驗(yàn)設(shè)計(jì)高頻用戶。體驗(yàn)的支持者是指其他不同部門(mén)的相關(guān)骨干，了解自身業(yè)務(wù)及團(tuán)隊(duì)的內(nèi)部運(yùn)作，接受過(guò)體驗(yàn)思維和方法培訓(xùn)（有一定水準(zhǔn)），但這不是他們?nèi)粘９ぷ鞯暮诵穆氊?zé)。當(dāng)他們獲得了如何用體驗(yàn)設(shè)計(jì)來(lái)更好解決方案的第一手知識(shí)，他們會(huì)更有能力向其他人傳授方法或在各自的部門(mén)傳播成果。
4)參與者一一體驗(yàn)設(shè)計(jì)臨時(shí)用戶
5)不同部門(mén)對(duì)體驗(yàn)設(shè)計(jì)感興趣的員工，或者是某一方面的專家，或者是客戶，他們?cè)谂R時(shí)或特殊的情況下參與。
PC端軟件一般的情況下是設(shè)計(jì)1920x1280px，在金融行業(yè)，有些需要兼容1280px的情況下，可以通過(guò)適配解決。藍(lán)湖工具上有可以選擇的分辨率，選擇后可以自動(dòng)導(dǎo)出等比例縮小的圖片，工程師在針對(duì)每一種分辨率單獨(dú)寫(xiě)適配的代碼。
每年都會(huì)有新的設(shè)計(jì)風(fēng)格和趨勢(shì)，對(duì)于B端產(chǎn)品來(lái)講以下幾種比較常用：
1）暗黑模式：暗黑模式在過(guò)去幾年已經(jīng)非常流行，而且在2023年仍將繼續(xù)流行。它能夠減輕眼睛的壓力，并提供更好的用戶體驗(yàn)。企業(yè)有時(shí)會(huì)給用戶提戶白天和黑夜兩種皮膚模式。
2）3D圖形：隨著技術(shù)的不斷進(jìn)步，3D圖形在UI設(shè)計(jì)中的應(yīng)用也越來(lái)越廣泛。它們可以為用戶帶來(lái)更加生動(dòng)和逼真的體驗(yàn)。
3）漸變色：漸變色已經(jīng)成為了UI設(shè)計(jì)的主流趨勢(shì)之一，它可以為設(shè)計(jì)帶來(lái)更加鮮艷和豐富的顏色。彌散式漸變成為了舊時(shí)漸變的新形式。彌散式通過(guò)色彩漸變模糊，形成虛實(shí)結(jié)合的有色光感效果，不同顏色之間的唯美柔和與自然過(guò)渡，讓整體畫(huà)面氣質(zhì)變得溫婉高級(jí)，給人一種美輪美奐的魔幻感。
4）簡(jiǎn)單和明確的排版：在2023年，簡(jiǎn)單和明確的排版將會(huì)越來(lái)越受歡迎。它能夠讓用戶更加容易地理解信息，提高用戶體驗(yàn)。
5）微動(dòng)效：微動(dòng)效可以為用戶帶來(lái)更加生動(dòng)和有趣的體驗(yàn)，因此在2023年，它們將會(huì)被廣泛應(yīng)用于UI設(shè)計(jì)中，例如動(dòng)效圖標(biāo)、動(dòng)態(tài)圖形。
6）全屏設(shè)計(jì)：隨著移動(dòng)設(shè)備的普及，全屏設(shè)計(jì)將會(huì)變得越來(lái)越流行。它可以為用戶帶來(lái)更加沉浸式的體驗(yàn)。
7）插畫(huà)設(shè)計(jì): 2023年UI設(shè)計(jì)風(fēng)格非常注重簡(jiǎn)單有趣的UI，過(guò)于嚴(yán)肅正式的企業(yè)風(fēng)格將成為過(guò)去。插畫(huà)在提升用戶界面輕松休閑的調(diào)性中發(fā)揮著重要作用。
8) AR+VR: 今年議論最多的UI/UX設(shè)計(jì)趨勢(shì)莫過(guò)于“元宇宙”，新物種的出現(xiàn)，AR和VR的受歡迎程度和需求都在逐日飆升。2023年UI設(shè)計(jì)風(fēng)格，越來(lái)越多的企業(yè)將集中精力利用AR和VR技術(shù)為商業(yè)賦能。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.qdjdjx.cn