特創(chuàng)易官網(wǎng)的二級頁面導(dǎo)航設(shè)計得很有意思访雪,創(chuàng)造性的九秀、人不知鬼不覺的干掉了面包屑遗嗽!之所以用“人不知鬼不覺”這個詞,是因為操作很流暢鼓蜒。即使面包屑沒了卻完全沒有任何不適痹换。要不是我對面包屑怨念這么深很關(guān)注,也不會發(fā)現(xiàn)的都弹。
改變用戶已經(jīng)習(xí)慣了的設(shè)計娇豫,又沒讓用戶發(fā)現(xiàn),這是多么成功的改變俺┫帷冯痢!
背景介紹:面包屑一直被認(rèn)為在網(wǎng)站中有重要的指示作用。但我本人特別討厭面包屑或详,感覺在很重要的位置 放了一堆跟當(dāng)前目標(biāo)無關(guān)的內(nèi)容系羞;可是不放好像又不行,否則不方便返回霸琴。
方案:那這個網(wǎng)站是怎么做到毫無違和感的干掉了面包屑的呢椒振?來看看:
我在瀏覽二級頁面時澎迎,雖然滾動至第二屏?xí)r,主導(dǎo)航不可見了选调,但并沒有一點不適應(yīng)的感覺夹供。因為當(dāng)我進(jìn)入【Logo/商標(biāo)設(shè)計頁】后,我只關(guān)心Logo/商標(biāo)設(shè)計相關(guān)內(nèi)容仁堪,這時導(dǎo)航上的內(nèi)容剛好是我關(guān)心的哮洽。
當(dāng)我瀏覽完成后,想切換看看其他業(yè)務(wù)分類時弦聂,回到頁面頂部鸟辅,主導(dǎo)航又出來了,當(dāng)前頁面導(dǎo)航識趣的隱藏了莺葫。
優(yōu)點:
1. 非常符合操作場景匪凉。 兩個導(dǎo)航都做到了:該出現(xiàn)的時候,出現(xiàn)捺檬;該隱藏的時候再层,隱藏。
2. 一級頁面中,主導(dǎo)航借鑒了移動端網(wǎng)頁設(shè)計聂受,頁面內(nèi)容滾上去后蒿秦,導(dǎo)航消失,因為這時用戶
3. 導(dǎo)航出現(xiàn)/隱藏的動效也低調(diào)自然蛋济,完全不花哨喧賓奪主渤早。
美中不足:
主導(dǎo)航?jīng)]有做選中狀態(tài),這個感覺略不舒服服瘫俊。有一瞬間會疑惑現(xiàn)在在哪鹊杖?
后記:打算寫個設(shè)計中被忽略的細(xì)節(jié)系列,因為偶爾看到一些常規(guī)功能扛芽,卻用很不尋常的打破常規(guī)的設(shè)計形式來表現(xiàn)骂蓖,很驚艷,有種在腐朽中開出花朵來的感覺川尖。希望能堅持寫下去登下。
關(guān)注設(shè)計中被忽略的細(xì)節(jié),見證平凡中開出花朵