加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

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

发布时间:2018-02-01 04:13:39 所属栏目:建站 来源:产品100
导读:副问题#e# 尽量大屏幕手机已逐渐成为当下主流趋势,可是小尺寸的手机越发利便和便携。不外与台式机和条记本电脑屏幕对比,手机屏幕(无论屏幕巨细)所能泛起的内容要少得多。凡是用户只能预览一小部门内容,必要转动屏幕才气查察更多内容。 本日,我将概述

网格视图

网格视图是尺度列表视图的另一种选择。网格列表与用于机关和其他可视化演示的网格差异,网格列表由网格列表中垂直和程度分列的单位格构成。

移动用户体验打算之列表视图与网格视图

网格列暗示例。    图片来历:Material Design

内容扫描

网格视图为用户提供了更具间断性的扫描名目,使其最合用于视觉内容。凡是,这些图像占有了大部门的单位格空间。

移动用户体验打算之列表视图与网格视图

具有典范扫描模式的网格示例。    图片来历:Material Design

行使网格视图,用户的留意力可以或许在每个网格单位之间漫衍地更匀称。因此,网格视图可以优化视觉领略和区分相似的数据范例。

用户决定

用户首要依赖图像举办选择。这里必要留意的是用户在统一时候只能看到4- 6 个网格选项。

移动用户体验打算之列表视图与网格视图

电子商务网站的网格视图示例。

利益和弱点

网格视图有以下利益:

  • 网格视图更吸引眼球 。

  • 网格视图辅佐用户判定项目之间的视觉差别。

  • 在网格视图中,用户的留意力漫衍越发匀称。

但它也有下面的首要弱点:

  •  网格视图必要建设更长的页面,迫行使户太过行使转动。

在下面的示例中,你可以看到列表视图和网格视图之间的区别。

移动用户体验打算之列表视图与网格视图

红线表现屏幕的可见部门。    图片来历: nngroup

(编辑:湖南网)

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

热点阅读