UI設(shè)計不可以誘導(dǎo)用戶了！
前言
上圖的閃屏廣告，呵呵，你怎么看呢？這樣的設(shè)計形式不說普通用戶了，就是我們UI設(shè)計師難免都會上當(dāng)。
之后你再也看不到這樣的誘導(dǎo)性廣告了，工信部現(xiàn)在會嚴(yán)厲打擊這種類似問題，再有就會受到處罰。
目前國內(nèi)頭部互聯(lián)網(wǎng)公司字節(jié)、阿里、百度、B站、微博、網(wǎng)易等公司都已經(jīng)整改完畢，符合工信部要求。
現(xiàn)在打開一些主流APP產(chǎn)品，閃屏廣告上都有一個特定位置的按鈕，明確告訴用戶，此廣告點擊后會調(diào)轉(zhuǎn)到哪里，看下圖。
上圖閃屏上面都有一個黑色透明的按鈕，這就是在這一輪整改中，各公司產(chǎn)品的應(yīng)對方式。
現(xiàn)在按鈕的設(shè)計樣式都一樣，但其實按鈕并非必須這樣設(shè)計，大家都扎堆這樣設(shè)計，可能是這些頭部互聯(lián)網(wǎng)公司產(chǎn)品的帶動。
有些產(chǎn)品雖然是加了引導(dǎo)按鈕，但是依然游走在“法律”的邊緣，看下圖中UC瀏覽器的閃屏依舊是設(shè)計個彈窗誘導(dǎo)用戶。
案例設(shè)計
小米商城閃屏的改變
為了更進一步符合工信部的要求，我們小米商城閃屏也進行了改版，在此之前，跟大家分享過一篇關(guān)于閃屏設(shè)計適配的文章，【精華篇】APP閃屏的設(shè)計門道，看完這篇文章后，會更理解下面要講的內(nèi)容。
小米商城改版跟絕大多數(shù)產(chǎn)品不一樣，市面絕大多數(shù)都是黑透明底的按鈕，但未必特別適合自營平臺產(chǎn)品。
我們團隊通過研究，結(jié)合自家產(chǎn)品的特點，做了一些差異化設(shè)計，不僅更符合產(chǎn)品調(diào)性，也非常有可能提高用戶的點擊率。
改版前小米商城的閃屏是點擊內(nèi)容區(qū)任意位置，都可以跳轉(zhuǎn)到相關(guān)的頁面。
小米商城的閃屏如果按要求，只能點擊按鈕才可以跳轉(zhuǎn)，那目前按鈕的位置在上方，用戶是不太容易操作的。
所以這次改版我們把按鈕放在下方，但是，小米商城的閃屏是一張圖適配所有分辨率手機，也就是小手機上下會切掉一部分，這就導(dǎo)致按鈕是不能直接設(shè)計在頁面上的。
現(xiàn)在唯一的辦法就是讓開發(fā)把按鈕懸浮在頁面上，并且為了用戶更容易操作，一定是放在相對靠下的位置，最終的效果就是下面這個樣子的。
按鈕距l(xiāng)ogo圖72px，這樣小手機上下切割后，按鈕的位置也能相對合理的呈現(xiàn)。
為了能夠滿足按鈕顏色能夠與主KV的色調(diào)一致，我設(shè)計了多種顏色供運營人員來配置。
當(dāng)然這些顏色并非隨意得出，而是根據(jù)近半年來閃屏主KV色彩搭配的按鈕顏色來設(shè)定的。
之所以說這樣的設(shè)計樣式會提高點擊率，就是這樣的設(shè)計樣式更突出，而且在閃屏中融入的也更好。
另外，后臺配置按鈕提供了兩種方式，一是配置按鈕，選擇按鈕顏色，然后輸入按鈕上的文字；二是把按鈕設(shè)計成一張圖片上傳，這樣可以滿足特殊樣式。
當(dāng)然這樣的設(shè)計方式只是針對小米商城的設(shè)計來說，未必適用其他產(chǎn)品。
目前很多產(chǎn)品是一個固定按鈕，從文案上就能看出“點擊跳轉(zhuǎn)詳情頁面或第三方應(yīng)用”，對內(nèi)對外的廣告這句話都包括了。
最后
喜大普奔，終于開始整頓那些無恥的設(shè)計了，作為產(chǎn)品設(shè)計者，我們真的不應(yīng)該戲耍用戶，用不道德、不正當(dāng)?shù)氖侄斡罱K傷害的是自己。
先點個“在看”，然后帶你進設(shè)計群，公眾號后臺回復(fù)“1”即可，我等你
長按下方二維碼，關(guān)注“互聯(lián)網(wǎng)設(shè)計幫”
