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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

歡迎大佬指導和“噴”“撕”。


一點思考:

UI設計師到底是應該去側重交互,還是傾向視覺或者技能呢?如果以點到線,線到面,面到體的關系,那這二者是如何兼容的呢?

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

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

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

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





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

相關閱讀更多精彩內容

友情鏈接更多精彩內容