|
| UI element | Delphi study main highlighted result |
|
| General issues | The guideline still needs to expand to cover more aspects regarding the interface design, and some points need more clarification. “I prefer if you add more about usability and user experience” Wordy and needs to have some examples to clarify some points. The guideline was integrated with UI guidelines such as Google and apple. This guideline is based on a real user experiment, which makes it more credible and designers can trust it. I think it is good to start to have end-user preferences, but it is hard to generalise.” The general principles are more useful but need more examples and figures Designers notice the importance of usability testing and involving the user in their design. |
|
| General principles | Experts shared their thought about general principles; the following are the important points that experts mentioned for improving these principles. Principles are more useful for example. “Could you provide some examples and photos to clear your idea?” Some of these principles need clarification. I Prefer to rephrase again |
|
| Font type and size: | Microsoft products are well-known in the Arabic world and most people are familiar with Microsoft applications. Therefore, experts think users will be more comfortable with simplified Arabic and Microsoft sans serif fonts. “I think the font you selected is perfect and I would appreciate it if you include more fonts next time.” Female user: a feminine design was more appealing, more effective, and better suited for the purpose. Font type could be flexible to the user so that the user can change the fonts anytime he or she prefers. Most Arabic letters take more space than the other script. Therefore, we usually change the font type from serif to new roman and we change the font size from 10 to 13 points. Also, we set the font weight to be thicker than the Latin script as shown in the following code: |
| | EN : | AR : |
| | Span
{
font-family: Arial, Serif;
font-size: 10px;
font-weight: 100; | Span
{
font-family:Verdana,Times New Roman (Arabic), Arial Unicode MS,Arial,Transparent,Sans Serif,Verdana, Helvetica;
font-size: 13px;
font-weight:600;
} |
|
| Colours: | Colours are one of the important preferences for the user to enhance the usability of any application. The educational application should have cold colours to improve readability. Some experts thought colours are subjective and not easy to choose. Therefore, the design could be something general, not very specific; for example, the female user prefers cold colours and the male prefers warm colours. “Colours are always a problem for me, well I cannot determine the appropriate coloursو. However, could you add more about colours and colour plate in Arabic, please?” Experts mentioned that the guidelines do not cover user disability problems. Experts believed that the guidelines could consider the device resolution, which affects the used colour. Because some colours will not appear as they are supposed to, due to the device resolution. |
|
| Alignment | Alignment is one of the complicated things in the Arabic user interface design with bilingual design; users still suffer when using the Arabic language with English while writing, in addition to sorting the pages with multimedia. Experts were asked to explain more about a text with multiparagraphs and each paragraph containing multilines. Experts thought guidelines should consider a case where text was mixed with images and was bilingual. |
|
| Menu type | Regards to the menu text size and style, most of the Arabic letters are larger than the Latin letters, such as the Arabic letter “(س) sein” in comparison with the letter “I”, this could affect the menu or button spaces. To solve this problem, we used the following code |
| | EN: | AN: |
| | Menu: link
{
font-family: MS Sans Serif;
font-size:10px;
} | Menu: link
font-family: Times New Roman (Arabic), Sans Serif;
font-size:12px;
} |
|
| Religious symbol | Need to consider other religions’ signs. “if you can add more and find out about religious symbols’ meaning.” Collect all the religious symbols’ meanings (make it a table). |
|
| Touchscreen gesture | Another added that they would appreciate touchscreen gesture explanations with some examples supported by photographs. “Touchscreen design is deferent in regard the designer should taking into his account the gesture and how users could they use their hands (figures)” (P#8). |
|
