Arabsera

Write your awesome label here.

NAVIGATION FLOW

Cross browser & device testing

Check if your website works properly when accessed through different browsers and devices.

Alignment

Check that all the text, images and controls are aligned and displayed properly across all devices. Also, images adapt properly to smaller screens.

Spacing

Check that there is space between the elements, enough giving a balance in the design. Looking for unreasonable margins / paddings.

Write your awesome label here.

Typography

Consistency

Interactivity

Check if Calls To Action (CTA), forms, and menu items are easy to interact with, when accessing through various devices

Pop Ups

Check if the pop ups are responsive. Suggesting alternatives (forms,CTAs), in case there are many pop ups

Website Navigation

Check that all the settings of the school stand out and the selection of these do not negatively affect other aspects of the school.

Payment Settings

Login / Sign Up Settings

Navigation Settings

Community & Learning Apps

Stands Out

Menu navigation should be noticeable from the other sections of the page.

Link Labels

Avoid using too large link labels in topbar and footer menus. Choose using words that describe exactly the purpose of each page.

Topbar

Checking that it contains all the necessary links and the number of links is limited to 5 - 7.

Before Login

After Login

Footer

It typically contains a copyright notice, links to policy pages, logo, contact information and social media icons.

Dead Ends

Interactive Links

Offer good visual signifiers, such as contrasting colors,hovers, to give visitors a clear signal of what is clickable versus static.

Sticky menu

Stick on scroll menus remain visible at the top of the viewport all of the time, which reduces interaction cost.

Order of navigation items

Items at the beginning and the end are most effective because our brains recall them much easier than the middle items

When embedding learnworlds links in the course player, they need to add ?preview=1 at the end of the URL, otherwise the user is taken outside the course player and to the page itself.

Check for redirections that may prevent the user from visiting the wanted page.

Site Navigation

School is subscription-only

Course Cards

Speed Test

Testing performance of the website, by running speed tests that offer detailed recommendations for faster loading speed.

Forms

Testing that the forms are working as they are supposed to do. Check if the submit button of the form redirects the user to another page.

Internal Links

Make sure that there is one link for each page in the school.

External Links

Images Quality

Checking for high quality images, that need optimization for better speed.

Contact

Checking that your school contains all the necessary contact details, so the users are easy to communicate with you.

Non-Used Pages

Searching for pages that are empty, or older, and they are not used anywhere in the school.

Typography

Web typography encompasses both how we design the look of the text itself — fonts, colors, and styling — as well as how we present the text on its respective web page.

Font Size

Headings

Font Families

Text Alignment

Text Contrast

Line Height

Checking the Font size of the text

Check that the font pairings work well together and that there is consistency across the website

Congratulations! You are using 3 font families in your school and they're easily readable.

Check the colour of the text. Test that there is enough contrast, so that the text is readable

There are some sections, on the Homepage and the After login page, where the text is not easily visible due to the lack of contrast between the background color and the text color.

Write your awesome label here.

The space between one line and another should be such that the text is easily scrollable, and not cause the reader to squint or have to look closely

Line Height of the text content is good and consistent in every text.

Colors

Web typography encompasses both how we design the look of the text itself — fonts, colors, and styling — as well as how we present the text on its respective web page.

Balance

Color Scheme

Palette

Keep the guidelines of the color scheme, according to the titles and descriptions we provide, for better results.

Congratulations! You have not violated our guidelines in the color scheme.

Check that the colors of the palette pair well and provide an aesthetically pleasing result.

Congratulations! You have made a good choice of colours in your palette.

Here are some important considerations to keep in mind when selecting a color palette:

Branding and Identity: Consider the school's branding and identity. The colors you choose should align with the school's logo and other branding elements to create a consistent and cohesive look.

Accessibility and Readability: Prioritize accessibility by selecting colors that have enough contrast for easy reading. Ensure that text and important content stand out clearly against the background colors.

Psychology of Colors: Different colors evoke different emotions and associations. Consider the psychological impact of colors on your target audience. For your online school, you should use calming and professional colors that promote a sense of trust and learning.

Spacing

Check that there is space between the elements, enough giving a balance in the design. Looking for unreasonable margins / paddings.

Write your awesome label here.

Background

Check that backgrounds behind any text are solid and plain

Readability

Layout

Check that there is consistency in the height and width, across the school and the sections.

Alignment

Horizontal & Vertical - Check the alignment of the images, columns, texts, buttons. It’s necessary for the proper structure of the website

Visual cues for separating elements

Check that the colors of the buttons stand out, or that you use group boxes and areas with different backgrounds so you can separate the content of your page.

Links

Check the font, color and style of the active links

Images

Check that the content of your images fits your page. Also it is very important, your images have a good quality.

Logo & Favicon

Checking that you have uploaded a logo and a browser icon for your school.
Logo appears in emails, video watermarks and in social media sharing.
Favicons are most often found in the address bar of your web browser.

Sign In / Sign Up Pages

Large Content

Check that you use short sentences and avoid meaningless words. Try to keep small paragraphs.

Large content should not be avoided on your school altogether, but they should be used thoughtfully and with consideration for the user experience. Here are a few reasons why you might want to be mindful of using large amounts of text and content:
Readability and Scannability → Visitors to your website often skim and scan content rather than reading every word.
Attention Span → Internet users typically have shorter attention spans, so presenting information concisely and in an engaging manner is important.
Mobile Responsiveness → Many users access websites on mobile devices with smaller screens. Large blocks of text that are not properly formatted for mobile screens can lead to a frustrating user experience, as users might have to constantly zoom in and out to read the content.
Page Load Speed → Large amounts of text and content can contribute to longer page load times.
SEO Considerations → Search engines consider the structure and relevance of your content when determining how to rank your website in search results.

Headings

Check that headings and subheadings are clear and descriptive. Make sure that your headings and subheadings describe what you will be talking about in that paragraph

Dead Links

Check if there are links that point to pages that have been deleted or moved or buttons without url.

Social Media

Check that social media are all linked on the school

Write your awesome label here.

Policy Pages

Our policy pages contain a text template. Check that the content of these pages fits your school needs.

Contact Page

Review the options for contacting (phone, email, live chat, or physical address), and checking for missing information.

Course Pages

Reminding to add automatic enrollment button in course layout pages.

Course Content

Reminding to review if any of the course contents sections remained in draft mode.

Forms

In “After Submit” action of the form, you can edit the text that appears when the user completes the submission.

Embed Widgets

Checking that embed widgets do not affect any of the rest features of the builder.

Distracting Elements

Check that visitors are not distracted with irrelevant information that has nothing to do with the action you want them to take.

Calls to Actions

Contact Details

Review the options for contacting (phone, email, live chat, or physical address), and check for missing information.

Testimonials

Written statement that explain why your product is good to buy it. Showing testimonials can drive validation.

Try to limit the number of options to seven or less. Or better yet, you can categorize your options.

Mobile - Responsive

Having a nice mobile site can double conversions.

SEO Title

The headline that appears in search results, gives an accurate and concise summary of what the page is about.

SEO Description

Heading (H1 - H6)

H1

H2

H3

Write your awesome label here.

Actual Text

Text should be actual text and not image of text. The text on the website helps search engines determine how to rank it in their search results.

Image Alt Text

Page Properties

Check your page keywords. Make sure you have edited the "Page SEO Properties" on each page of your school.

Links

The use of internal & external links improve the search visibility and rank of your website.

Slugs

URLs with many characters, letters, or numbers can be confusing to users, and they may hesitate before clicking.

Misspelled Content

Check for misspelled words in the content or "wrong" images. Before you publish a page, be sure that you haven’t left on the page images/ names/ titles/ texts from LearnWorlds layouts.

Notification emails

Course Units

When making a course unit, be sure that they are not empty.

Sandbox Mode

Make sure that the Sandbox Payment Gateway,that is used for testing, is not activated.

Grid Columns

Rebuild or fix columns that do not behave correctly and do not adapt automatically in various devices.

General Suggestions

After Login Page: Currently you have in your After login page, the same content as in your Homepage. In general, it is a good practice to have the following:

A profile button for the students
A section showcasing the number of courses, messages, certificates etc, each student has
A course catalogue "My Courses" enabled on the filters, to help your students easily find the courses they are already enrolled in.
And a section with the latest school posts, daily news or community posts

Another suggestion is to avoid using negative margins. Negative margins in web design can be a useful technique when used appropriately, but they also come with potential drawbacks and considerations. Here are some reasons why negative margins might not always be the best choice:

Complexity and Maintenance: Using negative margins can make your layout more complex and harder to maintain.
Responsive Design Challenges: Negative margins can be problematic in responsive web design.
Cross-Browser Compatibility: Negative margins might behave differently across various browsers and devices.

Write your awesome label here.

Arabsera School Review Analysis

User Experience

User Interface

Conversion Optimization

SEO

Common Pitfalls

User Experience

What is Responsive Web Design?

Cross browser & device testing

Navigation Menu

Alignment

Spacing

Typography

Consistency

Interactivity

Pop Ups

What is Navigation Flow?

Website Navigation

Stands Out

Link Labels

Topbar

Footer

Dead Ends

Interactive Links

Sticky menu

Order of navigation items

What is Performance?

Speed Test

Forms

Internal Links

External Links

Images Quality

Contact

Non-Used Pages

User Interface

What is Web Design?

Typography

Colors

Spacing

Background

Readability

Layout

Alignment

Visual cues for separating elements

Links

Images

Logo & Favicon

Sign In / Sign Up Pages

What is Web Content?

Large Content

Headings

Dead Links

Social Media

Policy Pages

Contact Page

Course Pages

Course Content

Forms

Embed Widgets

Conversion Optimization

Distracting Elements

Calls to Actions

Contact Details

Testimonials

Mobile - Responsive

SEO

SEO Title

SEO Description

Heading (H1 - H6)

Actual Text

Image Alt Text

Page Properties

Links

Slugs

Common Pitfalls

Misspelled Content

Notification emails

Course Units

Sandbox Mode

Grid Columns