置灰,是一個網(wǎng)站設(shè)計術(shù)語。表面上的意思是說將網(wǎng)頁元素,或者文字、或圖片、或視頻資料以灰色呈現(xiàn);在網(wǎng)頁設(shè)計中,置灰值得是將用灰色色彩呈現(xiàn)部分網(wǎng)站內(nèi)容,以提醒用戶功能、內(nèi)容的不可用。
如上說法,可能有點過于專業(yè),不容易理解。方維網(wǎng)絡(luò)舉一個簡單的例子,就能說清楚什么是置灰。
在上網(wǎng)的時候,我們經(jīng)常會看到很多網(wǎng)站打不開,可能出現(xiàn)404頁面,如下如所示:
![商城404](/upload/editor/img/1531793396.jpg)
在網(wǎng)頁設(shè)計的術(shù)語中,這就是置灰設(shè)計,整體的頁面呈“灰色狀”。
隨著網(wǎng)頁設(shè)計的發(fā)展,置灰這一設(shè)計也有一些小創(chuàng)新,并且部分圍繞置灰進行的設(shè)計創(chuàng)新,被業(yè)內(nèi)和業(yè)外的人一直肯定,可以我們常見的。方維網(wǎng)絡(luò)提出這樣一個觀點:在網(wǎng)頁設(shè)計中圍繞置灰進行的一些創(chuàng)新,是可以將其引入到“商城建設(shè)和商城設(shè)計”之中的,方維網(wǎng)絡(luò)將會圍繞這一觀點進行分析。
一、最常見的置灰設(shè)計創(chuàng)新
(一)404頁面置灰創(chuàng)新
在很長時間內(nèi),如果無法打開網(wǎng)頁,會出現(xiàn)404頁面。最先進行404頁面創(chuàng)新的是一些門戶網(wǎng)站,他們在404頁面呈現(xiàn)“公益廣告”,包括兒童走失廣告、尋親廣告等等,在利用了閑置的網(wǎng)絡(luò)資源的同時,也會將用戶引導(dǎo)到公益頁面。
方維網(wǎng)絡(luò)將這種置灰創(chuàng)新稱之為“置灰跳轉(zhuǎn)創(chuàng)新”,就是將用戶從置灰頁面引導(dǎo)到其它頁面。
(二)移動媒體標(biāo)題置灰創(chuàng)新
在使用移動媒體的時候,包括今日頭條、鳳凰新聞、騰訊新聞等,閱讀過的文章,其標(biāo)題呈現(xiàn)“灰色”。這一小創(chuàng)新一方面避免用戶打開已經(jīng)閱讀過的頁面,另一方面也對用戶瀏覽歷史進行提醒,是提升用戶體驗的小創(chuàng)新。方維網(wǎng)絡(luò)將這種小創(chuàng)新稱之為“置灰已讀創(chuàng)新”。
(三)移動支付狀態(tài)置灰創(chuàng)新
在使用微信發(fā)紅包的時候,已經(jīng)被對方領(lǐng)了的紅包,呈現(xiàn)“灰色”,而沒有被領(lǐng)用的紅包,仍然是紅色。這也是一種置灰創(chuàng)新。方面用戶對紅包是否領(lǐng)用的狀態(tài)進行查詢。方維網(wǎng)絡(luò)將其稱之為“置灰支付狀態(tài)創(chuàng)新”。
如上三種,在用戶最常見的,也最容易理解的“置灰創(chuàng)新”案例,方維網(wǎng)絡(luò)認(rèn)為,如上三種創(chuàng)新是可以引入到商城設(shè)計之中的。
二、置灰設(shè)計創(chuàng)新引入商城設(shè)計
(一)“置灰跳轉(zhuǎn)創(chuàng)新”引入購買流程設(shè)計
在使用網(wǎng)上商城的時候,當(dāng)我們點擊某一商品,進入頁面之后,在購買的時候,因為庫存或者其他的原因,無法購買。方維網(wǎng)絡(luò)認(rèn)為,此時是可以嘗試引入“置灰條狀創(chuàng)新”,當(dāng)無法購買的時候,可以跳出頁面,引導(dǎo)用戶購買相似、相近的商品,提高用戶的留存率。
(二)“置灰已讀創(chuàng)新”引入商品瀏覽頁面設(shè)計
包括淘寶、京東在內(nèi),瀏覽過的商品,與沒有瀏覽過的商品,在視覺上是一樣的。方維網(wǎng)絡(luò)認(rèn)為,如果是瀏覽過的商品,可以引入“置灰已讀創(chuàng)新”,以灰色顯示圖片或者文字,可以提醒用戶無需再次點擊進去,提高用戶的購買效率和體驗。
(三)“置灰支付狀態(tài)創(chuàng)新”引入商城購物車設(shè)計
購物車設(shè)計是商城設(shè)計中非常重要的一環(huán),因為很多中途離開都是因為購物車設(shè)計的不夠合理。方維網(wǎng)絡(luò)認(rèn)為,可以在購物車設(shè)計中加入“置灰創(chuàng)新”,例如對于未結(jié)算但是仍在購物車之內(nèi)的商品,亦或是重復(fù)購買的商品,可以進行置灰,以提醒用戶。