Scribd
Upload
5 views

Computer Science

The document outlines 10 heuristic principles for evaluating user interface design, including visibility of system status, user control, and error prevention. It provides a detailed evaluation of the ManageBac platform against these principles, highlighting strengths such as aesthetic design and recognition features, while also noting areas for improvement like consistency across devices and the need for confirmation options. Recommendations are made for enhancing user experience, particularly on mobile devices.

Uploaded by

omarfaisal169
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

Computer Science

The document outlines 10 heuristic principles for evaluating user interface design, including visibility of system status, user control, and error prevention. It provides a detailed evaluation of the ManageBac platform against these principles, highlighting strengths such as aesthetic design and recognition features, while also noting areas for improvement like consistency across devices and the need for confirmation options. Recommendations are made for enhancing user experience, particularly on mobile devices.

Uploaded by

omarfaisal169
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Computer Science

10 heuristic principles

Visibility of system status:


- It keeps users informed about what’s going on (loading..., notification)

Match between system and real word:


- If the website speaks the users’ language, uses real-world conventions and familiar
concepts (notifications button in the form of a bell, home page button in the form of a
house…)

User control and freedom:

- Website provides emergency exits for unintended actions, support redo and undo.

Consistency and standards:


- The platform or website provides the same features on all devices (desktop and phones)
- Internal consistency is maintained within the system

Error prevention:
- Eliminate error-prone conditions (if there is a spelling mistake for example there is a red
underlining)
- Provide confirmation options before committing an action

Recognition rather than recall:


- Make objects, actions, and options easily accessible
- Minimize the user’s memory load

Flexibility and efficiency of use:


- Caters to both experienced and unexperienced users
- keyboard shortcuts are present

Aesthetic and minimalistic design:


- website/application avoids unnecessary information
- design is kept simple and focused

Help users recognize, diagnose, and recover from errors:


- express error messages in plain language
- indicate specifically the problem and suggest a solution

Help and documentation:


- provide easy to search help and documentation (frequently asked questions)
- focus on user’s task
ManageBac Evaluation
Heuristic Principle Evaluation Recommendations Rating
Visibility of system The website shows a loading
status horizontal line whenever I press a 5
class to tell me how much it will
take to open the class, it also has a
notification center to tell me
whenever I have assignments and
it shows a loading circle whenever
I open the notification center to
tell me how much time it will take
to open.
Match between system The website presents the
and real world notification center button in a 5
form of a real-life bell, the explore
button in a form of a real-life
compass and the classes button in
the form of a teacher standing
Infront of a whiteboard. The
website also offers a wide range of
users’ languages like Arabic,
English, Chinese, Spanish, and
Japanese.
User control and The website provides user with a Support undo and
freedom cancel button when uploading a redo options 3
file; however, after uploading you
can’t undo or redo.

Consistency and The application is almost the same Add a help and
standards on both desktop and phone, there support feature on 2
is a quick add feature in both, all the phone that
the groups and classes are provides users with
available on both as well as the tips and way to use
calendar; however, some buttons the website, unify the
have different icons on the phone icons of buttons so if
than on the desktop, for example the notification center
the notification button the phone is represented by a
is in the form of a desk drawer but bell on the desktop,
on the desktop it’s in the form of a represent it in the
bell; additionally, on desktop there same way on the
is a help and support feature that phone.
provides user with tips and steps
in using the website but on the
phone this feature is not present
Error prevention There are no confirmation options Provide user with
before committing an action, so confirmation options 3
for example it doesn’t send a before doing an
confirmation before uploading an action
assignment so the user might
upload a wrong file/ document.
Recognition rather The website provides the user with
than recall several icons and menus to help in 5
navigating easily, it acquires a
simple design that also makes the
usability of the website easier.

Flexibility and The website is easy to use as Add support and help
efficiency of use experienced and unexperienced section on mobile 4
users can use it easily; in addition, phone
the website provides a support
and help section that helps
unexperienced users who can’t use
it to use it easily; however, the
only problem is that the help and
support section is only available on
desktop.
Aesthetic and The website acquires a simple
minimalistic design design and integrates simple colors 5
in its design (white and blue), the
website avoids unnecessary
information to avoid a crowded
design, each subject and resource
is organized in sections in a
minimalistic, simple design
Help users recognize, Whenever there is a problem
diagnose, and recover accessing a class or resource the 5
from errors website takes you to another page
(managebac error 401) and tells
you that there is an error and then
provides solutions for how you can
solve the error for example logging
out then logging in again or
refreshing you page.
Help and The help and support are on the Add this option to
documentation website provides you with phone not only 4
frequently asked questions about desktop
problems that users encounter
most of the time, but as previously
mentioned this is only available on
desktop not phone.

You might also like