藍藍設計問(wèn)答:什么是全流程的UI設計,內容和步驟是什么?

2023-10-6    藍藍

作者:藍藍 小龍

1.什么是全流程的UI設計?它與單頁(yè)面的視覺(jué)設計有什么區別?

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

2.全流程設計包括有什么主要內容和步驟?

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

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

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

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

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

4.為什么說(shuō)B端設計更需要全流程設計?

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

5.開(kāi)展全流程設計的工作有沒(méi)有什么有效的推廣經(jīng)驗?

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

6.軟件的分辨率適配問(wèn)題

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

7.最近有沒(méi)有流行的設計風(fēng)格或趨勢?

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



金融數據報送系統UI設計
數據報送系統UI設計
統一監管報送平臺交互UI設計
統一監管報送平臺交互UI設計
統一監管報送平臺交互UI設計
統一監管報送平臺交互UI設計
統一監管報送平臺交互UI設計
統一監管報送平臺交互UI設計
統一監管報送平臺交互UI設計
統一監管報送平臺交互UI設計

分享本文至:

日歷

鏈接

個(gè)人資料

藍藍 http://www.vettingonline.com

存檔