Designing the user interface: Text, colour, images, moving images and sound
Designing the user interface: Text, colour, images, moving images and sound

Start this free course now. Just create an account and sign in. Enrol and complete the course for a free statement of participation or digital badge if available.

Free course

Designing the user interface: Text, colour, images, moving images and sound

1.5 Moving images

1.5.1 Different types of moving image

On paper, you can show movement by a series of diagrams each with a very small change. Figure 9 illustrates such a scenario. This has its uses, as it allows the process to be studied very carefully.

Figure 9 Techniques of calligraphy (Tufte, 1990, p.68)

You can achieve actual movement on the computer screen through animation or the use of video clips. To create an animation you need to understand the principles of animation and be able to use the relevant software. With video, in addition to having a video camera, you need to have editing software and a means of transferring the video from the camera to the computer. For both you need a lot of time and expertise, so only develop these components yourself if you are certain of their value to the user and it is not possible to buy them in from elsewhere.

People are used to seeing high-quality moving images on their television screens for several hours each day. They are therefore likely to expect similar quality on their UIs. Images that fail to meet this standard are unlikely to motivate users about the product. The cost of producing broadcast-quality video is very high, so it must serve a key purpose and not simply be expensive wallpaper.

Some moving images are clearly part of the UI and others are part of the content of the software. For example, an animation showing files flying from one folder to another would be part of the UI, but an animated advertisement on a web page would be part of the content of the page. Unfortunately, in many cases, it is very difficult to make a clear distinction of this sort. In addition, at present, most moving images are used in an unsophisticated way that requires very little interaction from the user. For these reasons, we struggled to identify sufficient examples for the next two sections that are clearly only part of the UI and are not content. However, the principles remain the same. In the next few years, the use of moving images is likely to become more sophisticated.


Take your learning further

Making the decision to study can be a big step, which is why you'll want a trusted University. The Open University has 50 years’ experience delivering flexible learning and 170,000 students are studying with us right now. Take a look at all Open University courses.

If you are new to University-level study, we offer two introductory routes to our qualifications. You could either choose to start with an Access module, or a module which allows you to count your previous learning towards an Open University qualification. Read our guide on Where to take your learning next for more information.

Not ready for formal University study? Then browse over 1000 free courses on OpenLearn and sign up to our newsletter to hear about new free courses as they are released.

Every year, thousands of students decide to study with The Open University. With over 120 qualifications, we’ve got the right course for you.

Request an Open University prospectus371