交互设计指南(五)

交互设计好商机 专栏收录该内容
7 篇文章 0 订阅

1       前言

2       总体要求

3       模式

3.7   数据浏览和更改

专门描述有关数据、记录的显示、增加、修改和删除的相关模式。

3.7.1                简单编辑

3.7.1.1             释义

在一个对话框中实现数据的浏览和编辑功能。

3.7.1.2             别名

无。

3.7.1.3             动机

在一个对话框中实现浏览和编辑,主要是为了防止弹出单独的编辑对话框,导致对话框层次过多,操作复杂。

3.7.1.4             适用性

适用于数据编辑要素较少的场合。因为要把数据浏览和数据编辑整合在一起,如果要素太多将导致界面太过繁杂,就不太适用。

3.7.1.5             实现

3.7.1.5.1       要素

一般而言,该模式可基于属性窗口的用户界面框架来实现。

PageControl的主体界面部分应当包含两部分内容:一是数据浏览相关要素;而是数据编辑相关要素。

数据浏览部分应当包含一个用于数据浏览的视图(如ListView),以及用于数据增加、修改、删除的动作按钮。数据编辑部分应当包含一组用于显示一个记录中各个数据项内容的显示和编辑控件(如编辑框、列表框、勾选框、单选框等等),以及用于确定修改(更新)和放弃修改的动作按钮。

典型的简单编辑模式用户界面如下图:

3.7.1.5.2       布局

一般而言,使用数据编辑界面在上,数据浏览界面在下的布局。

3.7.1.5.3       控制

该模式的特点是简单,因为该模式的动机也是为了追求用户界面的简洁。也正因为此,所以数据浏览功能和数据编辑功能是同时提供,不需要进行切换。

在数据浏览视图中选中一个数据记录,则该数据记录对应的各个要素马上显示在上方的编辑界面上。点击“添加”,就将当前编辑的数据添加到浏览的数据视图中。点击“应用”,则根据数据编辑界面的内容更新相关记录内容。

3.7.1.5.4       其他

其他如标题栏文字、标题栏图标、位置、大小、对齐、焦点以及键盘响应等内容参照属性窗口模式。

3.7.1.6             已知应用

在哪些知名软件中有应用。

3.7.1.7             讨论

讨论相关扩展、未确定、未解决的问题等。

3.7.1.8             相关模式

简单编辑模式从属性窗口模式派生而来,因此属性窗口模式的许多特性依然适用于简单编辑模式。

它们的关系如下图:

3.7.2                增强编辑

3.7.2.1             释义

增强编辑也是将数据浏览和数据编辑功能整合在一起的应用模式,但在用户界面控制上比起简单编辑模式要更严格、更细致。

3.7.2.2             别名

增强简单编辑、加强编辑。

3.7.2.3             动机

与简单编辑模式的动机相同,使用此模式也是为了减少用户界面的层次。但增强编辑模式在用户界面的控制上更加细致,适用于对界面控制要求比较严谨的场合。

3.7.2.4             适用性

适用于数据元素较少、且归纳使用的场合。

3.7.2.5             实现

3.7.2.5.1       要素

与简单编辑模式相同,该模式可基于属性窗口的用户界面框架来实现。

有关界面要素、布局与简单编辑模式非常类似。

典型的增强编辑模式用户界面如下图:

3.7.2.5.2       控制

n         浏览

在浏览模式下,编辑界面的相关控件都处于不可用状态。当数据显示视图中浏览到不同的记录时,编辑界面的数据显示内容随之改变。

       当选中某个记录时,“编辑”和其他操作按钮均变为可用状态。

       点击“编辑”按钮,进入编辑模式。

       用户界面如上图所示。

n         编辑

编辑模式下,当前编辑数据所对应的记录行在数据视图中使用明显的符号进行标记。如下图中的“*(星号)

       此时,在数据视图中浏览数据将不会影响数据编辑界面中的数据显示。这也正体现了该模式严谨的特点。

       点击“取消编辑”将回到浏览模式下。

       点击“更新”保存所作的更改,更新成功后将自动回到浏览模式下。

       编辑模式的用户界面如下图:

3.7.2.5.3       其他

其他如标题栏文字、标题栏图标、位置、大小、对齐、焦点以及键盘响应等内容参照属性窗口模式。

3.7.2.6             已知应用

在微软Outlook®软件的通讯簿管理模块的新增联系人对话框中应用了此模式的一个简化版本。该应用的数据编辑相关控件一直可用,并且在浏览时不用作数据显示控件。

       处于浏览模式时的用户界面如下图所示:

       处于数据编辑模式时的用户界面如下图:

3.7.2.7             讨论

是否应该使用模式的简化版本,应当取决于要编辑的数据要素的多少。

3.7.2.8             相关模式

增强编辑模式从属性窗口模式派生而来,因此属性窗口模式的许多特性依然适用于增强编辑模式。

它们的关系如下图:

3.7.3                对话框编辑

如复杂应用。

3.7.3.1             释义

简述模式的含义。

3.7.3.2             别名

其他名称。

3.7.3.3             动机

产生此模式的原因,即需求是什么。

3.7.3.4             适用性

归纳使用的场合。

3.7.3.5             实现

实现此模式的步骤、要点以及注意事项。

可包括:

要素、文字、位置、大小、对齐、焦点、响应等等。

n         浏览

 

n         添加

 

n         删除

n         编辑

 

3.7.3.6             已知应用

在哪些知名软件中有应用。

3.7.3.7             讨论

讨论相关扩展、未确定、未解决的问题等。

3.7.3.8             相关模式

增强编辑模式从属性窗口模式派生而来,因此属性窗口模式的许多特性依然适用于增强编辑模式。

它们的关系如下图:

3.7.4              单一创建

windows2000的账号管理。

3.7.4.1             释义

简述模式的含义。

3.7.4.2             别名

其他名称。

3.7.4.3             动机

产生此模式的原因,即需求是什么。

3.7.4.4             适用性

归纳使用的场合。

3.7.4.5             实现

实现此模式的步骤、要点以及注意事项。

可包括:

要素、文字、位置、大小、对齐、焦点、响应等等。

3.7.4.6             已知应用

在哪些知名软件中有应用。

3.7.4.7             讨论

讨论相关扩展、未确定、未解决的问题等。

3.7.4.8             相关模式

依赖于哪些模式、与哪些模式有关。

4       附录

4.1   模式框架

4.1.1                释义

简述模式的含义。

4.1.2                别名

其他名称。

4.1.3                动机

产生此模式的原因,即需求是什么。

4.1.4                适用性

归纳使用的场合。

4.1.5                实现

实现此模式的步骤、要点以及注意事项。

可包括:

要素、文字、位置、大小、对齐、焦点、响应等等。

4.1.6                已知应用

在哪些知名软件中有应用。

4.1.7                讨论

讨论相关扩展、未确定、未解决的问题等。

4.1.8                相关模式

依赖于哪些模式、与哪些模式有关。

4.2   其他

 

[文终]

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值