Colour Therapy in UI Design
Colour Therapy in UI Design
net/publication/328150347
CITATION READS
1 653
4 authors, including:
All content following this page was uploaded by Mustafa Saeed on 08 October 2018.
Abstract- Each colour has an effect on the human in such as feeling tired, pain in neck, shoulders, wrists or
different manner, by learning how each colour affecting us, lower back.
We can use colours in an effective manner to confer us an
extra energy when we need it. Different colours can be used In our subconscious, colours have a heavy impact
for the treatment of different diseases. In Modern society, on the person's mood. This effect varies depending on
computer device has become an integral part of our life. The people and their culture, but there is a set of primary
increase of using digital devices has led to the emergence of colours with clear influence marked on a wide range of
variant side effects on the musculature such as neck and people, for example the blue colour of the sky gives people
shoulder pain associated with the use of computer, in addition a sense of comfort and tranquility, the green colour of
to the computer vision syndrome (CVS) which is a gardens-on the other hand- gives a sense of happiness and
combination of eye and vision problems associated with the
pleasure. [1][8]
use of digital devices, that cover eye strain, irritation,
headache, tired eyes, redness, blurred vision and diplopia. The
Colour can be used to heal the body. If the
RT
process of designing a user interface with colour in software
engineering can be quite complex and challenging. When frequency of a colour aligns with the emotion needed, it
challenges to colour planning are recast as opportunities for activates micro particles in the brain, so healing can take
development, designing with colour can be optimized and place. [14] Therefore, it was not surprising that scientists in
IJE
creativity unlock. In this paper, a theory called "Computer the United States requested from the prison administrations
Model Therapy (CMT)" has been proposed to minimize the to paint the walls of prison with Rose (pink) colour, and
side effects on users that have been clarified and to protect found it has a relaxing effect on prisoners, so it can easily
healthy people against such effects by developing a user's benefit from the effect of colours on the mood of
interface depending on colour therapy science.
computer's user to give an atmosphere of comfort and joy
Keywords— User Interface design; Colour Therapy; Computer without great effort or cost. [6][5]
Model Therapy; Chromo-therapy;
User interface design is science and an art as well.
[Link] It shows artistic talent in creating attractive and beautiful
With rapid scientific and technological progress which element in design, while the core of the user interface is the
covers all aspects of life, personal computer has become an logic of exchange. It's often overlooked for such things as
integral part of daily life for adults and children. Using light, colour and contrast, which negatively affect interface
computers for long hours every day, has led to worry about across distracting the user from the important things in
the impact of exposure to the computer screen on eye design. [9]
health in the long term. What is the best way to minimize
any effects may be caused by the use of computer on health Depending on these simple ideas, a theory called"
especially on the eyes?. [10][11] Computer Model Therapy (CMT)" was suggested and
applied to contribute in solving the problems that have
Researches [2][7][11][4] have shown scientific been made obvious by merging the science of colour
conduction during the past years and there are specific therapy with the design of user interfaces. Two
symptoms affect people health who use the computer for questionnaires have been conducted. The purpose of the
long periods. Doctors called these symptoms collectively first one is to gather the user's requirements as being a part
"distress symptom related to the use of computer". These of the requirements of the theory, through user's
symptoms include feeling of tiredness in the eyes that requirement, the favorite colours and the number of models
could sometimes be accompanied with headache or a sense have been selected and built. The second questionnaire was
of itching and burning in the eyes with temporary periods performed after applying CMT theory on Two experiments,
of blurred vision or double vision with readable characters the first was on a computer application and the second was
overlap with each other. Person might get one or all of on a web application, then it was evaluated through
these symptoms, in addition to other indirect symptoms applying two experiments.
(This work is licensed under a Creative Commons Attribution 4.0 International License.)
International Journal of Engineering Research & Technology (IJERT)
ISSN: 2278-0181
Vol. 3 Issue 8, August - 2014
prolonged or chronic pain. Using the mouse could cause schizophrenia and hallucinogenic states.
greater pain on the hand –arm region.
IJE
(This work is licensed under a Creative Commons Attribution 4.0 International License.)
International Journal of Engineering Research & Technology (IJERT)
ISSN: 2278-0181
Vol. 3 Issue 8, August - 2014
6 Violet / Purple: Bring sleep. Reduce sexual activity. traffic lights, environmental
awareness, St. Patrick's Day, Christmas
Reduce sensitivity to pain
colour (red and green).
7 Pink: Heals grief and sadness. Restores freshness. Brings
Purple Western cultures - royalty.
you in touch with your feelings.
Brown Colombia - discourages sales.
8 Brown: Brown can be warm and comfortable but also Eastern cultures - mourning, death.
depression. Suitable for people's lives and people are stable Japan - white carnations signify death.
White
and good friends. United States - purity (used in
9 weddings).
Black: Black preference: symbolizes dangerous, dark, Black Western cultures - mourning, death.
depression, death, mourning, mystery, secrecy, Hindu - sacred colour. (orangish peach
10 Saffron
White: White is the colour of perfection; white and colour)
United States - symbol for
harmony bring all aspects of one's life. Rainbow
homosexuality.
(This work is licensed under a Creative Commons Attribution 4.0 International License.)
International Journal of Engineering Research & Technology (IJERT)
ISSN: 2278-0181
Vol. 3 Issue 8, August - 2014
arousing and attention, they can be used to enhance environment becomes even more challenging. Analyzing
memory. To conform this, a study was made by software engineering application is of high investment cost,
Mcconnohie in 1999, he made a slideshow of alphanumeric which is usually conducted by the system analyst or by the
character and showed it to a classroom of middle scholars analysis team. Analyzing the requirements usually involves
and asked them to recall as many characters as they could. taking into account both functional and non-functional
He repeated this three times with different background requirements and requires both technical and business
colours (white, (red or yellow), (green or blue)) and the expertise. The last step of the requirements analysis process
black for the character written. The study showed that includes validating all elements of the requirements
when he used warm colours (red or yellow) students recall specifications document. Faults are corrected and slight
more characters than when using white or cool colours changes on the requirements of the planned software
(green or blue).[5] solution can be absorbed. [9]
F. The Effect Of Colour On Health
Chromotherapy is very old, dating back to ancient
Egypt, Greece, China and India. While using sunlight as a
form of healing predates the assumed debut on
chromotherapy in recorded history. It is possible that it was
either frowned upon or lacking practical utilization in those
eras to use the individual aspects of the colour spectrum as
a means of healing, rather than using their combined role in
the form of sunlight [6][14].
(This work is licensed under a Creative Commons Attribution 4.0 International License.)
International Journal of Engineering Research & Technology (IJERT)
ISSN: 2278-0181
Vol. 3 Issue 8, August - 2014
(This work is licensed under a Creative Commons Attribution 4.0 International License.)
International Journal of Engineering Research & Technology (IJERT)
ISSN: 2278-0181
Vol. 3 Issue 8, August - 2014
stimulates the parasympathetic nervous system. Some The third model includes blue as software
colours may increase the production of certain hormones, background colour and orange colour for writing as it has
while other colours inhibit it. Specific colours can also the ability to help in tedium, exhaustion and reduce muscle
have an effect on specific diseases. Symptoms of severe spasm (And helps in the digestive process).
eruptive diseases such as measles and chickenpox were
recovered when patients were put in a room with red The fourth model includes pink or violet colour
windows. Similarly, pain and depression respond well to for software background as it has a calming or smoothing
therapy using flashing bright lights and coloured lights. effect on the body, elimination of insomnia, loosen the
These treatments have been shown to alter neuro-chemical muscles and create a romantic ambience, and the blue is
production in the brain, thus explaining their positive used for writing.
effects. Scientists now believe that the brain has specific
responses to different frequencies of colours. They point The fifth model was developed as a basic model
out that sleep problems can often be cured within a day by that starts working after each model change. It could be
this method. Mood change takes a little longer- about one described as a refreshing model for the user that appear for
to two weeks of treatments. a short time only. It contains green as a background colour
and purple for writing. The analyzing phase of CMT could
The process of designing can be complex and be described in Fig.8.
challenging. When challenges to colour planning are recast
as opportunities for development, designing with colour
can be optimized and creativity unlock.
psychological states, which are inactivity, fatigue, tedium Figure 8. CMT Use Case Diagram
and insomnia including eye, neck and shoulder pain.
Designing phase of CMT could be described as in Fig. 9.
Each model was developed based on colours
therapy science with the design of user interfaces. Every
model composed of two colours, one for the background of
the user interface and the other is for writing. Interface
appears to the user to let him choose the option of applying
CMT theory for the software that will be used, either as
default or customize to enable the user choose a model he
wants to use or not to apply CMT theory.
(This work is licensed under a Creative Commons Attribution 4.0 International License.)
International Journal of Engineering Research & Technology (IJERT)
ISSN: 2278-0181
Vol. 3 Issue 8, August - 2014
[Link] STUDY
This paragraph presents the testing and evaluating
the performance of CMT theory and is implemented
practically and discussed based on the results obtained.
1. Default
2. Customize
3. None of the above, as in Figure 10.
Fig. 11. Applying CMT Theory on HSIS
automatically by operating models in Sequenced way. The improvement" after applying the CMT theory.
second option allows the user to select the model he likes
depending on his mood. The third option is the non- B. The second experiment: testing the performance of
application of CMT theory and keeping the software / web CMT theory on websites application and discussing
sites as it is. the results that have been obtained.
When activating CMT theory, an option appears to CMT Theory was applied on Social networking
the users at the bottom of the screen presenting notification site called (?) which has been submitted on the internal
massages within specific periods of time to alert the users Server to serve a group of companies in Mosul city to share
to take a break for at least three minutes and do a specific information such as buying and selling prices and stock
movement to the neck, the shoulder and the back in prices for twenty days.
addition to instructions on how to sit in front of a computer
. As in the first experiment, A questionnaire was
made on 50 employees working on (?) the answer to the
A. The first experiment: testing the performance of CMT question was 100% "suffer from" these symptoms.
theory on computer application and discussing the
results that have been obtained. Another questionnaire was prepared to identify the
results of this study and to find out their effects on users.
CMT theory was applied on a software called 78% of the results was get rid of the pain in the neck and
(HSIS) which was used in several colleges in the university the shoulders, headache and computer vision syndrome
of Mosul to manage the graduates' information System. (CVS) "completely", 12% has recovered from computer
This program was applied by employees from 8:00 a.m. to vision syndrome "incompletely", 10% found little
3:00 p.m. (See Fig. 11). improvement which is hardly noticeable, and 0% of the
answers "no improvement" after applying the CMT theory.
(This work is licensed under a Creative Commons Attribution 4.0 International License.)
International Journal of Engineering Research & Technology (IJERT)
ISSN: 2278-0181
Vol. 3 Issue 8, August - 2014
improvement
Incompletely
total
NO.
no
Environ Med2008;65:126–131.
doi:10.1136/oem.2007.033506,Volume 65, Issue 2.
[5] Lynnay, Huchendorf., (2007), "The Effects of Colour on Memory
1 82% 12% 6% 0% 100% ", UW-L Journal of Undergraduate Research X, 1-4.
2 78% 12% 10% 0% 100% [6] Mario, De Bortoli., Jesús, Maroto., (2009), "Colours Across
Cultures: Translating Colours in Interactive Marketing
Communications", Proceedings of the European Languages and
the Implementation of Communication and Information
It's observed from the table above that applying Technologies (Elicit) conference, University of Paisley, ISBN: 0-
CMT theory has succeeded by a large margin in 9541774-0-1.
eliminating the side effects of computer uses on muscular [7] Mark, Rosenfield., (2011)," Computer vision syndrome: a review
system and computer vision syndrome. of ocular causes and potential treatments", Ophthalmic Physiol
Opt 2011, 31, 502–515. doi: 10.1111/j.1475-1313.2011.00834.x ,
ISSN 0275-5408.
[Link]
[8] Mi Kyoung Kim , Sung Don Kang., (2013), " Effects of Art
In this paper a theory called " Computer Model Therapy Using Colour on Purpose in Life in Patients with Stroke
Therapy" (CMT) was proposed and applied to contribute and Their Caregivers", Yonsei Med J 54(1):15-20/2013, Volume
RT
54, Number 1, pISSN: 0513-5796, January 2013.
in solving the musculature problems as neck and shoulder
[9] Pressman, R., (2010), "Software Engineering:A Practitioner’s
pain associated with the use of computer in addition to the Approach", 7th Edition, McGraw-Hill, New York, USA, ISBN
computer vision syndrome (CVS) by merging the science 978-0-07-337597-7.
IJE
of colour therapy with the user interfaces design. [10] Rimli Barthakur, MS., (2013),"Computer Vision Syndrome",
Internet Journal of Medical Update, Vol 8, No 2, 1-2. July 2013.
CMT theory was applied based on two experiments [11] Sameena, Kokab., Mohd, Inayatullah Khan., (2012),
(computer application, web application). The results which "COMPUTER VISION SYNDROME: A SHORT REVIEW",
Journal of Evolution of Medical and Dental Sciences/Volume
have been obtained was a positive indication on the 1/Issue 6/December-2012 .
appearance of variant of side effects syndromes [12] Samina T. Yousuf Azeemi., S. Mohsin Raza., (2005),"A Critical
accompanied with the use of computer. Analysis of Chromotherapy and Its Scientific Evolution", eCAM
2005 ;2(4)481– 488, doi:10.1093/ecam/neh137.
ACKNOWLEDGMENT [13] Sommerville, Ian.,(2011), " Software engineering",9th Edition,
Addison-Wesley, USA, ISBN-13: 978-0-13-703515-1.
I would like to express my sincere thanks and
[14] Zena, O’Connor.,(2011), "Colour Psychology and Colour
gratitude to the University of Mosul and companies, for Therapy: Caveat Emptor", 2010 Wiley Periodicals, Inc., Volume
extending all the necessary help and support in pursuing 36, Number 3, June 2011.
the research activity that led to the preparation of this
paper.
(This work is licensed under a Creative Commons Attribution 4.0 International License.)
View publication stats
Colour preference directly impacts user interface (UI) design by eliciting specific emotional responses and facilitating ease of use, which are crucial for a positive user experience . Consistent and appropriate use of colour can prevent confusion, meet user expectations, and enhance task performance by reducing cognitive load and potentially improving productivity .
To integrate chromotherapy into modern healthcare, facilities can employ environments that leverage specific colours known to influence health outcomes. For example, using blue light for areas promoting relaxation and care for sleep disorders, and red light for energizing spaces to combat fatigue or depression . Additionally, coloured lighting could be used in therapeutic rooms to enhance mood and physical healing environments, potentially in recovery areas where boosting mental and physical health is critical .
Integrating colour psychology and therapy in user interface design promotes user engagement and reduces cognitive loads by strategically using colours to influence mood and behavior, which aligns with the principles of user-centered design. It makes technology interactions more intuitive and soothing, which can mitigate negative physical effects like computer vision syndrome .
Scientific studies indicate that coloured light influences physiological processes by affecting hormone secretion and neural activities. For instance, red light stimulating the sympathetic nervous system can enhance energy and counteract fatigue-related conditions, while blue light might be useful in treatments requiring relaxation due to its calming effects on the parasympathetic system . These physiological impacts justify the inclusion of specific coloured light in medical treatments for diseases where mood enhancement or energy regulation is crucial.
Red light stimulates the sympathetic nervous system, which can heighten alertness and energy levels, while blue light stimulates the parasympathetic nervous system, promoting rest and calming the body . These properties make red light potentially useful in therapies aimed at increasing activity or combating fatigue, whereas blue light may be more beneficial for treatments requiring relaxation and stress reduction.
Studies suggest that women tend to have stronger preferences for certain colors than men , which may influence the effectiveness of colour therapy, as individual responsiveness to specific colours could vary by gender. When implementing colour therapy in health treatments, these differences could necessitate personalized approaches to maximize therapeutic benefits .
Computer Model Therapy (CMT) uses the principles of colour therapy to alleviate symptoms of computer vision syndrome and musculoskeletal pain, such as neck and shoulder discomfort. CMT incorporates specific colour combinations in user interfaces to reduce these symptoms. Evaluations showed that applying CMT significantly reduced pain and discomfort for users by at least 78% completely eliminating symptoms .
Arousal enhances memory retention because arousing events lead to hormonal changes in the brain, which strengthen memory encoding and storage . The study by Mcconnohie in 1999 demonstrated that using warm colours like red or yellow as background increased arousal and improved recall of characters among students compared to white or cool colours, suggesting colours can elevate arousal levels to boost memorization .
Evidence indicates that colour can influence physiological processes independently of psychological and cultural factors because certain colours directly affect neural activities and gland secretion . For example, red light has been shown to stimulate the sympathetic nervous system, while blue and white light stimulate the parasympathetic system, influencing hormonal responses and treatments for conditions like sleep disorders occur even when cultural associations or eyesight are not involved .
Colour therapy has been shown to improve 'Purpose In Life' (PIL) for patients with post-stroke disability and their caregivers by using specific colours that influence mood and mental states . The therapy reportedly aids in the emotional recovery and in enhancing a positive outlook, which in turn may contribute to improving the overall quality of life for these individuals.