一個(gè)彈窗引發(fā)的思考
編輯導(dǎo)語(yǔ):隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展,我們?cè)谑謾C(jī)上使用的每個(gè)APP應(yīng)該都出現(xiàn)過(guò)彈窗,大多數(shù)人都是會(huì)不假思索的進(jìn)行跳過(guò),但這篇文章卻是根據(jù)彈窗引發(fā)的思考,想必應(yīng)該引起了各位的好奇心,對(duì)產(chǎn)品設(shè)計(jì)感興趣的朋友可以進(jìn)行閱讀,會(huì)帶來(lái)不一樣的啟發(fā)哦!
一、引言
十一月的我,更多沉浸在產(chǎn)品設(shè)計(jì)的細(xì)節(jié)打磨中,思考業(yè)務(wù)目的,用戶引導(dǎo),用戶體驗(yàn)等方面對(duì)產(chǎn)品的影響…在互聯(lián)網(wǎng)急速發(fā)展的今天,各式各樣的產(chǎn)品,百花齊放。產(chǎn)品定位,目標(biāo)人群,盈利模式,產(chǎn)品的目的及意義都會(huì)對(duì)產(chǎn)品本身具有一定程度的影響(產(chǎn)品設(shè)計(jì)的交互,視覺風(fēng)格表現(xiàn)上也都有所考究)。無(wú)處不體現(xiàn)互聯(lián)網(wǎng)人的思考……
相同類型的產(chǎn)品,在進(jìn)行產(chǎn)品思考,設(shè)計(jì)時(shí),往往能給人不同的感受。流程的靈活性與刻板,柔和的提示語(yǔ)與冷冰冰的提示語(yǔ);研究用戶使用場(chǎng)景及使用行為習(xí)慣得出的功能區(qū)區(qū)域及分類與想當(dāng)然YY需求放置一排金剛區(qū)ICON。UI界面的圓角與直角,給人的柔和與剛硬;亦或是色彩給人的冷靜與熱情;創(chuàng)新型的交互與常用交互方式減少用戶的學(xué)習(xí)操作成本。
二、產(chǎn)品態(tài)度
同一個(gè)產(chǎn)品,同樣的思路,同樣的解決方案;但是在不同的產(chǎn)品思路下下得到的結(jié)果是截然不同的。可能會(huì)有很多人開發(fā)覺得功能實(shí)現(xiàn)沒問(wèn)題啊,流程可以跑通啊,覺得沒毛病。但是在我看來(lái):產(chǎn)品的每一個(gè)細(xì)節(jié),都是值得我們?nèi)ド钏嫉?,只有如此,才能給用戶更好的用戶體驗(yàn),對(duì)產(chǎn)品的每一個(gè)細(xì)節(jié)一絲不茍也是對(duì)我們自己的一種提升。
三、彈窗簡(jiǎn)析
以一個(gè)彈窗來(lái)舉例:首先來(lái)說(shuō)說(shuō)彈窗的定義:中斷用戶當(dāng)前操作并對(duì)其做出補(bǔ)充,或中斷用戶當(dāng)前操作并對(duì)其做出反饋。彈窗的大致分類:“模態(tài)彈窗”及“非模態(tài)彈窗”。
非模態(tài)彈窗以:不會(huì)影響用戶操作,用戶可以不與回應(yīng),通常有時(shí)間限制,出現(xiàn)一段時(shí)間就會(huì)自動(dòng)消失。例如:toast,HUD。
模態(tài)彈窗:會(huì)打斷用戶的操作行為,強(qiáng)制用戶必須進(jìn)行操作,否則不可以進(jìn)行其他操作。具體每一種彈窗類型及呈現(xiàn)形式,在此我就不作過(guò)多贅述,網(wǎng)絡(luò)上有很多較為詳盡的”關(guān)于彈窗的介紹“。
四、我的思考
在此講講自己對(duì)于彈窗的思考過(guò)程:表達(dá)同一信息,使用不同的方式去設(shè)計(jì)彈窗,給到用戶的感受,引導(dǎo)和體驗(yàn)會(huì)有天差地別。舉例:項(xiàng)目背景:業(yè)務(wù)側(cè)創(chuàng)建新的獲客渠道,且線索價(jià)值較高,有及時(shí)聯(lián)系客戶的需求(時(shí)效性);需要按一定的業(yè)務(wù)規(guī)則推送至排名靠前的業(yè)務(wù)人員進(jìn)行搶單。
如何告知業(yè)務(wù)人員搶單成功呢?——使用彈窗彈窗會(huì)有不同的選擇,不同的設(shè)計(jì)方式也會(huì)呈現(xiàn)不同的結(jié)果。直接使用toast告知:搶單成功,對(duì)于業(yè)務(wù)人員的感受是怎樣的?業(yè)務(wù)人員是否能清晰知曉搶單成功;線索訂單該如何流轉(zhuǎn),下一步的業(yè)務(wù)動(dòng)作是什么?
toast提示對(duì)業(yè)務(wù)人員并無(wú)引導(dǎo),拿訂單狀態(tài)變化舉例:由待搶單變?yōu)榇D(zhuǎn)私,頂部顯示倒計(jì)時(shí);對(duì)于操作用戶而言,不能理解產(chǎn)品所表達(dá)的含義。從而缺乏用戶引導(dǎo),用戶是點(diǎn)擊更多按鈕,還是點(diǎn)擊轉(zhuǎn)私按鈕亦或是點(diǎn)擊撥號(hào)按鈕?
此時(shí)我們需要思考:我們希望用戶下一步完成什么動(dòng)作?我們的目的是什么?怎樣才能達(dá)到我的目的?我是希望用戶搶單成功后,完成點(diǎn)擊撥號(hào)的動(dòng)作還是轉(zhuǎn)私的動(dòng)作,亦或是去點(diǎn)擊更多按鈕,完成其他的動(dòng)作?使用模態(tài)彈窗會(huì)打斷用戶當(dāng)前的操作,對(duì)其具有一定的引導(dǎo)性,但也需要有目的性:如下圖:
使用模態(tài)彈窗打斷其搶單操作,告知搶單成功,且告知其須在15分鐘內(nèi)進(jìn)行撥號(hào)操作。但按鈕卻給了一個(gè)我知道了;并未直接使其撥號(hào),用戶點(diǎn)擊了“我知道了”后還需要點(diǎn)擊“撥號(hào)”按鈕,才能達(dá)到我們的目的,所以此時(shí)增加了用戶的操作成本!所以此時(shí)我從用戶體驗(yàn)優(yōu)化上入手,將“我知道了”按鈕,替換成功立即撥號(hào)按鈕,如下圖:
在此,給出了一個(gè)立即撥號(hào)和稍后撥號(hào),稍后撥號(hào)是給用戶的選擇性,而不是強(qiáng)制性只允許點(diǎn)擊立即撥號(hào)。
達(dá)到了我們需要對(duì)其撥號(hào)的目的,減少用戶的操作成本,且可以達(dá)到我們的目的;點(diǎn)擊搶單后告知用戶“搶單成功”并告知須在15分鐘內(nèi)致電客戶,超時(shí)訂單即失效;很自然的用戶會(huì)點(diǎn)擊立即撥號(hào)去進(jìn)行撥號(hào)。
但繼續(xù)思考,是否有繼續(xù)優(yōu)化的空間?為什么我們會(huì)有15分鐘的限制?
因?yàn)槲覀冃枰獦I(yè)務(wù)人員快速聯(lián)系客戶,具有較高的時(shí)效性,僅用文字告知是否可以達(dá)到我們的目標(biāo)呢?是可以的。
但是否有更好的方式?怎樣能夠提升業(yè)務(wù)人員的緊迫感?“緊迫感”這個(gè)詞,是否會(huì)聯(lián)想到很多場(chǎng)景?鬧鐘?倒計(jì)時(shí)?亦或是電商里“搶單”、“補(bǔ)尾款”?
同理,在此,我們可以怎樣營(yíng)造一種緊迫感,15分鐘到文字是否可以做成倒計(jì)時(shí)的效果?給用戶的心理暗示,就是我需要趕緊進(jìn)行下一步操作,否則就會(huì)過(guò)期了。
于此,進(jìn)一步對(duì)此彈窗進(jìn)行了優(yōu)化。如圖:
在此,我又在思考,還能不能繼續(xù)進(jìn)行優(yōu)化?我的業(yè)務(wù)是B端還是C端?我需要給用戶怎樣的用戶體驗(yàn)?我的使用場(chǎng)景?業(yè)務(wù)目的是什么樣的?
基于我做的是針對(duì)業(yè)務(wù)人員使用的產(chǎn)品,我需要促進(jìn)立刻進(jìn)行業(yè)務(wù)動(dòng)作,即撥號(hào),與客戶產(chǎn)生聯(lián)系,達(dá)到“即時(shí)性”的目的;
所以我此時(shí)是否可以犧牲一定的用戶體驗(yàn)?去掉稍后撥號(hào)的按鈕,讓業(yè)務(wù)人員一眼只能看到立即撥號(hào)的按鈕,讓他的感受是只能選擇立即撥號(hào),那怎么關(guān)閉彈窗呢?
右上角放置一個(gè)較小的關(guān)閉按鈕,增加關(guān)閉彈窗的操作成本和認(rèn)知成本;從而達(dá)到我的業(yè)務(wù)目的,促進(jìn)業(yè)務(wù)人員進(jìn)行業(yè)務(wù)動(dòng)作;對(duì)于體驗(yàn)來(lái)說(shuō)也沒有變?cè)恪?/p>
五、總結(jié)
最近對(duì)工作中的“主人翁”意識(shí),對(duì)生活也有更深的感悟。我們?cè)谧鰧?duì)自己很重要的事情的時(shí)候永遠(yuǎn)不會(huì)去找借口,會(huì)想盡辦法去解決遇到的問(wèn)題和困難。
工作中亦是如此,遇事千萬(wàn)不要首先推卸責(zé)任和找借口;要去思考為什么會(huì)發(fā)生這樣的事情?如何去解決問(wèn)題?怎樣能把影響減少至最小。
最近換工作后,在公司上線的第一個(gè)需求,到預(yù)發(fā)布后才發(fā)現(xiàn)有一個(gè)接口的數(shù)據(jù)出現(xiàn)了問(wèn)題;當(dāng)即:我的想法首先是盡可能減少影響,因數(shù)據(jù)不影響主體功能需求;所以暫時(shí)對(duì)此字段做了前端上的隱藏;立馬召集后端開會(huì)解決此問(wèn)題,查詢接口問(wèn)題,很快便解決了問(wèn)題。
也認(rèn)識(shí)到做產(chǎn)品一定要保持對(duì)生活高度的觀察能力,保持觀察能力才是生產(chǎn)好內(nèi)容的核心關(guān)鍵。平時(shí)體驗(yàn)其他產(chǎn)品的時(shí)候,發(fā)現(xiàn)其他產(chǎn)品做得讓自己驚喜的地方和厭惡的地方,思考為什么?聯(lián)想到自己的產(chǎn)品,自己的用戶遇到此種場(chǎng)景的時(shí)候會(huì)如何思考,希望得到什么樣的產(chǎn)品反饋,即“同理心”。
本文由 @科科不是科科 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自?Unsplash,基于 CC0 協(xié)議
學(xué)到了
其他彈窗都還好,最討厭的就是廣告彈窗,叉掉下次還有,選擇舉報(bào)吧,又嫌麻煩,就只能出來(lái)一次叉掉一次。
廣告彈窗里最最最討厭的是隱藏的“x”,要么賊小在邊邊角,要么顏色超級(jí)淡藏在圖片的角落