数据,界面,循环 – 前言

这会是一个系列文章,主要讲述在小型Web站点的设计与开发过程中,数据与界面之间如何相辅相承、相互影响。其中绝大部分内容(超过95%)来自于个人的观点,不尽正确,甚至可能和现有业界的部分观点存在着冲突和矛盾。

在我看来,对于一个小型的Web站点或者应用而言,界面是大门,而数据是核心,现有互联网上90%以上的小型Web应用都是以数据为驱动的。在这一类的应用中,数据与界面之间趋于一种不可隔离的状态,其主要体现在以下两点:

  • 界面的作用是展现、修改数据,很少存在与数据无关的重业务型的界面。
  • 任何数据,最终都需要通过界面才可以与用户进行交互,独立的数据没有太多意义。

因为数据与界面间紧密的关系,往往对于一个应用的设计,会采用两种方案进行设计:

  • 自顶向下的设计方式,首先导出界面的框架,进而产生设计原型、交互原型,最终从界面上提取数据及数据间的关系,进而产生数据模型。
  • 自底向上的设计方式,首先进行数据的建模,进而针对各个数据项进行CRUD等界面的设计。

事实上,这两种方法完全可以在一次设计过程中同时采用,并且在整个应用的生命周期中通过一种循环的形式不断相互影响、相互改进:

如上图所示,数据和界面之间的相互影响最终形成一个环,对界面的设计能够导出数据的模型,同时对数据的建模可以指导界面的设计。

在应用的开发周期中,形成一个自闭合的环型有着不少好处,不但环型建立并开始运转,就将是一个主动的推进过程,生生不息,不断进化。

因此这个系列的文章,希望从个人尚不成熟的经验出发,分以下几块介绍关于这个“环”的一些细节:

  1. 我是如何进行数据建模的
  2. 数据模型如何影响界面的设计
  3. 我是如何进行界面设计的
  4. 界面设计如何影响数据的模型