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 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, 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