避免界面设计的误区-从数据的三种状态谈界面设计

本文探讨了界面设计中常见的误区,强调了根据数据的输入、存取和输出状态采取不同设计的重要性。以工作日志界面为例,对比了两种设计,指出好的设计应针对不同状态提供适合的数据呈现形式。作者还分享了项目管理软件NPlan的多维度数据呈现方式,以展示同一数据在不同场景下的多样化设计。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

笔者曾经做过多年图形界面产品,包括开发和设计,也领悟了一些产品设计的方法论,整理出来同大家分享。
这篇文章想谈的是界面设计容易出现的一个误区。
先直接上干货,本文的观点:

观点

  1. 界面设计,本质上是解决人和数据的交互,主要就是数据的输入输出
  2. 数据在其生命期,有三种状态,“输入” - “存取” -“ 输出”
  3. 不同的状态,应该有不同的表现形式,才是最适合的
  4. 好的设计,针对不同的状态,会让数据以不同的形式呈现
  5. 而不好的设计,会混淆搭配,比如以适合存储的形式来设计输入,输入的体验就不一定最优

接下来,使用一些例子来阐述这个观点。

起因

先谈谈我是如何意识到这个问题的。
职场人有件事情天天要做 – 写工作日志。
我公司工作日志,长这样


填写步骤如下
选择“项目”,类别,描述内容(输入文字),填写工时(输入数字)
但这个过程只定义了一个工作任务,经常我们一天可能会处理不同的工作内容,这样需要再新建若干项继续这个过程。
要正常填写一天的工作内容,需要操作十几次鼠标,并穿插多次键盘切换。

天下的工作日志都这几项,这个界面看起来也没有什么大问题。不过,没有比较就没有伤害,直到我有次在客户公司见到如下的工作日志界面。


这是S公司的日志填写界面,(客户系统不能截图,仅在excel中做了一个大概的样子)

可以看到,这个界面将类别直接展开,使用一个矩阵结构来填写,一次可以填

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值