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

关于视图的经验法则

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

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

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

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

适用于iOS的WallMart应用程序

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

MrPorter iOS应用程序

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

谁的用户体验效果更好？

（编辑：常州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!