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

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

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

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

image.png

 

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

image.png

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔