UI設(shè)計(jì)：全面分析B端設(shè)計(jì)案例修改

2024-11-8    藍(lán)藍(lán)設(shè)計(jì)的小編 B端ui設(shè)計(jì)文章及欣賞

眾所周知，B 端設(shè)計(jì)更注重交互邏輯思維，設(shè)計(jì)解決方案的出發(fā)點(diǎn)需要建立在提升產(chǎn)品體驗(yàn)層面。一個(gè)很小的需求也需要更成熟的思考，這個(gè)思考過(guò)程如果有更多的集思廣益定能探索出更好的設(shè)計(jì)，提升操作體驗(yàn)度。
 
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
 
一、初步方案
 
先看看學(xué)員初次提案的方案吧！備注：由于項(xiàng)目不能對(duì)外，這里展示的數(shù)據(jù)信息為虛構(gòu)，交互意圖類似。
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
交互說(shuō)明：通過(guò)選擇“引用內(nèi)容”可以指定選擇需要引用的內(nèi)容，再?gòu)牧斜碇羞x擇需要的“訂單”。這個(gè)相當(dāng)于把想要的信息復(fù)制出來(lái)，粘貼到新的場(chǎng)景中，通過(guò)引用可以快速把單個(gè)訂單或者多個(gè)訂單內(nèi)的指定內(nèi)容復(fù)制出來(lái)。
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
該方案存在的爭(zhēng)議是引用內(nèi)容的選擇更像是篩選，加深了用戶的理解成本。從用戶操作路徑來(lái)看，出現(xiàn)了折回，交互流程不夠順暢。
 
二、探索方案
 
根據(jù)初步的思維發(fā)散，嘗試了一些調(diào)整，首先在原方案的基礎(chǔ)上進(jìn)行了微調(diào)。把全選復(fù)選框提取出來(lái)了，增加了選擇數(shù)量的提示，方便進(jìn)行校對(duì)。引用內(nèi)容添加了標(biāo)題，方便操作時(shí)一目了然的知道傳遞的意思。
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
操作路徑來(lái)看依然是有折回的，后期再進(jìn)行思考一下，這個(gè)屬于保守的探索。
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
操作項(xiàng)在表單上方難以避免交互路徑折回，再次思考之后嘗試了將操作項(xiàng)放在表單下方。
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
這樣交互操作路徑就不會(huì)出現(xiàn)折回，流程也會(huì)顯得更加順暢。不過(guò)引用內(nèi)容的選擇依然像篩選的感覺(jué)，如果設(shè)置了默認(rèn)項(xiàng)，用戶會(huì)忽略這個(gè)操作。
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
結(jié)合前面的思考如果在當(dāng)前場(chǎng)景無(wú)法獲得更好的解決方案，我們就要打破這個(gè)固化思維，探索完全不一樣的交互思路。把整個(gè)交互流程進(jìn)行了重新梳理，之前的交互流程：選擇引用內(nèi)容 → 選擇訂單 → 引用；調(diào)整之后交互流程：選擇訂單 → 引用 → 選擇引用內(nèi)容（彈窗） → 確認(rèn)。
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
從交互層面的操作路徑來(lái)看，這是一個(gè)“加法”的設(shè)計(jì)，讓步驟變得更多了。不過(guò)從理解度的層面來(lái)說(shuō)更易于理解，引用內(nèi)容的選擇來(lái)說(shuō)不會(huì)被忽略，操作誤差會(huì)被降低。
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
 
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
雖然新增彈窗，但是操作流程還是很順暢的。
這個(gè) B 端設(shè)計(jì)我糾結(jié)了很久
 
 
三、邀你探索
 
以上只是這次探索的一小部分，項(xiàng)目的場(chǎng)景會(huì)更加復(fù)雜多變。相信還會(huì)有更多的可能性，希望大家可以接著這個(gè)思路繼續(xù)思考一下，看看還可以進(jìn)行那些優(yōu)化。
 

作者：黑馬青年
鏈接：https://www.zcool.com.cn/article/ZMTYyODAyNA==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

image.png

 

藍(lán)藍(lán)設(shè)計(jì)(yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

image.png

關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

日歷

鏈接

個(gè)人資料

存檔