我最近在梳理產(chǎn)品報(bào)錯(cuò)場(chǎng)景的過(guò)程中，發(fā)現(xiàn)“置灰”狀態(tài)的使用可以有效的提升報(bào)錯(cuò)場(chǎng)景中的用戶體驗(yàn)。本篇文章就向大家簡(jiǎn)單分析一下如何合理的使用“置灰”。
“置灰”是相對(duì)于“常態(tài)”而言的，代表著當(dāng)前不可用。這里的“不可用”在不同的場(chǎng)景下有著不同的意思：在用戶等級(jí)體系中，置灰的勛章意味著這個(gè)等級(jí)你還沒(méi)有解鎖；在卡券中心，置灰的卡券代表著這張卡券已經(jīng)過(guò)期或者已使用。
為了讓大家更好的理解，我將“置灰”分為兩種。一種是“視覺(jué)置灰”，這種置灰僅限于視覺(jué)層面，不影響用戶正常操作,就像上面的卡券一樣，雖然已經(jīng)過(guò)期，但是依然可以點(diǎn)擊查看詳情；另一種是“功能置灰”，直接禁用該功能，用戶不可點(diǎn)擊。
對(duì)于任何一個(gè)設(shè)計(jì)元素或者組件，我們想要系統(tǒng)的掌握它，首先要從功能入手，弄清楚它能夠做什么。視覺(jué)置灰在界面設(shè)計(jì)中主要起到的是一個(gè)篩選的作用。以豆瓣和虎撲為例，如果這個(gè)帖子你已經(jīng)瀏覽過(guò)了，那么就會(huì)置灰，這樣可以篩選出用戶未讀的帖子，提高新帖的閱讀量。
在電商類(lèi)的產(chǎn)品購(gòu)買(mǎi)頁(yè)中，置灰意味著當(dāng)前的顏色跟尺碼沒(méi)有。置灰的微信紅包說(shuō)明該紅包你已經(jīng)點(diǎn)擊過(guò)了。
在網(wǎng)易云音樂(lè)中，置灰代表著當(dāng)前歌曲沒(méi)有版權(quán)，無(wú)法播放。這里篩選的維度是該歌曲是否有版權(quán)。同樣是版權(quán)原因，b站中如果該視頻沒(méi)有取得下載權(quán)限，采用的就是我下面所說(shuō)的功能置灰，直接禁用下載icon，用戶無(wú)法點(diǎn)擊。這種處理方法有待商榷，我覺(jué)得像網(wǎng)易云一樣提供一個(gè)彈框安撫一下用戶會(huì)更好點(diǎn)。
上面提到了歌曲版權(quán)的問(wèn)題，這里可以根據(jù)歌曲下載的場(chǎng)景做一個(gè)延伸。目前來(lái)說(shuō)，歌曲付費(fèi)下載已經(jīng)是常態(tài)了。在酷狗音樂(lè)中，用戶點(diǎn)擊下載icon，彈出一個(gè)對(duì)話框，告知下載該歌曲必須要開(kāi)通音樂(lè)包或者選擇單曲購(gòu)買(mǎi)，用戶點(diǎn)擊進(jìn)入相應(yīng)的開(kāi)通和購(gòu)買(mǎi)頁(yè)。
其余的競(jìng)品都是用戶點(diǎn)擊下載icon，直接進(jìn)入開(kāi)通會(huì)員/購(gòu)買(mǎi)單曲的頁(yè)面，在頂部以通告欄的形式，告知用戶下載該歌曲必須要開(kāi)通音樂(lè)包或者選擇單曲購(gòu)買(mǎi)，跳過(guò)了對(duì)話框。
QQ客服