Designing A Good Interface Design

Excerpt from:
Zahari Hamidon, Abdullah Mohd Nor & Raja Maznah Raja Hussain (2005). The Importance Of Theory And Practice In Designing A Good Interface Design In Hypermedia Learning Product . Presented in International Conference in Mathematics and Science, SAMEO RECSAM , Gelugor, Penang, Malaysia in December 6-8, 2005

Brief Report

Research Question

Are there any correlation between the colors and task as perceived by the users while exploring the interactive slides?

Methodology

In the first phase, the hypermedia product is developed and designed by the students in ‘IT for Schools’ course in Universiti Brunei Darussalam. In this course, the student has undergone the entire generic instructional design phases (Analysis, Design, Develop, Implement, and Evaluate known as ADDIE).

They have to develop their products based on the outcome of the ADDIE process. At the design phase the students has to design the procedural task analysis diagram.

The storyboard is then designed based on the procedural task analysis diagram. The students are taught to use Gestalt Law of Screen Design, interface design as an important criterion in their storyboard design. They are also been given input on how to deal with the task that the user has to perform in their learning session.

Screen Shot 2018-01-05 at 9.51.12 AM.png

Findings

Table 1.  Correlation between colors and Usability AttributesScreen Shot 2018-01-05 at 9.59.20 AM.png

Correlation between the colors and task as perceived by the users while exploring the interactive slides

As shown in table 1, the correlation between  item  E  and  1 stated a quite strong inverse correlation ( r = – .287) and it is significant but have a weak negative correlation with item 2 with r = – .0.10 and item 3 with r = – .0.18

This suggests a moderately strong inverse association between The most dominant color (figure) and delivery system provided in the product. The inverse association indicated that:

  1. the higher the score in the delivery system provided in the product will tend to be the effect of the most dominant color.
  2. the most dominant color has a big influence on the delivery system.

In item D and item 2 stated a strongly inversecorrelation ( r = – .352), and it is significant. While a correlation between item D and item 3 has shown a weak negative correlation with r = -.041, however correlation between item D and item1 has shown a very weak correlation with r = 0.054.  This shows that the errors done by the user are not affected by the ground color.

There is a very weak correlation between item C and item 1 with r = 0.005, while correlation between Item C and item 2 has stated a weak correlation with r = 0.159. Item C shows a quite strong negative correlation with item 3 with  r = – 0.133.

The correlation indicates that there is likely an influence of color on the user’s memory especially in remembering the last task given to them as provided in the hypermedia learning product.

The correlation between item B and item 1 (r = -0.042) , item 2 (r = -0.015) and item 3 with r = -0.035, as overall shows a very weak inverse correlation.

There is a negative correlation between (r = -.189) Item 1 and Item A indicating that the effect of attention created by the colors learning increase as the most dominant color decreases. This shows that the higher the score in the effect of attention created by the colors tend to be the effect of the most dominant color. Despite the negative correlation there is likely no correlation between Item 2 and Item A (r = .021), Item 3 and Item B with r = 0.020.

Conclusion

The analysis clearly suggests that there is a relationship between the colors and the task performed by the users according to the usability attributes. There is evidence showing the relationships between the usability attributes and the users’ believe in colors that reflect their task carried out by them. The data yields five outcomes.

  1. The users are more sensitive to the second dominant color compared to the most dominant color.
  2. The overall color shows that it plays an important role in influencing the understanding of the subject on colors that formed the objects in each scene of the slide.
  3. The most dominant colors has affected the whole delivery system
  4. There is likely an influence of color on the user’s memory especially in remembering the last task given to them as provided in the hypermedia learning product.