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 Devices

1 1 Getting the best from interaction devices

Once we have chosen an interaction device for a user interface, we need to consider how to use it effectively. We have relatively little control over the appearance or use of input devices, so we concentrate on the design of the feedback provided by output devices. In particular, we concentrate on the following software components that form this feedback.

  • Text. How can we ensure that the text is legible? Which font should we use? How long should the lines be?

  • Colour. Which colours go well together? How should colour be used in order to communicate information more effectively? How can we ensure that the colours we use have the correct connotations?

  • Images. What are the different types of image? How do you choose the right one?

  • Moving images. When is it useful to animate images? When can video clips be used to good effect?

  • Sound. When can sound be useful? What are the different categories of sound and when should each be used?

Many of these issues are also relevant to input devices, such as the choice of colour for the panic button in a train or the font chosen for entering text into a form-fill application.

These software components are usually relatively easy and cheap to change, but applying them in a consistent and thoughtful manner can make a big difference to the usability of the User Interface (UI).

It is important to be clear what you are trying to achieve when you use these components. We are assuming that you want to communicate information and functionality in a simple but effective manner. This is different to a graphic designer, whose priority may be to create a design that is fresh and innovative. These differences have practical implications. For example, an advertising website designed by a graphic designer may have shorter line lengths, and employ more colours and images than we would recommend.

M873_1

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