Introduction: multimedia courseware Interface Design Scheme

11:12:53 +
The Visual Teaching of Media Courseware in the form of images, texts, sounds, and images makes up for the shortcomings of traditional teaching in terms of intuition, stereoscopy, and dynamic perception. To design a good multimedia courseware
In addition to the preparation and collection of various materials, we also need to design a comfortable and convenient operating environment for the user, which is the interface design. The interface serves as a bridge between contacts and computers, and is closely related to people. A pleasing Visual Environment
To stimulate learner interest and increase learning enthusiasm. Based on the experience of developing multimedia courseware over the years, the author summarizes a set of user-friendly interface design experience that is conducive to teaching and the visual features and ease of use of people.
This article systematically introduces the basic requirements and production skills of multimedia courseware interface design.

The interface is the part of the computer system that deals with people. It is the interface between users and computer systems, and is closely related to people and computers. In multimedia courseware, user interface design is an art.
It integrates the content of multiple disciplines. According to statistics, about 65% of the information collected by human sensory organs is visible. Therefore, in the multimedia courseware design process, it is very important to fully consider the human visual characteristics.
Flexible man-machine interfaces play an important role in mobilizing and stimulating the interest of learners and improving their learning enthusiasm. Therefore, we should carefully design the operation interface from the following aspects.

I. Easy Operation

Multimedia courseware is intended for users. In design, we must consider the user's characteristics, abilities, and knowledge level. We should focus on those non-computer operators, there should be no additional knowledge or skill requirements for users. Therefore, you must:

1. Installation and use are convenient. The installation and start process of the courseware should be simple. Generally, you can complete the courseware by using the mouse and a few simple operations on the keyboard. When the courseware starts to run, the courseware structure, content,
Briefly introduces the main operation methods and function keys. The command key and function key names must be consistent throughout the courseware running process. Only one function can be assigned to all function keys and the function can be displayed on the screen as much as possible.
Key and prompt information.

2. The menu is concise and reasonable. At the design stage, the teaching content is divided into several levels based on the needs of the teaching content, and the menu technology is used to achieve multi-level structure. menus at all levels should be further divided until full coverage.
Teaching Content. It is recommended that the menu level should not be higher than Level 3. A return button should be set for each menu level so that when the learner does not want to study further, he or she can return to the parent menu at any time. Menu expressions include text, graphic,
Table, text, and other forms. The text menu is relatively simple and can be designed as a drop-down mode. You can select Sub-menus step by step. The graphic menu is novel and intuitive. Based on the teaching content, you can design an image icon with a mouse.
It is optional and easy to use. In actual production, the most commonly used graphic and text menus have the advantages of text menus and graphic menus. Note that the title of the menu should be simple and clear during design.
It is concise and can express the content of the selected teaching.

3. Provide online help information. Necessary help information, such as system help, function help, and warning help, should be set for users to use the courseware. These help information can be comprehensive information,
It can also be targeted information related to the context of the location. The help information can serve as a document manual, but the content should be refined. It should be guided by simple text, graphic instructions, and other forms to complete some functional operations.
.

Ii. concise content

The courseware operation interface should be accurate, concise, and clear.

1. Accurate and concise. Accuracy means that the expression is clear. Do not use ambiguous words or sentences. concise means to express the required information with as few words or simple charts as possible.

2. highlight important information. You can use italics, underscores, increase the width, Flash, white, and color in the display to emphasize important information that is expected to attract the attention of learners. When describing local minor changes, the method of adding a circle or adding a close-up should be used.

3. reasonable layout

The screen display and layout should be clear and reasonable. The basic requirement is to design a high, wide, and deep spatial relationship on the screen plane, so that the layout structure is novel, the main body is prominent, and it has artistic appeal, the teaching content is vividly displayed in front of learners.

1. Properly arrange and highlight the subject. The display content should be appropriate, should not be too large, switch is not too fast, the screen should not be too crowded, leave some room around. Generally, no more than 15 lines of text should be displayed on each screen.
The number of rows must not exceed 30 Chinese characters. If the display cannot exceed 30 characters, the rolling technology can be used. The font should be filled with strokes. Different font and font sizes can be used to distinguish between layers and paragraphs. The color of the text should also be correct.
To highlight the topic.

2. Focus on specific points of view. Because the screen size is small, focus is required and the viewpoint is clear. There should be no more than two interest centers on the same screen to avoid distracting.

3. Reasonably reserve blank lines and spaces. Necessary blank lines and spaces will make the structure reasonable, clear, and easy to read and find. On the contrary, overly-dense display will damage the learner's vision, it is not conducive to the attention of learners to useful information.

4. Elegant and clear layers. The interface design should be elegant, not unconventional, but not too "fancy ". Although the "fancy" interface can deepen the learner's perception psychologically, it appears
It is easy for learners to distract themselves, and even some media become meaningless and cumbersome. If multiple media needs to be introduced, it is best to allow the operator to control the display in sequence and give it to people.
With a clear and orderly feeling.

Iv. Consistency

Consistency is a common principle in the field of human-machine interfaces. It displays similar information of the same type in a consistent manner, including display style, layout, location, used color, and phase
Similar human-machine operations. A consistent interaction interface can help learners spread their current knowledge and experience to the new courseware, thus reducing the burden of learner re-learning and remembering.

5. Color Matching and coordination

The color of the interface is closely related to the teaching content. The colors must be clear and serve the image, artistic conception, and theme. Different themes and content are represented by different colors.
According to the artistic conception of teaching, some need to be bright and some need to be low. The beauty of colors is an important part of the beauty of interface art. It can make learners feel beautiful in the learning process, and increase their taste and taste in the cultivation of beauty.
Good perception and understanding. However, if colors are used improperly, they will have psychological effects on people's visual fatigue. Excessive rendering will distract people's attention. Therefore, the use of color must also follow certain principles.

1. Correctly configure the foreground and background colors. There must be a clear difference between the foreground and background in color to form a contrast between light and shade. Generally, the background is made of a single color or a specific simple image, but the comparison cannot be too strong.
Otherwise, the stimulus is too high, causing fatigue. Generally, the text is written in white or yellow on a dark or moderate background, and in a light background, it is written in dark. For example, in the animation design, the dark color is generally used as the background color and the dynamic and static parts
Use strong contrast colors to differentiate different features.

2. Do not use too many colors for each display. The screen with too many colors is not conducive to distinguishing the color and the meaning of the color. When not necessary, the display color should be less or less.

3. The contrast of the same screen color combination is appropriate. When multiple colors are used on the same screen, select the appropriate contrast color combination. The color with a large contrast can be used together, but it is not easy to cause confusion.
When too similar colors are used, the identification will be affected, because when the brightness changes, the original similar colors may be confused in the visual effect. For example, in high brightness, it is easy to distinguish between yellow and orange, when the brightness is dimmed
The two colors that the learner sees are similar to Brown.

4. The colors of auxiliary information are soft and dull. Use low saturation and low brightness colors to display auxiliary information that does not need to be emphasized, such as soft and plain colors.

6. smooth interface assembly

The basic principle of inter-interface interaction is to enable the learner's attention to naturally transition from this interface to the next interface, with no obvious visual interruptions or jumps in the middle. To achieve this, you must:

1. The interface is switched naturally. The interface switching should be consistent in the direction, color, brightness, and other aspects. It will be uncomfortable if you combine images with large contrast. At the same time, the switch between interfaces should be very
Rapid, should not have a long wait. For technical reasons, such as the speed of reading a disk cannot keep up, when a wait occurs, you should provide "reading data... please wait ..." And so on.

2. Properly process the combination of images and animated images. Static Images and some animated images cannot be directly switched, otherwise they will produce a beating. In the design, you can use transition techniques such as fade in and fade out.

3. the interconnection between interfaces must conform to the rule of things development. When expressing the teaching content, we should first introduce the whole and then carefully analyze a certain part. When explaining a problem, we generally first raise the problem and then analyze and solve the problem.

In conclusion, the interface design should not only provide users with a highly interactive operating environment, but also comprehensively consider the user's experience and enjoyment. Therefore, in the interface design, we should grasp the whole, make overall arrangements, and make a harmonious and unified courseware to achieve the best teaching effect.

 

From: http://365et.online.sh.cn/searchnews.asp? Newsclass = 65