This is Part 4 of a 7-part series of the research paper “Towards Usability Guidelines for the Design of Effective Arabic Websites”. Use the table of links below to navigate to the other parts. Table of Links Abstract and I. Introduction II. Previous Works III. Research Methodology IV. Font and Image Inspection Studies V. Results VI. Discussion VII. Conclusions, Future Research Directions, and References IV. FONT AND IMAGE INSPECTION STUDIES A. The Morphology of the Arabic Language Before delving into the details of the studies conducted in this research, a brief introduction to the Arabic language is given. Arabic is one of the richest Semitic languages with more than 12 million unique words and 300 million speakers across the globe. Arabic is written from right to left. In essence, words are created from a set of 28 distinct letters, with 15 letters using dots, either above or below the letter (as depicted in Fig. 2). The Arabic letters use diacritics which create different meanings according to the context of use. Table I demonstrates how applying well-known font types changes the look and feel and overall readability of the Arabic text. The selected fonts to showcase are the most used fonts as per our analysis below. This includes Times New Roman, Arial, Tahoma, Helvetica, Cairo, and Droid Arabic Kufi. All font types are applied to the same sentence and are sized to 8 points (~ 11 pixels). B. Selection of the Arabic Websites A total of 73 differing Arabic websites were selected and evaluated on several metrics with a focus on font and image characteristics as detailed below. The selected online websites for investigation were the most visited websites by users living in the Kingdom of Saudi Arabia according to the latest ranking (i.e. February 2019) of Alexa Internet [30]. Technically, Alexa ranks websites locally or globally using multiple Internet browsing and web traffic criteria, including the number of monthly unique visitors to the site, number of site views for the last three months, and average time spent viewing the website. The websites we decided to investigate were the most visited Arabic websites and included 52 local websites (71.23%) and 21 international websites (28.77%). This enabled us to learn about the font and image related design practices of both local (e. g. Souq, Almubasher … etc.) and international sites (e. g. Google, YouTube, Microsoft … etc.). A selected sample of the tested Arabic websites is shown below in Fig. 3, Fig. 4, and Fig. 5. Fig. 6 depicts the distribution of 73 top ranked Arabic websites according to their genre. Notably, Government websites were the most commonly visited websites among the Saudi population, with 14 websites. This was followed by news (13 websites), corporate (11), education (9), e-commerce (7), entertainment (5) and social media (4) websites. The remaining sites (12 websites) spread across diverse categories, such as charity, search engine, travel, and tourism, etc. Authors:
(1) Abdallah Namoun, Department of Information Systems, Faculty of Computer and Information Systems, Madinah, Saudi Arabia;
(2) Ahmad B. Alkhodre, Department of Information Technology, Faculty of Computer and Information Systems, Madinah, Saudi Arabia. This paper is available on arxiv under CC BY 4.0 DEED license. This is Part 4 of a 7-part series of the research paper “Towards Usability Guidelines for the Design of Effective Arabic Websites”. Use the table of links below to navigate to the other parts. This is Part 4 of a 7-part series of the research paper “ Towards Usability Guidelines for the Design of Effective Arabic Websites ”. Use the table of links below to navigate to the other parts. Part 4 Towards Usability Guidelines for the Design of Effective Arabic Websites Table of Links Abstract and I. Introduction Abstract and I. Introduction II. Previous Works II. Previous Works III. Research Methodology III. Research Methodology IV. Font and Image Inspection Studies IV. Font and Image Inspection Studies V. Results V. Results VI. Discussion VI. Discussion VII. Conclusions, Future Research Directions, and References VII. Conclusions, Future Research Directions, and References IV. FONT AND IMAGE INSPECTION STUDIES A. The Morphology of the Arabic Language A. The Morphology of the Arabic Language Before delving into the details of the studies conducted in this research, a brief introduction to the Arabic language is given. Arabic is one of the richest Semitic languages with more than 12 million unique words and 300 million speakers across the globe. Arabic is written from right to left. In essence, words are created from a set of 28 distinct letters, with 15 letters using dots, either above or below the letter (as depicted in Fig. 2). The Arabic letters use diacritics which create different meanings according to the context of use. Table I demonstrates how applying well-known font types changes the look and feel and overall readability of the Arabic text. The selected fonts to showcase are the most used fonts as per our analysis below. This includes Times New Roman, Arial, Tahoma, Helvetica, Cairo, and Droid Arabic Kufi. All font types are applied to the same sentence and are sized to 8 points (~ 11 pixels). B. Selection of the Arabic Websites B. Selection of the Arabic Websites A total of 73 differing Arabic websites were selected and evaluated on several metrics with a focus on font and image characteristics as detailed below. The selected online websites for investigation were the most visited websites by users living in the Kingdom of Saudi Arabia according to the latest ranking (i.e. February 2019) of Alexa Internet [30]. Technically, Alexa ranks websites locally or globally using multiple Internet browsing and web traffic criteria, including the number of monthly unique visitors to the site, number of site views for the last three months, and average time spent viewing the website. The websites we decided to investigate were the most visited Arabic websites and included 52 local websites (71.23%) and 21 international websites (28.77%). This enabled us to learn about the font and image related design practices of both local (e. g. Souq, Almubasher … etc.) and international sites (e. g. Google, YouTube, Microsoft … etc.). A selected sample of the tested Arabic websites is shown below in Fig. 3, Fig. 4, and Fig. 5. Fig. 6 depicts the distribution of 73 top ranked Arabic websites according to their genre. Notably, Government websites were the most commonly visited websites among the Saudi population, with 14 websites. This was followed by news (13 websites), corporate (11), education (9), e-commerce (7), entertainment (5) and social media (4) websites. The remaining sites (12 websites) spread across diverse categories, such as charity, search engine, travel, and tourism, etc. Authors: (1) Abdallah Namoun, Department of Information Systems, Faculty of Computer and Information Systems, Madinah, Saudi Arabia; (2) Ahmad B. Alkhodre, Department of Information Technology, Faculty of Computer and Information Systems, Madinah, Saudi Arabia. Authors : Authors (1) Abdallah Namoun, Department of Information Systems, Faculty of Computer and Information Systems, Madinah, Saudi Arabia; (2) Ahmad B. Alkhodre, Department of Information Technology, Faculty of Computer and Information Systems, Madinah, Saudi Arabia. This paper is available on arxiv under CC BY 4.0 DEED license. This paper is available on arxiv under CC BY 4.0 DEED license. available on arxiv available on arxiv

Part of HackerNoon's growing list of open-source research papers, promoting free access to academic material.

73 Top Saudi Sites Were Analyzed for Font Morphology, Image Design and User Preferences

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Improving Usability Through Better Font and Image Practices in Arabic Websites

Results: Font, Image Usage, and Performance Trends across 73 Arabic Websites

Research Methodology for Inspecting Typography and Images in Arabic Websites

Design Arabic Websites with Consistent Fonts, Optimal Sizes, and Culturally Aligned Images

What's in Store for the Future of Arabic Web Design and Usability

Improving Usability Through Better Font and Image Practices in Arabic Websites

Results: Font, Image Usage, and Performance Trends across 73 Arabic Websites

Research Methodology for Inspecting Typography and Images in Arabic Websites

Design Arabic Websites with Consistent Fonts, Optimal Sizes, and Culturally Aligned Images

What's in Store for the Future of Arabic Web Design and Usability

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps