特创易官网的二级页面导航设计得很有意思,创造性的、人不知鬼不觉的干掉了面包屑!之所以用“人不知鬼不觉”这个词,是因为操作很流畅。即使面包屑没了却完全没有任何不适。要不是我对面包屑怨念这么深很关注,也不会发现的。
改变用户已经习惯了的设计,又没让用户发现,这是多么成功的改变啊!
背景介绍:面包屑一直被认为在网站中有重要的指示作用。但我本人特别讨厌面包屑,感觉在很重要的位置 放了一堆跟当前目标无关的内容;可是不放好像又不行,否则不方便返回。
方案:那这个网站是怎么做到毫无违和感的干掉了面包屑的呢?来看看:
主导航 进入二级页面首屏(以“服务分类“”的子页“”Logo/商标设计页“”为例) 二级页面第二屏及以下,当前页内容导航悬停于屏幕顶部,锚点定位我在浏览二级页面时,虽然滚动至第二屏时,主导航不可见了,但并没有一点不适应的感觉。因为当我进入【Logo/商标设计页】后,我只关心Logo/商标设计相关内容,这时导航上的内容刚好是我关心的。
当我浏览完成后,想切换看看其他业务分类时,回到页面顶部,主导航又出来了,当前页面导航识趣的隐藏了。
优点:
1. 非常符合操作场景。 两个导航都做到了:该出现的时候,出现;该隐藏的时候,隐藏。
2. 一级页面中,主导航借鉴了移动端网页设计,页面内容滚上去后,导航消失,因为这时用户
3. 导航出现/隐藏的动效也低调自然,完全不花哨喧宾夺主。
美中不足:
主导航没有做选中状态,这个感觉略不舒服服。有一瞬间会疑惑现在在哪?
后记:打算写个设计中被忽略的细节系列,因为偶尔看到一些常规功能,却用很不寻常的打破常规的设计形式来表现,很惊艳,有种在腐朽中开出花朵来的感觉。希望能坚持写下去。
关注设计中被忽略的细节,见证平凡中开出花朵
网友评论