美文网首页iDesign
设计中被忽略的细节(一)

设计中被忽略的细节(一)

作者: 黑白之间 | 来源:发表于2016-12-14 17:12 被阅读125次

    特创易官网的二级页面导航设计得很有意思,创造性的、人不知鬼不觉的干掉了面包屑!之所以用“人不知鬼不觉”这个词,是因为操作很流畅。即使面包屑没了却完全没有任何不适。要不是我对面包屑怨念这么深很关注,也不会发现的。

    改变用户已经习惯了的设计,又没让用户发现,这是多么成功的改变啊!

    背景介绍:面包屑一直被认为在网站中有重要的指示作用。但我本人特别讨厌面包屑,感觉在很重要的位置 放了一堆跟当前目标无关的内容;可是不放好像又不行,否则不方便返回。

    方案:那这个网站是怎么做到毫无违和感的干掉了面包屑的呢?来看看:

    主导航 进入二级页面首屏(以“服务分类“”的子页“”Logo/商标设计页“”为例) 二级页面第二屏及以下,当前页内容导航悬停于屏幕顶部,锚点定位

    我在浏览二级页面时,虽然滚动至第二屏时,主导航不可见了,但并没有一点不适应的感觉。因为当我进入【Logo/商标设计页】后,我只关心Logo/商标设计相关内容,这时导航上的内容刚好是我关心的。

    当我浏览完成后,想切换看看其他业务分类时,回到页面顶部,主导航又出来了,当前页面导航识趣的隐藏了。

    优点:

    1. 非常符合操作场景。 两个导航都做到了:该出现的时候,出现;该隐藏的时候,隐藏

    2. 一级页面中,主导航借鉴了移动端网页设计,页面内容滚上去后,导航消失,因为这时用户

    3. 导航出现/隐藏的动效也低调自然,完全不花哨喧宾夺主。

    美中不足

    主导航没有做选中状态,这个感觉略不舒服服。有一瞬间会疑惑现在在哪?

    后记:打算写个设计中被忽略的细节系列,因为偶尔看到一些常规功能,却用很不寻常的打破常规的设计形式来表现,很惊艳,有种在腐朽中开出花朵来的感觉。希望能坚持写下去。

    关注设计中被忽略的细节,见证平凡中开出花朵

    相关文章

      网友评论

        本文标题:设计中被忽略的细节(一)

        本文链接:https://www.haomeiwen.com/subject/fydmmttx.html