本文简要介绍了两种基本的内容展示方法——列表视图和网格视图，并提供了它们的使用示例。
虽然现在大屏足机已经逐渐成为主流，但是小尺寸的足机更加方便便携。没有外置台式电脑。与这个电脑显示屏相比，脚电脑显示屏(不考虑显示屏大小)所能呈现的内容就少了很多。但是，只有当客户浏览一小部分内容时，他们才需要旋转显示屏来查看大量内容。
明天，我将简要介绍两种基本的内容呈现方式——列表视图和网格视图，并提供它们的使用示例。
列表视图和网格视图。产地:MaterialUp
列表视图
列表中的几个项目是作为一个连续的元素呈现的。它的字又厚又重，但如果不是大牌子，就是写的。列表中的新项目比图像需要更少的空间空，因此它已经可以在显示器上呈现大量的列表项目。
列表视图实例。图像来源:材料设计
内容扫描仪
该列表为客户提供了一种遵循自然接入习俗的方式，即F形接入。
Web内容的f形访问模式的示例
最好在列表中呈现类似的数据信息案例，为了访问掌握而停止恶化。列表可以在整个过程中折叠在页面中，以阻止过度旋转。消除图片(如果列表视图是一个小图标)允许您为每个显示屏分配大量选项。
具有模型扫描仪模式的列提供了一些示例。图像来源:材料设计
需要注意的是，当列表视图已经被紧急处理时，客户的注意力会从上到下增加。
决定一项计划
主要和次要客户通过访问文本内容来终止选择。
优点和缺点
与网格视图相比，列表视图有以下优点:
该列表遵循纯自然的访问方法。
该列表在整个过程中都是可见的，并且提供了大量的选项来防止它旋转过多。
但是它也有一些缺点:
视觉效果已经不堪入目，列表查看的结果也不是很有想象力。
在列表视图中，客户的注意力会从上到下增加。
控件
网格视图是限制列表视图的另一个选项。网格列表不同于用于总体规划战争的数据可视化测试的网格，网格列表由Lager的企业网格组成，是网格列表中战争的级别。
列意味着例子。图像来源:材料设计
内容扫描仪
Grid为客户提供了更具颠覆性的扫描仪布局，使其最适合视觉内容。然而，这些图像占据了一个大单位的公司房间的空房间。
具有模型扫描仪模式的网格示例。图像来源:材料设计
使用网格视图，客户的注意力可以分散到每个网格企业中。因此，网格视图可以恶化视觉效果，掌握和识别相似的数据信息案例。
客户决策方案
一级和二级客户在图像的帮助下终止他们的选择。需要注意的是，客户同时只看到了4-6个网格选项。
技术网站网格视图的一个例子。
优点和缺点
网格有以下优点:
网格视图更易消化，更醒目。
网格视图帮助客户判断新项目之间的视觉效果差异。
在网格视图中，客户的注意力分散更为平均。
但是它也有上述主要和次要的缺点:
网格视图需要创建越来越少的页面，迫使用户过多地使用旋转。
在上面的例子中，你可以看到列表视图和网格视图的区别。
一条线显示显示屏的可视单位。图像来源:nngroup
历史法规的封闭视图
检查内容最有效的整体方案是什么？我们应该使用列表视图还是网格视图？确切的谜语是:视情况而定。
从列表视图中选择网格视图的一个核心领域是，用户需要几个疑惑才能在新项目中途终止选择。但这意味着什么呢？这一切都可以追溯到思想的主要和次要原则——面向内容。你要选择适合你所呈现的内容案例的整体方案。
疑问信息利用列表，图片利用网格
材料页就是一个很好的划分规则的例子，材料关键点的长度往往很关键。像家用电器这样的物质，型号规格，等级规格，是选择过程中的主次因素。因此，使用列表视图来呈现内容是最合理的。
使用WallMartforiOS应用法式风格
对于需要较少信息或类似物质的法式风格的应用，网格视图是一个正确的选择。比如打扮等材料的选择已经终止的时候，对于需要思考的话就少了一些疑惑，可以根据材料的不雅观点来做决定。在阅读文章的过程中，客户关心的是产品之间的视觉效果差异，他们更愿意旋转页面来终止产品对比，而不是在列表页面中反复更改材料宝贝的细节。
MrPorteriOS应用法式风格。
当这些整体方案都已经构思好的时候，选择合适的图片规格，这样可以区分，但也可以为大量的物质已经在第一时间看到节省空间空。
谁的客户体验结果更强？
最终决定用列表视图取网格视图，要取对客户来说性价比最高的内容。记住，客户体验是狼一样的探索，而不仅仅是终止。根据客户的需求和要求，往往很容易找到最佳的查看方式:预先创建以下步骤，并对极少数客户的终止进行全过程测试。没有观点情境，只有让客户更有效的观点才是最好的是的！
制造商:尼克·巴比奇
地址:https://uxlanet.org/mobile-UX-设计-列表-视图-网格-视图-8F129B56FD5B
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）