哪个具有更好的Web文章列表可读性？平铺卡片视图或列出的紧凑视图？

Question

所以，我想为我的学校网站创建一个UI设计，这是文章/学校新闻网页的一个部分，我对在平铺卡片视图之间使用或者使用感到困惑。列出紧凑视图？

多列布局 https://i.stack.imgur.com/B420r.png

单列布局 - 列表视图 https://i.stack.imgur.com/xzk6J.png

Answer 1

有时很难在单列或多列布局之间做出决定。良好的用户体验设计最重要的目标之一是，您的访问者更多地关注内容，因此请考虑您的用户及其行为。

许多设计师使用多列布局，因为它更吸引眼球，但也增加了页面上的混乱。根据统计数据，成年人在面对网站页面时需要更加冷静（一栏），但是孩子们想要玩耍和娱乐，所以这里的混乱并不是那么糟糕（多列）。

此外，这取决于您的内容。如果您想为每个项目加粗，那么单列确实更好，它可以防止用户错过点击。如果您在列表预览中有大量内容（例如图像，通知图标等），情况会更好。

如果你有没有图像和优先显示的简单项目，多列更好，因为它会降低滚动高度，你可以在一个视点中显示更多内容，例如，电子商务网站等。