移动用户体验设计之列表视图与网格视图(3)

关于视图的经验法则

查看内容最有效的布局是什么?到底应该使用列表还是网格视图?正确的答案是：视情况而定。

选择列表视图与网格视图的一个关键因素是，用户需要多少信息才能在项目之间进行选择。但这意味着什么呢？这一切都回到设计的主要原则 -- 内容为王。你应该选择适合你所展示的内容类型的布局。

信息使用列表，图片使用网格

产品页面就是规则的一个很好的例子，产品的细节是非常重要的。对于像家电这样的产品，诸如型号，等级和尺寸等详细信息都是选择过程中的主要因素。因此，使用列表视图来呈现内容是最合理的。

适用于iOS的WallMart应用程序

对于需要较少产品信息或类似产品的应用程序，网格视图是个不错的选择。诸如服装之类的产品，当在产品之间进行选择时，需要考虑的文本产品信息较少，而且你可以根据产品的外观做出决定。在这个浏览过程中，用户关心商品之间的视觉差异，他们更愿意滚动页面进行商品对比，而不是在列表页面和产品详情页面之间反复切换。

MrPorter iOS应用程序

在设计这些布局的时候，选择合适的图片尺寸，使其既能够被识别，但又能为更多的产品在第一时间内被看到节约空间。

谁的用户体验效果更好？

最终，使用列表视图与网格视图的决定应该与对用户最有价值的内容保持一致。 记住，用户体验是关于人性的探究，而不仅仅停留在模式。根据用户和他们的需求，找出最适合的视图模式是非常容易的：提前建立好模拟流程，并通过少数用户进行测试。不管什么视图形式，只要让用户更高效工作的视图就是最好的！

作者：Nick Babich

地址：https://uxplanet.org/mobile-ux-design-list-view-and-grid-view-8f129b56fd5b

本文由 @Mockplus团队翻译

（编辑：ASP站长网）