**Article 1**

**An Evaluation of Quran Memorization Mobile App among Middle-Aged Adults and Early Elderly**

Siti Fatimah Abd Raof

Faculty of Computer & Mathematical Sciences,

Universiti Teknologi MARA,

Perlis Branch, Arau Campus, Arau, 02600 Perlis, MALAYSIA

Nor Azzyati Hashim\*

Faculty of Computer & Mathematical Sciences,

Universiti Teknologi MARA,

Perak Branch, Tapah Campus, Tapah Road, 35400 Perak, MALAYSIA

Noor Azura Zainuddin

Academy of Contemporary Islamic Studies,

Universiti Teknologi MARA,

Perlis Branch, Arau Campus, Arau, 02600 Perlis, MALAYSIA

[sitifatimahabdraof@gmail.com](mailto:n.syazwanijamaludin@gmail.com), <norazzyati@uitm.edu.my>, <noorazura@perlis.uitm.edu.my>

*Abstract*

*There are many mobile applications that help to boost Quran memorization, but the target users are normally for general people without specifically consider the design for ageing people. This becomes imperative since ageing people need to face with the cognitive and physical decline as they are getting older. Hence, to enhance Quran memorization, a mobile app known as E-Hafazan was developed. For the interface design, the researchers integrated the mobile design guidelines for ageing people that comprise of seven categories: cognitive, content, navigation, visual, audio, perception and dexterity. The aims of this paper are to investigate the usability of mobile interface design and user acceptance on E-Hafazan mobile app for Quran memorization. A total of 30 people around Arau, Perlis participated in the system evaluation. The participants were in the category of middle-aged adults and early elderly, between the ages of 40-74 years old. From the findings, most of the respondents are satisfied with the E-Hafazan app since it is effective, interactive and ubiquitous for memorizing Al-Quran although there is a slight lack in the result of the visual category for the mobile interface design.*

*Keywords: Quran memorization, mobile app, mobile design guidelines*

**Introduction**

The signs of cognitive and physical ageing start noticeable from the age of 40 (Lachman, Teshale & Agrigoroaei, 2014) and rapidly increasing after the age of 65 (Murman, 2015). The age group between 40 to 65 years old is labelled as the middle-aged adults (Levinson, 1986) while people in the age group of 65 to 74 is known as the early elderly (Orimo et. al., 2006). Most importantly, the role of spirituality becomes a vital element among ageing people (Koenig, George & Titus, 2004). Still, to achieve successful ageing life, positive spirituality indeed has a tight relationship with physical and mental abilities (Crowther et. al., 2002).

Muslims emphasis on the concept of “spiritual cleanliness” encompasses the relationship with God (Allah SWT), spiritual behaviours and beliefs through religious practices (Gall et. al., 2005). Muslims need to memorize the Al-Quran to preserve the Al-Quran and to seek many rewards that Allah SWT promises to give (Sedek et. al, 2013). Memorization of Al-Quran that is also known as *hafazan* is very important especially to recite in prayers and daily life. Nevertheless, the time taken to memorize Al-Quran depends on the cognitive skills of the learners.

Traditionally, Muslims memorize by referring to Al-Quran which a book called *mushaf*. As technology evolves, the technology can help to improve the way to memorize Al-Quran (Mohamad Marzuqi, 2008). When compared with the traditional method, Quran memorization can be done easier and faster with the use of smart phones and mobile applications which can help in enhancing memory (Nor Musliza & Mokmin, 2014). Nonetheless, beginning in the middle age, the physical activity starts to weaken which includes decline in finger-tapping speed (University of California - Los Angeles, 2008).

Due to cognitive and physical decline with increasing in age, it becomes imperative to design and develop mobile app for the ageing people (Levdikova, 2017). Currently, there are many Al-Quran mobile apps being developed in the market (Nuril Ham Al Hafizah et. al., 2017) but many of them do not satisfy the need for ageing people to memorize Al-Quran. Accordingly, a mobile app that integrated mobile design guidelines for ageing people called *E-Hafazan* was developed. System testing was conducted on the usability of mobile interfaces and user acceptance of the *E-Hafazan* mobile app for Quran memorization.

**Mobile Design Guidelines for Quran Memorization App**

*E-Hafazan* mobile app for Quran memorization adapted four different mobile design guidelines which created specifically to support the ageing people. Firstly and predominantly, the design guidelines followed the research by Silva, Holden and Jordan (2015) that designed a list of heuristics in evaluating smartphone apps targeted for older adults. Secondly, the design adapted a research on heuristics guidelines to help the elderly using smartphone/tablet by Carmein and Garzo (2011). Thirdly, the research from Barros, Leitão and Ribeiro (2013) about mobile user interface for the elderly from the perspectives of navigation, interaction and visual design. Lastly, the design also referred to the age-centered mobile design guidelines by Zaphiris, Ghiawadwala and Mughal (2005). Table 1 shows the adapted mobile design guidelines for *E-Hafazan* mobile app that was adapted from the four researches.

Table 1: Mobile Design Guidelines for *E-Hafazan* Mobile App

(Adapted from Silva, Holden & Jordan, 2015; Carmein & Garzo, 2011; Barros Leitão & Ribeiro, 2013; Zaphiris, Ghiawadwala & Mughal, 2005)

<table>
<thead>
<tr class="header">
<th><strong>Category</strong></th>
<th><strong>Design Guidelines on Mobile Interface</strong></th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>Cognitive</strong></td>
<td><ul>
<li><p>All information needs to be in a page.</p></li>
<li><p>Avoid using interaction timeouts to memorize Al-Quran.</p></li>
<li><p>Avoid using fast-moving objects and animation.</p></li>
</ul></td>
</tr>
<tr class="even">
<td><strong>Content</strong></td>
<td><ul>
<li><p>Language must be simple, clear and adequate to users.</p></li>
<li><p>Information should be in the centre of the screen.</p></li>
</ul></td>
</tr>
<tr class="odd">
<td><strong>Navigation</strong></td>
<td><ul>
<li><p>The buttons should be predictable.</p></li>
<li><p>Make home screen as the safe point to return.</p></li>
<li><p>Ensure user interface navigation structure is simple and straightforward.</p></li>
</ul></td>
</tr>
<tr class="even">
<td><strong>Visual</strong></td>
<td><ul>
<li><p>Use colour conservatively by limiting to not more than 4 colours.</p></li>
<li><p>Use simple, meaningful and relevant button/icon that clearly visible.</p></li>
<li><p>Use font size between 12 to 14 points.</p></li>
<li><p>Use serif or sans serif font type.</p></li>
</ul></td>
</tr>
<tr class="odd">
<td><strong>Audio</strong></td>
<td><ul>
<li><p>Use male voice.</p></li>
</ul></td>
</tr>
<tr class="even">
<td><strong>Perception</strong></td>
<td><ul>
<li><p>Avoid using pure white or rapidly changing background.</p></li>
</ul></td>
</tr>
<tr class="odd">
<td><strong>Dexterity</strong></td>
<td><ul>
<li><p>Avoid using double click.</p></li>
<li><p>Avoid using pull down menus and scrolling bar.</p></li>
</ul></td>
</tr>
</tbody>
</table>

![](98-4-180-1-2-20180917_media/media/image1.png)

Figure 1: An example of *E-Hafazan* Mobile App Interface

Figure 1 illustrates an example of *E-Hafazan* mobile app interface. Besides adapting the mobile design guidelines, the cultural aspects need to be taken into consideration. Interestingly, cultural aspects can improve the effectiveness of interface design (Zan Azma & Husnayati, 2013). Therefore, *E-Hafazan* mobile app was developed using Malay language because it is the national language of Malaysia and the majority of the people is Malay Muslim. The meaning of each *ayah* in Malay language is also displayed in the app to help improves memorization. In addition, the use of repetition technique as the most preferred technique in memorizing Al-Quran could help ageing people enhance their memory function (M. Hamiz et. al., 2014). The app enables users to choose replaying the *ayah* either one time, three times or five times.

**Methodology**

The participants that were involved in the system evaluation are selected randomly from the staffs in Universiti Teknologi MARA, Perlis branch and people that come to Masjid Arau, Perlis. There were 30 respondents ranging from 40 to 74 years old cooperated in answering questionnaires. Each questionnaire is divided into two sections: usability testing and user acceptance testing. The Likert scale questionnaire is measured between 1 (*Strongly Disagree*), 2 (*Moderately Disagree*), 3 (*Neutral*), 4 (Moderately *Agree*) and 5 (*Strongly Agree*). A brief interview session was also conducted with respondents if they answered 3, 4 or 5 scales to gain more detailed opinions from them.

**Findings and Discussion**

Table 2: Results of Usability Testing

| No.  | Question                                                                                                      | 1  | 2  | 3  | 4  | 5  | Mean |
| ---- | ------------------------------------------------------------------------------------------------------------- | -- | -- | -- | -- | -- | ---- |
|      | **Cognitive**                                                                                                 |    |    |    |    |    |      |
| 1\.  | I find that with each *ayah* (verse) in a page makes memorization easier.                                     | \- | \- | \- | 22 | 8  | 4.3  |
|      | **Content**                                                                                                   |    |    |    |    |    |      |
| 2\.  | I find the language used is simple, clear and easy to understand.                                             | \- | \- | \- | 2  | 28 | 4.9  |
| 3\.  | I find that all information is at the centre of the screen.                                                   | \- | \- | \- | 5  | 25 | 4.8  |
|      | **Navigation**                                                                                                |    |    |    |    |    |      |
| 4\.  | I find that the use of button is easy to understand.                                                          | \- | \- | 6  | 17 | 7  | 4.0  |
| 5\.  | I find that the main page is the safe point to return.                                                        | \- | \- | 2  | 6  | 22 | 4.7  |
|      | **Visual**                                                                                                    |    |    |    |    |    |      |
| 6\.  | I find that the use of background colour with the colour of the font is suitable.                             | \- | \- | 9  | 18 | 3  | 3.8  |
| 7\.  | I find that the position of the button and the link is clearly visible, consistent and easy to understand.    | \- | \- | 10 | 15 | 5  | 3.8  |
|      | **Audio**                                                                                                     |    |    |    |    |    |      |
| 8\.  | I find that the male voice is very suitable and the pronunciation is clear.                                   | \- | \- | 7  | 17 | 6  | 4.0  |
|      | **Perception**                                                                                                |    |    |    |    |    |      |
| 9\.  | I find that there is no rapidly changing contrast background and the use of pure white background is avoided. | \- | \- | \- | \- | 30 | 5.0  |
|      | **Dexterity**                                                                                                 |    |    |    |    |    |      |
| 10\. | I find that all the buttons only requires a single click.                                                     | \- | \- | \- | 5  | 25 | 4.8  |

Table 2 tabulates the results of usability testing on E-Hafazan mobile interfaces. Categories of design for cognitive, content, navigation, audio, perception and dexterity achieved good mean of 4.0 and above with all respondents answering only 4 (*Moderately Agree*) and 5 (*Strongly Agree*). The navigation category had respondents that answered 3 (*Neutral*) because they felt that the instructions were not clear on how to navigate from one page to another. For audio category, a number of respondents also answered 3 (*Neutral*). They said that the audio was too fast for them but satisfied with it since the *ayah* can be replayed. On the contrary, visual category attained mean below 4.0 with about one-third of the respondents answered 3 (*Neutral*). The respondents felt that the colours used were not suitable and attractive while some respondents were not able to see clearly some of the links. On the whole, the results from the categories demonstrate that E-*Hafazan* mobile app interface design is usable and suitable for the ageing people.

Table 3: Results of User Acceptance Testing

| **No.** | **Question**                                                                           | **Mean** |
| ------- | -------------------------------------------------------------------------------------- | -------- |
| 11\.    | I believe that the usage of E-Hafazan can assist me to memorize Al-Quran effectively.  | 4.2      |
| 12\.    | I find that the widely and popular use of smartphones encourage me to use E-Hafazan.   | 4.4      |
| 13\.    | I find that E-Hafazan helps me to memorize more interactively.                         | 4.5      |
| 14\.    | I feel easy to use E-Hafazan as memorization can be performed at anywhere and anytime. | 4.5      |
| 15\.    | I find that the technique of repetition used in E-Hafazan is very effective.           | 4.3      |
| 16\.    | By using E-Hafazan, I can memorize more quickly and effectively.                       | 4.3      |
| 17\.    | I am satisfied that using E-Hafazan eases me to memorize.                              | 4.2      |
| 18\.    | I will use E-Hafazan again in the future.                                              | 4.4      |

The results of the questionnaire for user acceptance testing are as shown in Table 3. All questions reach good mean of more than 4.0. The lowest mean is 4.2 for questions number 11 and 17. This is followed by questions number 15 and 16 with mean of 4.3 while questions number 12 and 18 mean are both 4.4. Questions number 13 and 14 have the highest mean of 4.5 indicate that *E-Hafazan* is more interactive and convenient to memorize at anywhere and anytime. Nonetheless, some respondents answered 3 (*Neutral*) scale for all questions except for questions number 12 and 14. For question number 17, two respondents answered scale of 2 (*Moderately disagree*) because they did not agree to use *E-Hafazan* mobile app and preferred the traditional method of memorization. Despite that, the majority of respondents found that *E-Hafazan* mobile app was effective to memorize Al-Quran and were satisfied to use the app.

**Conclusion and Recommendation**

The necessity to design and develop mobile apps for ageing people becomes important in order to help them dealing with cognitive and physical decline in achieving positive spirituality like memorizing Al-Quran. The design of *E-Hafazan* app with consideration of cognitive, content, navigation, audio, perception and dexterity categories has shown that it is usable with some improvements need to be done in visual category. Other than that, the findings revealed that *E-Hafazan* app is effective, interactive, and ubiquitous as well as satisfy the need of middle-aged adults and early elderly to memorize Al-Quran.

**References**

Barros, A. C., Leitão, R., & Ribeiro, J. (2013). Design and Evaluation of a Mobile User Interface for Older Adults: Navigation, Interaction and Visual Design Recommendations. 5th International Conference on Software Development and Technologies for Enhancing Accessibility and Fighting Info-exclusion, DSAI 2013. Retrieved from <https://www.researchgate.net/publication/275952021>

Carmein, S., & Garzo, A. (2011). Elders Using Smartphones – a Set of Research Based Heuristic Guidelines for Designers. Springer-Verlag Berlin Heidelberg 2011. Retrieved from <https://www.researchgate.net/publication/273456739>

Crowther, M. R., Parker, M. W., Achenbaum, W. A., Larimore, W. L., & Koenig, H. G. (2002). Rowe and Kahn’s Model of Successful Aging Revisited: Positive Spirituality – The Forgotten Factor. The Gerontologist. Vol. 42(5): 613-620. Retrieved from <https://www.changemakers.com/sites/default/files/jthegerontologist2002.pdf>

Gall, T. L., Charbonneau, C., Clarke, N. H., Grant, K., et. al. (2005). Understanding the Nature and Role of Spirituality in Relation to Coping and Health: A Conceptual Framework. Canadian Psychology. Vol. 46(2): 88-104. Retrieved from <http://www.chaplaincyacademy.com/files/Understanding%20the%20Nature%20and%20Role%20of%20Spirituality%20in%20Relation%20to%20Coping%20and%20Health%20pdf.pdf>

Koenig, H. G., George, L. K., & Titus, P. (2004). Religion, Spirituality, and Health in Medically Ill Hospitalized Older Patients. Journal of the American Geriatrics Society, Vol. 52(4): 554-562.

Lachman M. E., Teshale S., & Agrigoroaei S. (2014). Midlife as a Pivotal Period in the Life Course: Balancing Growth and Decline at the Crossroads of Youth and Old Age. US National Library of Medicine. Retrieved from <https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4286887/>

Levdikova, T. (2017). Designing Apps for Elderly Smartphone Users. Retrieved from <https://clutch.co/app-development/resources/designing-apps-for-elderly-smartphone-users>

Levinson, D. J. (1986). A Conception of Adult Development. American Psychologist. Retrieved from <https://pdfs.semanticscholar.org/5e75/2a77fb59cc48e9eea4b1ef4c53056b0f140e.pdf>

M. Hamiz, M. Bakri, Haryani Haron, Sabiroh Md Sabri, & Nursuriati Jamil. (2014). Repetitive Memorization Mobile Application Development for Elderly Memory Recall. The IEEE Conference on e-Learning, e-Management and e-Services 2014, At Melbourne, Australia.

Mohammad Marzuqi Abd Rahim. (2008). Pengajaran Mata Pelajaran Hafazan Al-Quran: Suatu Kajian Maahad Tahfiz Al-Quran Zon Tengah. Kertas Projek Sarjana: Fakulti Sains Kognitif dan Pembangunan Manusia: Universiti Pendidikan Sultan Idris.

Murman, D. L. (2015). The Impact of Age on Cognition. US National Library of Medicine. Retrieved from <https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4906299/>

Nor Musliza Mustafa & Mokmin Basri. (2014). Proceeding of the Social Sciences Research ICSSR 2014. Retrieved from <https://www.researchgate.net/publication/278383374_PERBANDINGAN_KAEDAH_HAFAZAN_AL-QURAN_TRADISIONAL_DAN_MODEN_SATU_KAJIAN_AWAL>

Nuril Ham Al Hafizah Binti Zahari, Sharifah Norshah Bani Binti Syed Bidin & Syadiah Nor Binti Wan Syamsuddin. (2017). Development of Al-Quran Android Application from Year 2013 to 2016: The Highlight. International Journal of Academic Research in Business and Social Sciences. Vol 7(2). Retrieved from <http://hrmars.com/hrmars_papers/Development_of_Al-Quran_Android_Application_from_Year_2013_To_2016_The_Highlight.pdf>

Orimo, H., Ito, H., Suzuki, Takao., Araki, A., Hosoi, Takayuki., & Sawabe, M. (2006). Reviewing the Definition of “Elderly”. Geriatr Gerontol Int. Retrieved from <https://www.researchgate.net/publication/263589932/download>

Sedek Ariffin, Mustafa Abdullah, Ishak Suliaman, Khadher Ahmad, Fauzi Deraman, Faisal Ahmad Shah, Mohd Yakub Zulkifli Mohd Yusoff, Monika Munirah Abd Razzak, Mohd Murshidi Mohd Noor, Jilani Touhami Meftah, Ahmad K Kasar, Selamat Amir & Mohd Roslan Mohd Nor. (2013). Effective Techniques of Memorizing the Quran: A Study at Madrasah Tahfiz Al-Quran, Terengganu, Malaysia. Middle-East Journal of Scientific Research. Vol 13(1):45-48.

Silva, P. A., Holden, K., & Jordan, P. (2015). Towards a List of Heuristics to Evaluate Smartphone Apps Targeted at Older Adults: A Study with Apps that Aim at Promoting Health and Well-being. 48th Hawaii International Conference on System Sciences. Retrieved from <https://www.researchgate.net/publication/275952021>

University of California - Los Angeles. (2008). Physical Decline Caused By Slow Decay Of Brain's Myelin. ScienceDaily*.* Retrieved from [www.sciencedaily.com/releases/2008/10/081017150738.htm](http://www.sciencedaily.com/releases/2008/10/081017150738.htm)

Zan Azma Nasruddin & Husnayati Hussin. (2013). Towards a Theoretical Framework for Understanding Muslim- Centered User Interface Design. 5th International Conference on Information and Communication Technology for the Muslim World.

Zaphiris, P., Ghiawadwala, M., & Mughal, S. (2005). Age-centered Research-Based Web Design Guidelines. CHI 2005. Retrieved from <https://www.researchgate.net/publication/221514852>
