這幾天對建個站系統進行了升級,相對前幾次的升級來說這次的改動是比較大的,尤其是界面,將之前的藍色主色換成了銀色,操作流程也作了大幅優化。這次改版下來,私下問了很多人,還算比較滿意。自己搞了好些年的網頁設計,做了很多東西,也有很多新的想法,一直想寫點技術流的東西與大家分享,但都找不到好的切入點,今天想到一點,也是被應用到新版建個站系統的一個方式,那就是用顏色來標識網站路徑導航。

“熱點色”

我們喜歡將需要重點突出的文字或區域加上特別的顏色,這樣就更能吸引用戶的注意,從而形成一個個的“熱點”,網頁里需要被標識為熱點的內容很多,比如標題、重要提示語等,而用戶在對網站的操作過程中形成的網站路徑狀態也同樣重要。

“網站路徑導航”

打個比方,客戶問我們的客服人員提問:“如何關閉在建個站創建的網站?”

那么在新版本沒有推出的時候,客服人員可能是這樣回答的:“請點擊左側的【系統】,在彈出的列表中點擊【基本設置】轉到基本設置頁面,然后在基本設置頁面上方點擊【開啟/關閉網站】,最后編輯相應的信息?!?/p>

這就是一個網站路徑導航,其實表達這些意思只需一個圖片:

這樣是不是很直觀?【系統】、【基本設置】、【開啟/關閉網站】用淺黃熱點標識,就能表現出整個操作路徑了。同樣這樣的應用可以覆蓋整個系統,比如:

將整個網站的hover操作都用統一的熱點顏色標識,用戶就能準確判斷出現在的操作狀態,個人覺得要比傳統的文字導航來得更直觀,來對比下另外一個版本:

這是之前版本的系統截圖,圖中紅圈部分就是文字導航,也是被廣泛使用的一種提示方式。在這種展現方式下用戶需要在固定的區域去查看自己當前的狀態,不直觀,也分散注意力。

用熱點色來標識網站路徑導航是一種很好的方式,當然這僅僅是對于后臺管理系統來說的,其他的界面環境,可能還是文字導航要更易于應用。

日本丶国产丶欧美色综合