跳到主要内容

UI设计模式提示:相关内容

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

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

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

问题

如果当前内容不是他们正在寻找的内容或他们只是想要更多内容,则用户想要浏览类似的内容。

解决方案

显示类似或相关的内容,以帮助用户找到更多与他们当前正在查看的内容类似的项目。

Click the image to see a larger version

单击图像以查看更大的版本

这正成为以用户生成的内容为特色的Web应用程序的基本UI模式。它类似于建议(我们系列中的模式3)虽然不是根据用户的偏好或之前的活动定制建议,但相关内容更多的是基于它们被分类和标记的方式显示相关项目。

Click the image to see a larger version

单击图像以查看更大的版本

亚马逊,时代和纽约时报都是展示与目前正在观看的项目和故事类似的网站的很好的例子。 Media通过添加指向文章的“进一步阅读”部分的链接,允许读者建议相关内容,从而更进一步。

话: 克里斯班克

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



翻译字数超限