一個(gè)彈層引發(fā)的十二個(gè)方案

最近做了一個(gè)開(kāi)獎(jiǎng)訂閱的彈層設(shè)計(jì)，從中學(xué)習(xí)到設(shè)計(jì)應(yīng)該是滿(mǎn)足不同用戶(hù)的期望，而不僅僅是功能的實(shí)現(xiàn)。

需求簡(jiǎn)介

我的任務(wù)是為財(cái)付通彩票的開(kāi)獎(jiǎng)訂閱功能新增一個(gè)“QQ提醒”的通知方式，另外隨著可以訂閱的彩種增多，需要優(yōu)化現(xiàn)有的彩種展現(xiàn)方式。

而QQ提醒是一個(gè)成熟的產(chǎn)品，是一個(gè)功能強(qiáng)大的提醒工具，新增了QQ提醒的通知方式后，用戶(hù)不僅可以在這里設(shè)置，還可以在QQ提醒側(cè)單獨(dú)設(shè)置通過(guò)QQ提醒訂閱的彩種。 這也是需求的難點(diǎn)所在。

比如上圖用戶(hù)同時(shí)用QQ彈出消息和QQ提醒消息訂閱了三個(gè)彩種，設(shè)置完成后，用戶(hù)在QQ提醒那邊，又重新設(shè)置了一下彩種（比如增加了大樂(lè)透這一彩種），那么這個(gè)時(shí)候，在這里就無(wú)法向用戶(hù)正確的展現(xiàn)彩種的選擇情況了。

方案一：分tab展現(xiàn)給用戶(hù)

拿到這個(gè)需求，很容易想到分tab的方式，產(chǎn)品提供的交互意見(jiàn)也是這樣，于是優(yōu)化一下就出現(xiàn)了方案一：

但是這個(gè)方案的缺點(diǎn)也顯而易見(jiàn)，常規(guī)訂閱和QQ提醒這種生硬的分類(lèi)，會(huì)對(duì)用戶(hù)的認(rèn)知產(chǎn)生負(fù)擔(dān)。而且如果用戶(hù)想通過(guò)QQ提醒訂閱，還需要重復(fù)選擇一次彩種，這對(duì)于用戶(hù)來(lái)說(shuō)也不是一個(gè)好的體驗(yàn)。于是我做出了第二個(gè)方案。

方案二：讓用戶(hù)自主選擇

方案二給予了用戶(hù)更加自主的選擇，讓用戶(hù)可以更加自定義的訂閱彩種。但是，用戶(hù)真的需要這么自定義的設(shè)置方式么？

方案三：你了解用戶(hù)的期望嗎

其實(shí)作為一名交互設(shè)計(jì)師，拿到需求時(shí)不應(yīng)該想著立刻去解決問(wèn)題，而應(yīng)該去深入的分析，分析，再分析。這個(gè)方案很明顯就忽略了分析的過(guò)程，直接沖著解決方案去了。

那么我們現(xiàn)在就來(lái)重新分析一下這個(gè)需求：

1.  用戶(hù)是誰(shuí)？

2. 用戶(hù)來(lái)到這里的期望是什么？

對(duì)于第一個(gè)問(wèn)題，我們可以通過(guò)用戶(hù)到達(dá)這里的途徑來(lái)分析：

可以看到，這是一個(gè)很深的層級(jí)，能夠來(lái)到這里的用戶(hù)應(yīng)該是經(jīng)常購(gòu)買(mǎi)彩票的用戶(hù)，算是一個(gè)老彩民了，他們很明確自己的目的，就是來(lái)訂閱開(kāi)獎(jiǎng)信息。

從上圖的中我們可以發(fā)現(xiàn)，用戶(hù)發(fā)現(xiàn)訂閱功能時(shí)的期望，其實(shí)應(yīng)該是想點(diǎn)擊一下“立即訂閱”按鈕，然后出現(xiàn)“已訂閱”的成功提示，他并不希望有啥復(fù)雜的設(shè)置。

于是根據(jù)分析的結(jié)果，我做出了第三個(gè)方案。

方案三默認(rèn)為用戶(hù)開(kāi)啟了提醒，并選擇好了一種最常用的通知方式，訂閱的彩種也根據(jù)用戶(hù)的購(gòu)買(mǎi)記錄默認(rèn)選擇好了。用戶(hù)如果想更改彩種可以進(jìn)入下一層級(jí)更改，不需要更改的話(huà)點(diǎn)擊保存即可訂閱。

但是這個(gè)方案沒(méi)有解決各個(gè)通知方式間互相干擾的問(wèn)題，于是我又進(jìn)行了優(yōu)化和處理。

最終確定了方案五：

方案六

方案七

……

最終方案：如何滿(mǎn)足不同期望的用戶(hù)

在之后與產(chǎn)品進(jìn)行方案的溝通中了解到，這個(gè)開(kāi)獎(jiǎng)訂閱功能，以后可能不僅僅是提供給財(cái)付通彩票的用戶(hù)訂閱，還可能會(huì)作為一種吸引新用戶(hù)的手段，來(lái)推廣和擴(kuò)展彩票的業(yè)務(wù)。對(duì)于這部分我們完全不了解的用戶(hù)，很顯然方案五無(wú)法滿(mǎn)足他們的需求。

這個(gè)變化直接導(dǎo)致了一個(gè)問(wèn)題：用戶(hù)變了。而對(duì)于UCD來(lái)說(shuō)，這是個(gè)很重要的改變。所以對(duì)于這個(gè)變化，第一步要做的，是分析現(xiàn)在的目標(biāo)用戶(hù)和他們的期望。讓我們先來(lái)看看這部分用戶(hù)是怎么來(lái)到彩票訂閱這里的。

對(duì)于上面的用戶(hù)，他本身是沒(méi)有訂閱開(kāi)獎(jiǎng)的動(dòng)機(jī)的，他也不是財(cái)付通的彩票用戶(hù)。我們通過(guò)推廣的手段吸引他過(guò)來(lái)訂閱，之后再慢慢的把他轉(zhuǎn)化為我們的用戶(hù)。

因此，現(xiàn)在的用戶(hù)和之前的用戶(hù)最大的差別在于，現(xiàn)在的用戶(hù)還包括了一部分沒(méi)有明確訂閱意愿的新用戶(hù)，我們需要給這些用戶(hù)自主的訂閱方式，來(lái)滿(mǎn)足他們不同的需求。

所以分析的結(jié)果是：我們的設(shè)計(jì)需要滿(mǎn)足不同期望的用戶(hù)。

針對(duì)這個(gè)結(jié)果，得出了最終方案（界面+彈層的方式展現(xiàn)）。

對(duì)于有意愿訂閱的用戶(hù)（老用戶(hù)），他們應(yīng)該是從彩票側(cè)進(jìn)入開(kāi)獎(jiǎng)訂閱的，當(dāng)他點(diǎn)擊“立即訂閱”時(shí)，我們可以根據(jù)他們的購(gòu)買(mǎi)記錄來(lái)幫助他們選擇好彩種和通知方式，因?yàn)樗麄冃枰闹皇怯嗛喍?。如果他們希望更改，點(diǎn)擊“訂閱其他彩種”，就進(jìn)入自定義設(shè)置的界面。

而對(duì)于那些通過(guò)推廣的外部鏈接進(jìn)來(lái)的用戶(hù)（新用戶(hù)），我們就直接讓他們來(lái)到自定義設(shè)置的界面，讓他們根據(jù)自己的喜好自由選擇，從而吸引更多的用戶(hù)來(lái)訂閱。

小結(jié)

經(jīng)歷了這次無(wú)數(shù)方案的變更，讓我對(duì)于這個(gè)產(chǎn)品的用戶(hù)有了更加準(zhǔn)確的把握。設(shè)計(jì)時(shí)不能憑著經(jīng)驗(yàn)和感覺(jué)，只有深入的去了解用戶(hù)的期望，這個(gè)產(chǎn)品才能夠真正的做到以用戶(hù)為中心。