2023-1-3 ui設(shè)計(jì)分享達(dá)人
很多情況下，用戶選擇一個(gè)產(chǎn)品的理由是有沒(méi)有某個(gè)功能，但棄用的理由卻常是產(chǎn)品好不好用。能否打造優(yōu)質(zhì)的B端用戶體驗(yàn)，成了影響B(tài)端產(chǎn)品用戶續(xù)約的一個(gè)關(guān)鍵因素。
(1）流程越短越好。 我們?cè)谏习?、逛街的時(shí)候，傾向選擇一條最短的路線，希望用最少的時(shí)間到達(dá)目的地。用戶操作系統(tǒng)時(shí)也希望這樣。
(2）整合功能場(chǎng)景。 某個(gè)功能由誰(shuí)、在什么場(chǎng)景下操作，以及可能會(huì)遇到什么問(wèn)題、需要什么關(guān)聯(lián)功能來(lái)解決，如果功能點(diǎn)相互獨(dú)立， 關(guān)聯(lián)很少，會(huì)讓用戶用起來(lái)很不順手，有種斷層的感覺(jué)。
（3）有效指導(dǎo)異常。Saas 有一個(gè)特點(diǎn)是功能模塊間會(huì)盡可能相互獨(dú)立，基礎(chǔ)數(shù)據(jù)的設(shè)置和業(yè)務(wù)上面的使用往往是在不同的功能模塊內(nèi)。這會(huì)導(dǎo)致B端用戶在遇到空數(shù)據(jù)的情況下， 可能不知道該怎么操作。這時(shí)，需要要提示用戶按具體步驟操作來(lái)順利完成任務(wù)。
交互體驗(yàn)，對(duì)上承接了業(yè)務(wù)，對(duì)下承接了視覺(jué)。好的交互體驗(yàn)?zāi)茏寴I(yè)務(wù)流程簡(jiǎn)捷，更關(guān)注用戶習(xí)慣。 B端產(chǎn)品的交互和C端產(chǎn)品差異較大，C端常用的移動(dòng)客戶端屏幕小，可顯示的內(nèi)容較少，需要不停地跳轉(zhuǎn)完成操作，但B端產(chǎn)品大多用電腦來(lái)操作，一頁(yè)可顯示的內(nèi)容較多。所以做B端產(chǎn)品交互一般需要注意下面幾點(diǎn)：
(1）少跳轉(zhuǎn)。曾有用戶反饋，說(shuō)某個(gè)功能操作流程太長(zhǎng)了，操作起來(lái)很麻煩。通過(guò)走查發(fā)現(xiàn)流程其實(shí)是沒(méi)有問(wèn)題的，不能再縮減流程了。通過(guò)可用性測(cè)試發(fā)現(xiàn)是因?yàn)樘D(zhuǎn)頁(yè)面導(dǎo)致，用戶在操作時(shí)去了另一個(gè)界面，然后再返回來(lái)，讓用戶在操作時(shí)感覺(jué)流程更長(zhǎng)。于是就把頁(yè)面跳轉(zhuǎn)優(yōu)化成了彈窗，彈窗里面操作完點(diǎn)擊關(guān)閉即可， 改后用戶覺(jué)得流程縮短了，操作效率更高了。
B 端產(chǎn)品能用彈窗的時(shí)候，不要跳轉(zhuǎn)，哪怕彈窗里面加彈窗，只要不跳出這個(gè)頁(yè)面，用戶都會(huì)覺(jué)得沒(méi)有阻斷他的操作。雖然，從交互的角度講，彈窗里再加彈窗不符合規(guī)范，但在實(shí)用性面前是可以商榷的。
(2）少?gòu)棿啊?/strong> 相比彈窗，在某些場(chǎng)景下，有更好的處理方式。比如，直接放頁(yè)面上。 彈窗是點(diǎn)擊按鈕觸發(fā)的，自動(dòng)完成操作后關(guān)閉，或者用戶手動(dòng)關(guān)閉。雖然比跳轉(zhuǎn)好，但比不上在頁(yè)面上直接呈現(xiàn)高效。
頁(yè)面上直接呈現(xiàn)是理想狀態(tài)。但是往往因?yàn)閮?nèi)容太多，很多時(shí)候不得不隱藏起來(lái)。直接呈現(xiàn)對(duì)于頁(yè)面的布局和設(shè)計(jì)都有極高的要求，原則是高頻且重點(diǎn)的內(nèi)容外露。
（3）交互形式統(tǒng)一。 整個(gè)系統(tǒng)里面的交互規(guī)則要保持一致，大到彈窗的出現(xiàn)形式是居中彈出還是右側(cè)滑出，小到多選控件是不是一致。 在整個(gè)系統(tǒng)里面相同的業(yè)務(wù)都用同一個(gè)控件。雖然可能由于一些業(yè)務(wù)的特殊性， 需要對(duì)控件做個(gè)性化處理，但不要影響整體的一致性。
(1）信息清晰。 信息清晰不僅指信息結(jié)構(gòu)的層次，還包括頁(yè)面的內(nèi)容，最好讓用戶一眼就能看到上面寫了什么，有什么功能。有些設(shè)計(jì)師不喜歡加黑、大、粗的字， 覺(jué)得不夠高級(jí)，而是根據(jù)自己的美感把字體設(shè)計(jì)為一些個(gè)性化字體，且字號(hào)不大。
很多時(shí)候B端用戶的操作時(shí)間比C端用戶長(zhǎng)，他們需要長(zhǎng)時(shí)間盯著頁(yè)面，所以頁(yè)面信息清晰就能減少他們的疲勞。
(2）信息緊湊。 當(dāng)頁(yè)面上想要呈現(xiàn)的內(nèi)容較多時(shí)，設(shè)計(jì)師一定要壓縮空間，使布局合理緊湊。
(3）少用圖標(biāo)。 有時(shí)候，設(shè)計(jì)師會(huì)使用圖標(biāo)來(lái)代替文字表達(dá)，并花大精力設(shè)計(jì)很好看的圖標(biāo)。圖標(biāo)的應(yīng)用在C端產(chǎn)品中非常常見(jiàn)，一是為了節(jié)省空間，二是為了美觀。但在B端產(chǎn)品中，大多數(shù)情況下，圖標(biāo)越少越好，有時(shí)文字的簡(jiǎn)寫比圖標(biāo)來(lái)得直觀易懂。圖標(biāo)過(guò)多用戶需要使用很多遍才能記住每個(gè)按鈕的含義。
B端產(chǎn)品設(shè)計(jì)需要非常重視用戶體驗(yàn)。這直接影響到用戶的工作效率，轉(zhuǎn)而影響到軟件的續(xù)約率。 為打造好的用戶體驗(yàn)，我們通常從業(yè)務(wù)層面、交互層面、視覺(jué)層面來(lái)著手提升用戶體驗(yàn)。 很多時(shí)候，有些好的交互方案會(huì)受到技術(shù)框架的限制，導(dǎo)致方案無(wú)法實(shí)施。
但是為了產(chǎn)品獲得更好的用戶體驗(yàn)，首要考慮的依然是用戶的使用流暢度、易用性，而不是實(shí)現(xiàn)的復(fù)雜程度、系統(tǒng)現(xiàn)有框架的限制、現(xiàn)有規(guī)范的標(biāo)準(zhǔn)。 系統(tǒng)上的難點(diǎn)應(yīng)當(dāng)留給內(nèi)部去解決，把最大的便利性留給用戶。這樣我們才能獲得更好的產(chǎn)品口碑、更高的續(xù)約率、更大的市場(chǎng)。
藍(lán)藍(lán)設(shè)計(jì)( www.hglv.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.hglv.net