原型设计中展示数据的“行模式”与“列模式”的选择

在原型设计中的一点点思考与总结：

界面中操作数据“行模式”还是“列模式”，所谓“行模式”即将被操作的对象每个作为一行，而“列模式“则将被操作的每个数据作为一个列，在设计时，需要考虑数据的数量以及由此可能带来的交互上的影响。通常情况下，应该将被操作的数据对象放在行上，例如，数据较多时，肯定“行模式”在交互上更有效率，因为上下滚屏肯定比左右滚屏效率要高。

示例：

以一个数据表格为例，当我们要操作数据时，应该采用“行模式”，这样在数据记录数量非常多时，通过上下滚屏可以很容易的查看数据；
而当我们要操作表格的表头数据时，即表格的元数据时，则不应该再采用和修改数据时相同的模式，而应该采用已“元数据”作为操作对象的“行模式”。

假设我们要展示一个数据集中的内容，此时“记录”是被观察对象，“记录”应该放在行上，如下所示：

而当我们想要修改这个数据集的列名时，此时各个“列名”是被操作对象，应该将“列名”放在行上，如下所示：

反例：

上述给出的是dataiku产品中的相关截图，如下为一个反例，在列名的修改交互中，采用了和查看数据一样的方式，带来如下两个问题：
1、当列数较多时，需要水平滚动，操作效率不如垂直滚屏高
2、显示数据，带来的好处时用户可以更好的了解每个列中存储数据的内容，相当于为列的命名提供了辅助参考内容，但问题是，同时由于屏幕中充斥了太多的数据，而该场景下用户的心理模型一般是“浏览数据”，而不是修改结构信息，会有一定的冲突。

原型设计中展示数据的“行模式”与“列模式”的选择相关推荐

聊聊产品经理原型设计中的 “道术器”
作为产品经理,在原型设计过程中,掌握其中的"道术器",对于高阶产品发展有着潜移默化的帮助. 本文以摹客为例,聊聊产品经理原型设计中的 "道术器",希望对你有所启 ...
数字时代下表单产品设计中的数据研究
导语:伴随着各行各业和人们生产生活中出现的数据化转型趋势,数据设计显得愈发重要.这篇文章主要讨论了数据的概念.分类,以及数据与指标的关系,在表单产品中数据设计的注意事项.推荐对表单设计感兴趣的同学阅读 ...
C# 设置Excel数据自适应行高、列宽的2种情况
Excel表格中,由于各种数据的复杂性,可能存在单元格中的数据字号大小.数据内容长度不一而出现,列宽过宽.过窄或者行高过大.过小的问题.常见的解决方法是调整行高.列宽.在Microsoft Excel ...
BODY background=自适应大小_C# 设置Excel数据自适应行高、列宽的2种情况
Excel表格中,由于各种数据的复杂性,可能存在单元格中的数据字号大小.数据内容长度不一而出现列宽过宽.过窄或者行高过大.过小的问题.常见的解决方法是调整行高.列宽.在Microsoft Excel中 ...
html设置表格行高和列宽,怎么在腾讯文档中设置表格的行高和列宽
摘要腾兴网为您分享:怎么在腾讯文档中设置表格的行高和列宽,云集,虚拟机,我的世界,卫星云图等软件知识,以及cad2009,kmp,mt4,usb转串口驱动,wifi吸粉,csgo动态组名,亿方云,单 ...
Java黑皮书课后题第8章：*8.13（定位最大的元素）编写下面的方法，返回二维数组中最大元素的位置。返回值是包含两个元素的一维数组，这两个元素表示二维数组中最大元素的行下标和列下标
*8.13(定位最大的元素)编写下面的方法,返回二维数组中最大元素的位置.返回值是包含两个元素的一维数组,这两个元素表示二维数组中最大元素的行下标和列下标题目题目描述与运行示例破题代码题目 ...
axure设计出的原型打开自动跳转的问题_Axure原型设计中你不得不知道的技巧（二）...
上篇讲了控件的使用技巧,相信读者还记忆犹新,这里再跟大家回顾下,控件使用技巧:1.滚动显示动态面板内容 2.如何画折线 3.整块的点击效果 4.输入框加上提示文字 5.连接流程图 6.优化导入图像.这 ...
AXURE在原型设计中的应用
http://uedc.163.com/2248.html 前言什么是原型呢? 产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块.元素进行粗放式的排版和布局,深入一些, ...
从 0 到 1，高校“王者”手把手教你做原型设计中最靓的崽
嗨,欢迎来到<摹客互联网工坊>第一期~ 前不久,小摹联手南京艺术学院工业设计学院交互系,推出了"摹客互联网工坊"活动,给高校的莘莘学子们带去了数节线上视频课程,取得了不 ...

原型设计中展示数据的“行模式”与“列模式”的选择

原型设计中展示数据的“行模式”与“列模式”的选择相关推荐

最新文章

热门文章