1.提示欄

1.1 視覺(jué)

這個(gè)頁(yè)面第一眼最突兀的地方首先是“知道了”這3個(gè)字，因?yàn)樵谶@個(gè)界面中，橙色產(chǎn)品色，而突然出現(xiàn)的藍(lán)色會(huì)讓你覺(jué)得特別醒目，所以我們第一眼會(huì)看到這三個(gè)字以及這一行的內(nèi)容，這里只涉及到了UI層面上的視覺(jué)表現(xiàn)就可以將用戶的注意力吸引過(guò)來(lái)，但提示欄的視覺(jué)優(yōu)先級(jí)并不應(yīng)該設(shè)計(jì)的這么高。

1.2 文案

這里的業(yè)務(wù)規(guī)則是，用戶必須將保險(xiǎn)內(nèi)容全部瀏覽完才可以進(jìn)入到下一階段，也就是說(shuō)一共4頁(yè)內(nèi)容，如果你在擊下方的checkbox或者下一步時(shí)時(shí)，內(nèi)容沒(méi)有定位在4/4的分頁(yè)狀態(tài)時(shí)，就會(huì)被判定沒(méi)有閱讀完保險(xiǎn)內(nèi)容。但是這里的文案只是告訴用戶，請(qǐng)向下滑動(dòng)瀏覽全部?jī)?nèi)容。

2.條款按鈕

2.1視覺(jué)

底部有3個(gè)條款按鈕，在視覺(jué)表現(xiàn)上是3個(gè)統(tǒng)一樣式的幽靈按鈕，點(diǎn)擊后會(huì)出現(xiàn)彈窗讓用戶閱讀條款內(nèi)容，并在一定時(shí)間內(nèi)允許關(guān)閉，用戶點(diǎn)擊閱讀完后樣式不變，但這里的規(guī)則是必須閱讀條款且全部閱讀。

2.2 交互

必須閱讀完三個(gè)條款與說(shuō)明，才可進(jìn)入下一步。所以這里就會(huì)出現(xiàn)多種問(wèn)題，比如用戶閱讀完保單內(nèi)容但沒(méi)有注意到中間的條款按鈕，在視覺(jué)沒(méi)有給出“必讀”的意符的情況下，用戶會(huì)先點(diǎn)擊下一步，但是被告知需要閱讀條款，用戶點(diǎn)擊閱讀完第一條條款，認(rèn)為自己已經(jīng)完成要求后繼續(xù)點(diǎn)擊下一步，但發(fā)現(xiàn)需要閱讀完三個(gè)條款才能完成要求。

這樣的交互與信息設(shè)計(jì)讓用戶在該頁(yè)面的操作效率大幅度下降，所以面對(duì)這種情況，我們是否可以用一些交互優(yōu)化的手段來(lái)解決這些問(wèn)題呢？在選擇策略和方案之前，我們需要思考一些問(wèn)題：

1.條款的必讀性、風(fēng)險(xiǎn)控制

2.效率與法律責(zé)任的權(quán)衡

3.面對(duì)多文本、文檔的操作、閱讀的便利性

其實(shí)這些問(wèn)題一部分是業(yè)務(wù)規(guī)則，如果業(yè)務(wù)上的要求不是必須的那么在效率上的操作空間就會(huì)比較大。比如我們經(jīng)常看到的條款和說(shuō)明的閱讀，幾乎沒(méi)有人會(huì)去全部一字不落的看完，但是為了讓用戶充分了解條款、協(xié)議的內(nèi)容，以防后續(xù)帶來(lái)的風(fēng)險(xiǎn)，現(xiàn)在產(chǎn)品的設(shè)計(jì)策略就是給用戶一個(gè)5秒的閱讀倒計(jì)時(shí)，倒計(jì)時(shí)結(jié)束前無(wú)法關(guān)閉彈窗，但說(shuō)實(shí)話這種設(shè)計(jì)也是雞肋的很，不想看的人你給60秒也不會(huì)去看，想看的人不設(shè)計(jì)倒計(jì)時(shí)也會(huì)很仔細(xì)的看。所以現(xiàn)在很多產(chǎn)品也做了簡(jiǎn)化處理，例如在這個(gè)保險(xiǎn)條款的交互方式中，我們也可以這樣設(shè)計(jì)。在底部直接將條款做成鏈接的形式，和checkbox一同做在一個(gè)欄里方便用戶操作，想看自己點(diǎn)，不想看就直接勾選后下一步即可。

關(guān)于風(fēng)險(xiǎn)揭示、知曉以及同意協(xié)議這個(gè)步驟有很多種做法，還有下方的3種例子：

1.將所有風(fēng)險(xiǎn)平鋪?zhàn)層脩艄催x并同意，這樣的方式比做在一個(gè)模塊里打鉤其實(shí)形式上是一樣的，因?yàn)槎伎梢匀x后確認(rèn)，一種同構(gòu)異型的做法。將風(fēng)險(xiǎn)需知面積展示的更多，希望用戶能對(duì)其重視，但是為了效率起見(jiàn)還是做了一個(gè)全選，也是在形式上尊重了“風(fēng)險(xiǎn)”。

2.用標(biāo)簽選擇的形式將合同、條款披露給用戶，這種形式在本質(zhì)上也和上面的差不多，甚至很多用戶可能不回去點(diǎn)第二個(gè)標(biāo)簽。

3.現(xiàn)在很多產(chǎn)品因?yàn)檎叩年P(guān)系都會(huì)在登錄頁(yè)面中加上用戶協(xié)議和隱私政策的說(shuō)明，需要用戶自己去點(diǎn)擊，很多用戶都覺(jué)得在登錄前點(diǎn)擊該協(xié)議非常的麻煩，有時(shí)也會(huì)忽略，所以一些聰明的產(chǎn)品就在用戶點(diǎn)擊登錄后再?gòu)棾鰪椏蜃層脩敉庠搮f(xié)議。

最后，話又說(shuō)回來(lái)，領(lǐng)導(dǎo)非讓用戶點(diǎn)擊完3個(gè)按鈕，才可以點(diǎn)擊下一步，該怎么設(shè)計(jì)呢？首先在視覺(jué)樣式層面，用常規(guī)的色塊、線條樣式的按鈕肯定是不行的，因?yàn)樵谶@里我們要考慮幾個(gè)點(diǎn)：

1.如何讓用戶知道這3個(gè)條款是必須點(diǎn)擊閱讀的 

2.讓用戶知道只有全部閱讀完才可以進(jìn)行下一步。所以做成常規(guī)按鈕，用戶無(wú)法知道該點(diǎn)哪個(gè)，先點(diǎn)哪個(gè)，要點(diǎn)幾個(gè)。

那可以做成勾選嗎？也不行，感覺(jué)比做成按鈕還要離譜。

那我們可以考慮這樣做，在這個(gè)步驟中也無(wú)法單獨(dú)將閱讀條款列為一個(gè)界面，所以只能繼續(xù)在頁(yè)面下方用列表的形式讓用戶去閱讀。通過(guò)這樣的設(shè)計(jì)可以讓用戶明確我該點(diǎn)哪個(gè)，哪個(gè)還沒(méi)有閱讀，當(dāng)用戶沒(méi)有完成閱讀要求時(shí)，底部按鈕置灰。

作者：應(yīng)駿
來(lái)源：站酷