Table 4 Exploratory evaluation scoring of MY IBD Buddy user interface based on Nielsen’s principles (alpha)

Visibility of system status

3

1

2

1

3

3

3

1

1

2

3

2

3

3

1

3

2

1

2

2

3

1

1

2

3

3

2

2

1

1

2

1

3

3

3

•In my profile, date of surgery,and last test date, selection does not work.

•In the information editing section, after editing information and pressing the button to register and save information, the system does not show any reaction.

•In the medical certificate section, under the colonoscopy preparation program icon, the suggested preparation program, •view the program, after selecting the items, there is no key to confirm and the system does not give us any feedback.

•In the medical certificate section, under the icon of my tests, blood and stool tests, the registration option does not work.

•BMI calculation section does not work.

•In my profile, “Register and save information” is not working.

1.4

1.4

2

1.8

2.6

2.6

2.8

Cosmetic problem

Cosmetic problem

Minor problem

Minor problem

Major problem

Major problem

Major problem

Match between system and the real world

1

0

1

1

1

The icon used for “my tutorial” is not suitable. This icon in the real world is a symbol of graduation.

0.8

Cosmetic problem

User control and freedom

3

4

4

4

3

While working with the application without exiting the application, I encountered an error ( bug ) exiting the application and had to select the option clear cash Log in again.

3.6

Catastrophic problem

Consistency and standards

1

2

1

2

2

1

3

1

1

3

1

2

2

1

1

1

1

1

1

1

1

2

1

1

1

2

2

3

3

1

3

1

1

1

1

1

1

1

2

1

2

1

2

2

2

2

3

3

2

4

1

1

1

1

1

1

1

1

2

2

2

2

2

2

1

3

3

2

3

3

2

3

1

1

2

1

1

2

2

2

3

1

2

1

1

3

2

2

2

2

2

2

1

1

1

•In the section about us, information about the disease should not be included.

•The username at the top of the page must be the entered username.

•The icon used next to the username is not in accordance with the standards.

•

•The arrow that appears on the screen for scrolling is not in accordance with the standards and covers the text.

•In the “Monitoring and managing my symptoms” section “Monitoring Education “ The title “food diary” is not appropriate.

•In the “Drug information” section, after selecting this icon, we will enter a page titled “Identity certificate of the disease” at the top of the page. This is not correct and the titles should be the same.

•In the “My Education” section, there is no information about the person’s education and we encountered the message “You have no message”.

•In the section “Monitoring and managing my symptoms”, the photos used for the sub- icons in this section are not suitable.

•In the section “Monitoring and managing my symptoms” The titles used are not indicative of what they are supposed to do For example, “monitoring and interaction” is better than “satisfaction measurement”.

•Persian and English words are used in the title of the application.

•In the section of the medical certificate, under the colonoscopy preparation program icon, the suggested preparation program, view the program, there is no key to confirm after selecting the items.

•In the medical certificate section, under the icon of the colonoscopy preparation program, add a new form, the title of adding a new form is wrong, and the title of adding a new program should be used instead.

•In the medical certificate section, add a new form under the icon of the colonoscopy preparation program, on the editing page of the personal preparation program, adding a new item must be in the form of a button so that the user can understand its function.

•BMI calculation part, instead of BMI, its Persian equivalent should be used.

•In the medical certificate section, under the allergies icon, add drug icon after drug/food allergy: the drug/food allergy title should be used from the beginning instead of the allergies title because it is difficult to remember. The principle of consistency and standards are also not respected because the same words should be used as much as possible throughout the program.

•In the section of my profile, some check marks should not be ticked at the same time, for example, it is possible to select the recovery and relapse icons at the same time.

•It is better to use the drop-down menu with values or terms understandable for the patient in the section of my specifications for the type of surgery.

•In the My Profile section, icons should be placed next to the names. For example, alcohol and cigarettes are far from icons.

•In the registration section of user information and type of disease, why are ulcerative colitis and unknown options the same? A separate option should be placed for unspecified.

1.2

1.6

1.8

1.6

2

1.4

2.2

1.4

2.2

3

1.6

2.8

1.8

1.4

1.6

1.2

1

1.2

1

Cosmetic problem

Minor problem

Minor problem

Minor problem

Minor problem

Cosmetic problem

Minor problem

Cosmetic problem

Minor problem

Major problem

Minor problem

Major problem

Minor problem

Cosmetic problem

Min problem

Cosmetic problem

Cosmetic problem

Cosmetic problem

Cosmetic problem

Error prevention

4

4

3

3

2

4

4

3

3

3

•In the medical certificate section, under the sensitivities icon, the add medicine icon, in the drug/food allergy section, no type of (numerical) data should be allowed to enter.

•In the medical certificate section, under the icon of my tests, blood and stool tests, only numbers can be entered in the boxes, but letters can also be entered and the system will not get any errors.

3.2

3.4

Major problem Major problem

ajor

Recognition rather than recall

-

-

-

-

-

-

-

-

Flexibility and efficiency of use

 3

 3

 2

 3

 2

•In the “My Support” section, there is a repetition of the information in the “Certificate of Illness, Allergies” section.

•In the medical certificate section, under the colonoscopy preparation program icon, add a new form, on the edit page of the personal preparation program, the cancel option does not work.

•For all symptoms, you could have used the all option so that the user does not have to select all options.

 2.6

 Major problem

Aesthetic and minimalist design

1

1

1

2

1

1

2

1

2

2

2

2

2

1

2

2

1

2

2

2

2

1

2

1

2

1

1

2

2

1

1

1

2

1

1

2

1

3

2

1

1

2

1

1

2

2

1

1

1

2

1

2

2

1

1

2

1

1

2

1

1

1

1

1

1

1

1

1

2

2

1

1

1

1

1

•In the Terms and Conditions section, the font color of my IBD Associate is illegible in the About Us section.

•In the “drug information” section on the medical certificate page, the icons are not designed properly and are not uniform. Why two items are designed horizontally and two items are designed vertically. Why are different bolts used?

•In the “Monitoring and managing my symptoms” section, the “Psychological monitoring” section is not properly designed, the sentences are covering the icons .

•In the “Monitoring and managing my symptoms” section “Monitoring”. Training” design is not suitable, sentences are covered by icons.

•In the section about us, we encountered long texts.

•In the medical certificate section, under the colonoscopy preparation program icon, suggested preparation program, view program, some items have no writing and only a dash is used.

•In addition to the fonts, the layout is completely irregular.

•The arrangement of information in the medical certificate section is not good. On what basis were the colors chosen? Why are two parts green and the rest orange?

•In the medical certificate section, under the icon of my status, at the bottom of the screen, I noticed that there is no reason for the message.

•In the medical certificate section, under the icon of my status, the fonts are in such a way that they are removed from the page.

•In addition to the fonts, the layout is completely irregular.

•Aesthetic aspects are not respected in my profile. For example, the extraintestinal status should be known and it should be clear that the values below are related to it.

•In the My Profile section, bold should be used to identify and separate different status types.

•What is the score on the main page on the top left for? It has no function.

•General error: In various parts of the program, the date is mentioned for no reason. There is no need to mention the date and additional information is placed on the page, for example, in the section “Drug information” under the section “General illegal drugs”

1.4

1

1.4

1.4

1.4

1.4

1.4

1.8

1.6

1.6

1.4

1.4

1.4

1.4

1.4

Cosmetic problem

Cosmetic problem

Cosmetic problem

CosmeticProblem

CosmeticProblem

Cosmetic problem

Cosmetic problem

Minor problem

Minor problem

Minor problem

Cosmetic problem

Cosmetic problem

Cosmetic problem

Cosmetic problem

Cosmetic problem

Error identification, diagnosis, and recovery

-

-

-

-

-

-

-

-

Help and documentation

3

1

3

2

3

1

3

2

1

1

•The guide placed in the system was not practical and the information needed to use the system was not included in this section.

•The guide should guide the user in a hierarchical and step-by-step manner.

2.6

1.4

Major problem

Cosmetic problem