您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 交互設計 >> 瀏覽設計教程

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

最近做了一個開獎訂閱的彈層設計,從中學習到設計應該是滿足不同用戶的期望,而不僅僅是功能的實現(xiàn)。

需求簡介

我的任務是為財付通彩票的開獎訂閱功能新增一個“QQ提醒”的通知方式,另外隨著可以訂閱的彩種增多,需要優(yōu)化現(xiàn)有的彩種展現(xiàn)方式。

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

1

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

方案一:分tab展現(xiàn)給用戶

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

2

但是這個方案的缺點也顯而易見,常規(guī)訂閱和QQ提醒這種生硬的分類,會對用戶的認知產(chǎn)生負擔。而且如果用戶想通過QQ提醒訂閱,還需要重復選擇一次彩種,這對于用戶來說也不是一個好的體驗。于是我做出了第二個方案。

方案二:讓用戶自主選擇

 3

方案二給予了用戶更加自主的選擇,讓用戶可以更加自定義的訂閱彩種。但是,用戶真的需要這么自定義的設置方式么?

方案三:你了解用戶的期望嗎

其實作為一名交互設計師,拿到需求時不應該想著立刻去解決問題,而應該去深入的分析,分析,再分析。這個方案很明顯就忽略了分析的過程,直接沖著解決方案去了。

那么我們現(xiàn)在就來重新分析一下這個需求:

1.  用戶是誰?

2. 用戶來到這里的期望是什么?

對于第一個問題,我們可以通過用戶到達這里的途徑來分析:

xx

可以看到,這是一個很深的層級,能夠來到這里的用戶應該是經(jīng)常購買彩票的用戶,算是一個老彩民了,他們很明確自己的目的,就是來訂閱開獎信息。

4

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

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

5

方案三默認為用戶開啟了提醒,并選擇好了一種最常用的通知方式,訂閱的彩種也根據(jù)用戶的購買記錄默認選擇好了。用戶如果想更改彩種可以進入下一層級更改,不需要更改的話點擊保存即可訂閱。

但是這個方案沒有解決各個通知方式間互相干擾的問題,于是我又進行了優(yōu)化和處理。

6

最終確定了方案五:

7

 

方案六

方案七

……

 

最終方案:如何滿足不同期望的用戶

在之后與產(chǎn)品進行方案的溝通中了解到,這個開獎訂閱功能,以后可能不僅僅是提供給財付通彩票的用戶訂閱,還可能會作為一種吸引新用戶的手段,來推廣和擴展彩票的業(yè)務。對于這部分我們完全不了解的用戶,很顯然方案五無法滿足他們的需求。

這個變化直接導致了一個問題:用戶變了。而對于UCD來說,這是個很重要的改變。所以對于這個變化,第一步要做的,是分析現(xiàn)在的目標用戶和他們的期望。讓我們先來看看這部分用戶是怎么來到彩票訂閱這里的。

8

對于上面的用戶,他本身是沒有訂閱開獎的動機的,他也不是財付通的彩票用戶。我們通過推廣的手段吸引他過來訂閱,之后再慢慢的把他轉(zhuǎn)化為我們的用戶。

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

所以分析的結(jié)果是:我們的設計需要滿足不同期望的用戶。

針對這個結(jié)果,得出了最終方案(界面+彈層的方式展現(xiàn))。

9

對于有意愿訂閱的用戶(老用戶),他們應該是從彩票側(cè)進入開獎訂閱的,當他點擊“立即訂閱”時,我們可以根據(jù)他們的購買記錄來幫助他們選擇好彩種和通知方式,因為他們需要的只是訂閱而已。如果他們希望更改,點擊“訂閱其他彩種”,就進入自定義設置的界面。

10

而對于那些通過推廣的外部鏈接進來的用戶(新用戶),我們就直接讓他們來到自定義設置的界面,讓他們根據(jù)自己的喜好自由選擇,從而吸引更多的用戶來訂閱。

小結(jié)

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

[教程作者:未知]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/id2154.html
用戶體驗設計和UI設計的10個不同點
[圖說趣解]一張圖看2014移動設計趨勢
圖趣網(wǎng)微信
建議反饋
×