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

This free course is available to start right now. Review the full course description and key learning outcomes and create an account and enrol if you want a free statement of participation.

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, find out more about the types of qualifications we offer, including our entry level Access courses and Certificates.

Not ready for University study then browse over 900 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 prospectus