6 【产品设计】界面设计方法：界面与组件的概念( 三 ) _界面设计

图5 组件的接口示意图
1、接口的分类
将设置在”工程预算”窗体上具有的功能按照使用目的分成三种类型，称之为IPO，各个字母代表分别代表的含义是
1 ) 数据的输入(I) / 输出(O)2 ) 数据的处理（P）
用接口的方式将各类操作界面数据的功能与窗体进行关联，关联后这些功能可以支持处理窗体内部的数据，从功能的作用上可以将它们分为三个类型：
2、接口与外部功能的关系
有了上述的“工程预算”窗口功能模型，下面将窗口上的功能通过接口与外部系统关联起来形成了一个完整的窗体接口模型，参见图6 。
图6 组件接口模型示意图
通过这个示意模型，从应用设计的视角上对一个组件的窗体与外部都有哪些关联有了一个基本的认知，有了这个模型作参考，需要哪些功能就接入相关的控件和支持数据/规则，不需要时就可以从接口上分离。由此也可以理解了按照工程化的方法进行软件设计的方式：先设计小零件 → 由小零件组装成1个功能控件 → 连接到接口上，以此类推地，逐步地完成整个信息系统的设计。
3、接口与外部数据的关系
下面再将“工程预算”引用的外部数据源进行关联，参见图7，它是一个“工程预算”窗体实际的数据规划设计图，可以看出这个编制预算的功能是需要连接很多的数据（包括基础数据）、操作功能（控件）做支持才能完成。
图7 组件接口规划（预算编制）
这个示意图就显示了一个完整的业务处理功能，其在应用设计时不是被做成了一个固化的整体功能模块，而是用接口连接完成这个业务处理所需要的控件和数据，这样的设计方式可以保证该组件在实际的运行过程中不论发生什么样的变化，都可以通过接口的连接与分离快速地响应需求，这就是通常所说的模块化设计和模块化运用的效果。
三、小结
界面设计，是组件设计的核心部分，这个设计是通过在界面上表达业务功能、应用功能，并通过这两者的完美结合给用户带来信息化价值。
扩展说明：
为什么要将界面设计拆分、组合呢？因为通过将调研的功能需求进行拆分，形成4个标准业务功能，再将功能拆分为不同的控件，让控件的组合形成窗体、窗体的组合形成组件等一系列的标准化作业，这就为采用“少代码、无代码”的配置开发方式奠定了基础。
可以看出，这样的工作不是一般的需求工程师可以完成的，也不是纯粹的程序员可以做到的，一定是具有一定的业务知识、抽提建模能力的、同时具有技术开发背景的工程师才能完成的。
总结