山東網站建設

山東網站製作
當前位置: 首 頁 >> 新聞中心 >> 行業新聞

不可用狀態設計:如何合理的使用“置灰”?

不可用狀態設計:如何合理的使用“置灰”?

發布日期:2018-07-12 作者: 點擊:

置灰

“置灰”是相對於“常態”而言的,代表著當前不可用。這裏的“不可用”在不同的場景下有著不同的意思:在用戶等級體係中,置灰的勳章意味著這個等級你還沒有解鎖;在卡券中心,置灰的卡券代表著這張卡券已經過期或者已使用。

為了讓大家更好的理解,我將“置灰”分為兩種。一種是“視覺置灰”,這種置灰僅限於視覺層麵,不影響用戶正常操作,就像上麵的卡券一樣,雖然已經過期,但是依然可以點擊查看詳情;另一種是“功能置灰”,直接禁用該功能,用戶不可點擊。

視覺置灰

對於任何一個設計元素或者組件,AG平台想要係統的掌握它,首先要從功能入手,弄清楚它能夠做什麽。視覺置灰在界麵設計中主要起到的是一個篩選的作用。以豆瓣和虎撲為例,如果這個帖子你已經瀏覽過了,那麽就會置灰,這樣可以篩選出用戶未讀的帖子,提高新帖的閱讀量。

在電商類的產品購買頁中,置灰意味著當前的顏色跟尺碼沒有。置灰的微信紅包說明該紅包你已經點擊過了。

在網易雲音樂中,置灰代表著當前歌曲沒有版權,無法播放。這裏篩選的維度是該歌曲是否有版權。同樣是版權原因,b站中如果該視頻沒有取得下載權限,采用的就是我下麵所說的功能置灰,直接禁用下載icon,用戶無法點擊。這種處理方法有待商榷,我覺得像網易雲一樣提供一個彈框安撫一下用戶會更好點。

上麵提到了歌曲版權的問題,這裏可以根據歌曲下載的場景做一個延伸。目前來說,歌曲付費下載已經是常態了。在酷狗音樂中,用戶點擊下載icon,彈出一個對話框,告知下載該歌曲必須要開通音樂包或者選擇單曲購買,用戶點擊進入相應的開通和購買頁。

其餘的競品都是用戶點擊下載icon,直接進入開通會員/購買單曲的頁麵,在頂部以通告欄的形式,告知用戶下載該歌曲必須要開通音樂包或者選擇單曲購買,跳過了對話框。


本文網址:http://www.heimayibanjia.com/news/499.html

關鍵詞:濟南網站優化,山東網站優化,網站優化

最近瀏覽:

  • 在線客服
  • 聯係電話
    18615652552
  • 在線留言
  • 關注AG平台
  • 在線谘詢
    歡迎給AG平台留言
    請在此輸入留言內容,AG平台會盡快與您聯係。
    姓名
    聯係人
    電話
    座機/手機號碼
    郵箱
    郵箱
    地址
    地址