一個彈窗的交互邏輯與部分思考

敘:其實很久以前就一直想寫一點關(guān)于UI成長的點滴,直到今天才提筆記錄。不過也好,至少開頭了。

主要記錄在UI/UE上的一些心得,也算是自己成長過程的一個記錄。


需求回顧:需求新加VIP頁面,從以前的彈窗購買操作,到跳轉(zhuǎn)VIP頁面。

下面是原稿(原稿為其他小伙伴做)、產(chǎn)品原型、設(shè)計稿和跳轉(zhuǎn)至VIP頁面。

在拿到產(chǎn)品原型時,產(chǎn)品告訴我,至需要把原始彈窗(“訂閱6元每月”和“買斷VIP”)的選項換成,再想想和去開通就行。

再做圖時,我本著美化界面和美工的本能做出了如下設(shè)計稿。

在交付設(shè)計稿時,產(chǎn)品對我的設(shè)計是沒有問題的。相信大多數(shù)設(shè)計師都能做出如下的彈窗或更優(yōu)化。

但是出現(xiàn)了一個爭論點...

爭論點:產(chǎn)品要求將“成為VIP”和裝飾弱化,突出VIP內(nèi)容

在設(shè)計稿中,“立即開通”作為第一層級,title作為第二視覺焦點,內(nèi)容為其次(產(chǎn)品需要將內(nèi)容作為第二視覺焦點,所有有所爭論)

在這個爭論點中,也許一般的設(shè)計師就根據(jù)產(chǎn)品的需求將title弱化,強化了內(nèi)容即可。

但是在這一點里,本美工堅持了自己的做法。思考過程如下:

第一:這次需求新加如了VIP頁面,既做到強化VIP的用戶體驗感。那么VIP的特權(quán)感首先是要在彈框里展示出來,和一般的彈窗是不一樣的。是帶有VIP屬性的。

第二,本美工認為在該彈窗中即時不展示內(nèi)容也是無可厚非的,在用戶看到該彈窗后第一視覺集中在立即開通就行,我們不需要讓用戶在彈窗頁面停留過多的時長和思考過程,這個彈窗只是一個引導(dǎo)頁面,一個跳轉(zhuǎn)至VIP頁面的引導(dǎo)。我們不需要讓用戶在彈窗上過多的思考,我們需要的是將用戶引導(dǎo)至VIP頁面。在彈窗上的過度思考也許就會損失一部分用戶。

同理用用戶使用時長來看,肯定是在VIP頁面的時長超過彈窗的時長會給產(chǎn)品帶來實際利益。

第三:原本為什么會那樣做(內(nèi)容第一),是因為原本在的產(chǎn)品利益觸發(fā)點在彈窗上,需要讓用戶在彈窗上操作,在彈窗上獲得VIP的所有信息,才能觸發(fā)用戶去購買VIP。所有將內(nèi)容做到第一視覺,讓用戶在彈窗上去閱讀,從而購買,帶來產(chǎn)品利益。

而新版則相反,觸發(fā)產(chǎn)品利益的點在跳轉(zhuǎn)頁里,所以在彈窗上并不應(yīng)該讓用戶有太多停滯去閱讀和思考。


在這次思考過中雖然只是一些個人的觀點和想法。也不一定考慮周全,但是我個人認為是對自己有幫助的一個小案例,所以記錄下來。

歡迎大佬指導(dǎo)和“噴”“撕”。


一點思考:

UI設(shè)計師到底是應(yīng)該去側(cè)重交互,還是傾向視覺或者技能呢?如果以點到線,線到面,面到體的關(guān)系,那這二者是如何兼容的呢?

當然我們知道很多活躍在線上的大牛是能將二者兼容并發(fā)揮到所屬領(lǐng)域的一個高度,但是在我們?nèi)粘H酥?,可能能專研好一部分就也許會是某個公司的leader、專家等職位,一個小圈子里的大牛。

如果我們把視覺和技能當做做設(shè)計的基礎(chǔ),那我們在有這樣的基礎(chǔ)下,專研的就是交互邏輯,產(chǎn)品方向?

那如果我們在吧PS、SK當做做設(shè)計的基礎(chǔ),那我們的軸向發(fā)展是往CD4?AE?PR?這些軟件上,所謂的視覺表現(xiàn)里上?

(捉襟見肘,略述己見,只是一只井底之蛙的視野和自嘲)





最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容