特創易官網的二級頁面導航設計得很有意思,創造性的、人不知鬼不覺的干掉了面包屑!之所以用“人不知鬼不覺”這個詞,是因為操作很流暢。即使面包屑沒了卻完全沒有任何不適。要不是我對面包屑怨念這么深很關注,也不會發現的。
改變用戶已經習慣了的設計,又沒讓用戶發現,這是多么成功的改變啊!
背景介紹:面包屑一直被認為在網站中有重要的指示作用。但我本人特別討厭面包屑,感覺在很重要的位置 放了一堆跟當前目標無關的內容;可是不放好像又不行,否則不方便返回。
方案:那這個網站是怎么做到毫無違和感的干掉了面包屑的呢?來看看:
主導航
進入二級頁面首屏(以“服務分類“”的子頁“”Logo/商標設計頁“”為例)
二級頁面第二屏及以下,當前頁內容導航懸停于屏幕頂部,錨點定位
我在瀏覽二級頁面時,雖然滾動至第二屏時,主導航不可見了,但并沒有一點不適應的感覺。因為當我進入【Logo/商標設計頁】后,我只關心Logo/商標設計相關內容,這時導航上的內容剛好是我關心的。
當我瀏覽完成后,想切換看看其他業務分類時,回到頁面頂部,主導航又出來了,當前頁面導航識趣的隱藏了。
優點:
1. 非常符合操作場景。 兩個導航都做到了:該出現的時候,出現;該隱藏的時候,隱藏。
2. 一級頁面中,主導航借鑒了移動端網頁設計,頁面內容滾上去后,導航消失,因為這時用戶
3. 導航出現/隱藏的動效也低調自然,完全不花哨喧賓奪主。
美中不足:
主導航沒有做選中狀態,這個感覺略不舒服服。有一瞬間會疑惑現在在哪?
后記:打算寫個設計中被忽略的細節系列,因為偶爾看到一些常規功能,卻用很不尋常的打破常規的設計形式來表現,很驚艷,有種在腐朽中開出花朵來的感覺。希望能堅持寫下去。
關注設計中被忽略的細節,見證平凡中開出花朵