跳到主要内容

UI设计模式提示:跳转到部分

一旦有人开始使用您的网站或Web应用程序,他们需要知道去哪里以及如何在任何时候到达那里。如果他们无法轻松浏览您的应用程序,您很快就会丢失它们。因此,在Web应用程序中设计有效的导航至关重要。

在本系列中,Creative Bloq,Chris Bank ofUXPin用户体验设计应用程序,讨论了导航设计模式的重要性,以及当今一些最热门的网站和网络应用程序的详细示例。

有关更多示例网页设计模式,下载UXPin的免费电子书,Web UI设计模式2014

问题

用户希望快速浏览Web应用程序或内容的整个部分。

解决方案

创建一个快捷按钮或热点,将用户直接带到Web应用程序的某个部分,通常是开始或结束,但更常见的是其他特定点。

Click on the image to see a larger version

点击图片查看大图

例如,用户可以单击选项卡或按钮从任何位置滚动到页面顶部。这非常方便,特别是如果您还实现了无限滚动模式,并且随着新内容一个接一个地加载,页面可能变得非常长。

如果用户想要访问仅在页面顶部可见的控件或信息,那么在几页滚动之后返回该页面可能是一场噩梦。

Click on the image to see a larger version

点击图片查看大图

Pinterest通过在屏幕右下角显示一个不显眼的“跳到顶部”按钮解决了这个用户头痛的问题,该按钮可以立即滚动用户。

话: 克里斯班克

克里斯班克是增长的领先者UXPin一个用户体验设计应用程序,可以创建响应式交互式线框和原型。



翻译字数超限