Interactive Design Guide (5)

zhaozj2021-02-11  175

1 Introduction

2 overall requirements

3 mode

3.7 Data Browse and Change

Description related to data, records, increase, modify, and delete related modes.

3.7.1 Simple editing

3.7.1.1 Interpretation

Implement data browsing and editing features in a dialog.

3.7.1.2 alias

no.

3.7.1.3 Motivation

Implement browsing and editing in a dialog, mainly to prevent the pop-up editing dialog, resulting in too many dialog boxes and complex operation.

3.7.1.4 Applicability

Applicable to fewer data editing features. Because the data browsing and data editing are to be integrated, if the elements will cause the interface to be too complicated, it is not suitable.

3.7.1.5 Implementation

3.7.1.5.1 Elements

In general, this mode can be implemented based on the user interface framework of the attribute window.

The main interface part of PageControl should include two parts: First, data browsing related elements; but data editing related elements.

The data browsing section should include a view (such as a listview) for data browsing, and actions for data adding, modifying, and deleting. The data editing section should contain a set of display and editing controls for displaying each data item content in a record (such as edit box, list box, check box, radio box, etc.), and to determine modification (update) and Astigled action button.

A typical simple editing mode user interface is shown below:

3.7.1.5.2 Layout

In general, use the data editing interface on, the data browsing interface is under the layout.

3.7.1.5.3 Control

This mode is characterized by simplicity because the motivation of this mode is also to pursue the simplicity of the user interface. Because of this, the data browsing function and data editing function are available at the same time, and no switching is required.

In the data browsing view, a data record is selected, and each of the respective elements corresponding to the data record is displayed on the editing interface above. Click "Add" to add the current edited data to the browsed data view. Click "Apply" to update the relevant record content according to the content of the data editing interface.

3.7.1.5.4 Other

Others such as the title bar text, the title bar icon, location, size, alignment, focus, and keyboard responses, such as reference properties window mode.

3.7.1.6 known application

Which well-known software is available in.

3.7.1.7 Discussion

Discuss related expansion, undefined, unresolved issues, etc.

3.7.1.8 related mode

Simple Edit Mode is derived from attribute window mode, so many of the properties of the attribute window mode are still suitable for simple editing mode.

Their relationship is as follows:

3.7.2 Enhanced Editing

3.7.2.1 Interpretation

Enhancement editing is also an application mode that integrates data browsing and data editing functions, but in user interface control, it is more stringent and detailed than simple editing mode.

3.7.2.2 alias

Enhance simple editing, strengthen editing.

3.7.2.3 Motivation

That is the same as the motivation of simple editing mode, use this mode to reduce the hierarchy of the user interface. However, enhanced editing mode is more meticulous on the user interface, which is suitable for applications that are more rigorous to interface control.

3.7.2.4 Applicability

Applicable to fewer data elements, and induction.

3.7.2.5 Implementation

3.7.2.5.1 Elements

Similarly to simple editing modes, this mode can be implemented based on the user interface framework of the attribute window.

It is very similar to the interface elements and the layout and simple editing mode.

A typical enhanced edit mode user interface is shown below:

3.7.2.5.2 Control

n Browsing In Browse mode, the relevant controls of the editing interface are unavailable. When browsing different records in the data display view, the data display content of the editing interface is changed.

When a record is selected, the Edit and other operation buttons becomes available.

Click the "Edit" button to enter the edit mode.

The user interface is shown in the figure above.

N editing

In editing mode, the record line corresponding to the current editing data is marked using a significant symbol in the data view. As shown in the following figure, "*".

At this point, browsing the data in the data view will not affect the data display in the data editing interface. This is also reflecting the rigorous characteristics of this model.

Click "Cancel Editing" to return to the browse mode.

Click "Update" to save the changes, will automatically return to the browse mode after the update is successful.

The user interface of the editing mode is as follows:

3.7.2.5.3 Others

Others such as the title bar text, the title bar icon, location, size, alignment, focus, and keyboard responses, such as reference properties window mode.

3.7.2.6 known application

A simplified version of this mode is applied in the New Contact dialog box of Microsoft Outlook® software. The application's data editing related controls are available all the time, and it is not used as a data display control when browsing.

The user interface in the browsing mode is shown below:

The user interface when in data editing mode is shown below:

3.7.2.7 Discussion

Whether the simplified version of the pattern should be used, and should depend on how much the data elements you want to edit.

3.7.2.8 related mode

Enhanced Edit Mode is derived from the property window mode, so many of the properties of the attribute window mode are still suitable for enhanced edit mode.

Their relationship is as follows:

3.7.3 dialog editing

Such as complex applications.

3.7.3.1 Interpretation

Brief description meanings.

3.7.3.2 alias

Other names.

3.7.3.3 Motivation

The reason for this mode, that is, what is demand.

3.7.3.4 Applicability

Invasive applications.

3.7.3.5 Implementation

To implement the steps, points, and precautions for this mode.

Can include:

Elements, text, location, size, alignment, focus, response, etc.

N browsing

N Add

N delete

N editing

3.7.3.6 known apps

Which well-known software is available in.

3.7.3.7 Discussion

Discuss related expansion, undefined, unresolved issues, etc.

3.7.3.8 Related mode

Enhanced Edit Mode is derived from the property window mode, so many of the properties of the attribute window mode are still suitable for enhanced edit mode.

Their relationship is as follows:

3.7.4 Single creation

Such as the account management of Windows2000.

3.7.4.1 Interpretation

Brief description meanings.

3.7.4.2 alias

Other names.

3.7.4.3 Motivation

The reason for this mode, that is, what is demand.

3.7.4.4 Applicability

Invasive applications.

3.7.4.5 Implementation

To implement the steps, points, and precautions for this mode.

Can include:

Elements, text, location, size, alignment, focus, response, etc.

3.7.4.6 known application

Which well-known software is available in.

3.7.4.7 Discussion

Discuss related expansion, undefined, unresolved issues, etc.

3.7.4.8 related mode

Which modes are dependent on which mode is related.

4 appendix

4.1 Mode Framework

4.1.1 Interpretation

Brief description meanings.

4.1.2 Other names of the alias.

4.1.3 Motivation

The reason for this mode, that is, what is demand.

4.1.4 Applicability

Invasive applications.

4.1.5 Implementation

To implement the steps, points, and precautions for this mode.

Can include:

Elements, text, location, size, alignment, focus, response, etc.

4.1.6 known application

Which well-known software is available in.

4.1.7 Discussion

Discuss related expansion, undefined, unresolved issues, etc.

4.1.8 related mode

Which modes are dependent on which mode is related.

4.2 Others

Culture

转载请注明原文地址:https://www.9cbs.com/read-5311.html

New Post(0)