Don’t ignore the web design concepts in your interactive materials

Nowadays many web-based tools are designed easy-to-use. Users can quickly deliver content through webpages. However, we notice that people may not consider the web design elements when they create interactive teaching materials online.

Questions we often come across are like below. It’s hard for people to know everything of web design and their user experience. So I list some quick resources that may help you to design online materials better.

  • I want to use an image on the page, but where can I get good free images?

There are massive image resources on the Internet. However finding a suitable image from a reliable resource and using the image legally are the key. The UK Intellectual Property Office has published an Intellectual property – guidance: Copyright notices. Before you searching images, read it first. Below are useful resources for you.

  • Why does the image look differently on other people’s machine from mine?

Your audiences view the page using different mobiles, tablets and browsers. Different web browsers that are created by different companies may not display web pages the same way. Thus, make sure you have tried on different devices if possible and make sure your webpages are cross-browser compatibility. Using some of the recommended tools to check your webpages.

  • What highlight colour on the page should I use if I want call people’s attention?

Think about what theme colours you have on your webpage. Who are the audience? Does the page or image on the page contain red/green colours combination that may affect colour blind users? Do you have more than three key colours on the page? What do you want to highlight, for instance texts or a specific area. Is it possible to call user’s attention without to use highlight colours? Ask random audience to have a look at your webpage and see how they respond to it.

Using some of the resources to improve your pages.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s