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

尽量大屏幕手机已逐渐成为当下主流趋势，可是小尺寸的手机越发利便和便携。不外与台式机和条记本电脑屏幕对比，手机屏幕（无论屏幕巨细）所能泛起的内容要少得多。凡是用户只能预览一小部门内容，必要转动屏幕才气查察更多内容。

本日，我将概述两种根基的内容泛起模式 - 列表视图和网格视图，并为两者提供了行使案例。

列表视图和网格视图。    来历： MaterialUp

列表视图

列表将多个行项作为一个持续的元素垂直地泛起。它的文本较为沉重，并且凡是只有很小的图标和文本。列表视图项目所需的垂直空间比图像要少，因此它可以在屏幕上表现更多的列表项。

列表视图示例。    图片来历：Material Design

内容扫描

列表视图为用户提供了一种遵循天然阅读风俗的模式，即F形阅读模式。

Web内容的F形阅读模式示例

列表最得当泛起同类数据范例，并为阅读领略举办了优化。列表视图可以通过收缩页面来停止太多的转动。解除图片（列表视图只有小图标）可以让你在每个屏幕上安排更多的选项。

具有典范扫描模式的列暗示例。    图片来历：Material Design

必要留意的是，在处理赏罚列表视图时，用户的留意力会从上到下递减。

决定

用户首要依靠于阅读文本内容来举办选择。

利益和弱点

与网格视图对比，列表视图具有以下利益：

• 列表视图遵循天然的阅读模式。

• 列表视图通过在可见地区提供更多选项来防备太过转动。

可是它也有一些弱点：

• 在视觉外面方面，列表视图的结果不是很抱负。

• 在列表视图中，用户的留意力会从上到下递减。

（编辑：河北网）

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