2023-5-18 博博
這個頁面第一眼最突兀的地方首先是“知道了”這3個字，因為在這個界面中，橙色產(chǎn)品色，而突然出現(xiàn)的藍色會讓你覺得特別醒目，所以我們第一眼會看到這三個字以及這一行的內(nèi)容，這里只涉及到了UI層面上的視覺表現(xiàn)就可以將用戶的注意力吸引過來，但提示欄的視覺優(yōu)先級并不應(yīng)該設(shè)計的這么高。
這里的業(yè)務(wù)規(guī)則是，用戶必須將保險內(nèi)容全部瀏覽完才可以進入到下一階段，也就是說一共4頁內(nèi)容，如果你在擊下方的checkbox或者下一步時時，內(nèi)容沒有定位在4/4的分頁狀態(tài)時，就會被判定沒有閱讀完保險內(nèi)容。但是這里的文案只是告訴用戶，請向下滑動瀏覽全部內(nèi)容。
底部有3個條款按鈕，在視覺表現(xiàn)上是3個統(tǒng)一樣式的幽靈按鈕，點擊后會出現(xiàn)彈窗讓用戶閱讀條款內(nèi)容，并在一定時間內(nèi)允許關(guān)閉，用戶點擊閱讀完后樣式不變，但這里的規(guī)則是必須閱讀條款且全部閱讀。
必須閱讀完三個條款與說明，才可進入下一步。所以這里就會出現(xiàn)多種問題，比如用戶閱讀完保單內(nèi)容但沒有注意到中間的條款按鈕，在視覺沒有給出“必讀”的意符的情況下，用戶會先點擊下一步，但是被告知需要閱讀條款，用戶點擊閱讀完第一條條款，認為自己已經(jīng)完成要求后繼續(xù)點擊下一步，但發(fā)現(xiàn)需要閱讀完三個條款才能完成要求。
這樣的交互與信息設(shè)計讓用戶在該頁面的操作效率大幅度下降，所以面對這種情況，我們是否可以用一些交互優(yōu)化的手段來解決這些問題呢？在選擇策略和方案之前，我們需要思考一些問題：
1.條款的必讀性、風(fēng)險控制
2.效率與法律責(zé)任的權(quán)衡
3.面對多文本、文檔的操作、閱讀的便利性
其實這些問題一部分是業(yè)務(wù)規(guī)則，如果業(yè)務(wù)上的要求不是必須的那么在效率上的操作空間就會比較大。比如我們經(jīng)常看到的條款和說明的閱讀，幾乎沒有人會去全部一字不落的看完，但是為了讓用戶充分了解條款、協(xié)議的內(nèi)容，以防后續(xù)帶來的風(fēng)險，現(xiàn)在產(chǎn)品的設(shè)計策略就是給用戶一個5秒的閱讀倒計時，倒計時結(jié)束前無法關(guān)閉彈窗，但說實話這種設(shè)計也是雞肋的很，不想看的人你給60秒也不會去看，想看的人不設(shè)計倒計時也會很仔細的看。所以現(xiàn)在很多產(chǎn)品也做了簡化處理，例如在這個保險條款的交互方式中，我們也可以這樣設(shè)計。在底部直接將條款做成鏈接的形式，和checkbox一同做在一個欄里方便用戶操作，想看自己點，不想看就直接勾選后下一步即可。
關(guān)于風(fēng)險揭示、知曉以及同意協(xié)議這個步驟有很多種做法，還有下方的3種例子：
1.將所有風(fēng)險平鋪讓用戶勾選并同意，這樣的方式比做在一個模塊里打鉤其實形式上是一樣的，因為都可以全選后確認，一種同構(gòu)異型的做法。將風(fēng)險需知面積展示的更多，希望用戶能對其重視，但是為了效率起見還是做了一個全選，也是在形式上尊重了“風(fēng)險”。
2.用標(biāo)簽選擇的形式將合同、條款披露給用戶，這種形式在本質(zhì)上也和上面的差不多，甚至很多用戶可能不回去點第二個標(biāo)簽。
3.現(xiàn)在很多產(chǎn)品因為政策的關(guān)系都會在登錄頁面中加上用戶協(xié)議和隱私政策的說明，需要用戶自己去點擊，很多用戶都覺得在登錄前點擊該協(xié)議非常的麻煩，有時也會忽略，所以一些聰明的產(chǎn)品就在用戶點擊登錄后再彈出彈框讓用戶同意該協(xié)議。
最后，話又說回來，領(lǐng)導(dǎo)非讓用戶點擊完3個按鈕，才可以點擊下一步，該怎么設(shè)計呢？首先在視覺樣式層面，用常規(guī)的色塊、線條樣式的按鈕肯定是不行的，因為在這里我們要考慮幾個點：
1.如何讓用戶知道這3個條款是必須點擊閱讀的
2.讓用戶知道只有全部閱讀完才可以進行下一步。所以做成常規(guī)按鈕，用戶無法知道該點哪個，先點哪個，要點幾個。
那可以做成勾選嗎？也不行，感覺比做成按鈕還要離譜。
那我們可以考慮這樣做，在這個步驟中也無法單獨將閱讀條款列為一個界面，所以只能繼續(xù)在頁面下方用列表的形式讓用戶去閱讀。通過這樣的設(shè)計可以讓用戶明確我該點哪個，哪個還沒有閱讀，當(dāng)用戶沒有完成閱讀要求時，底部按鈕置灰。
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
藍藍設(shè)計的小編 http://sillybuy.com