<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving and Interchange DTD v1.0 20120330//EN" "JATS-archivearticle1.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink">
  <front>
    <journal-meta />
    <article-meta>
      <title-group>
        <article-title>UI/UX design of educational on-line courses</article-title>
      </title-group>
      <contrib-group>
        <aff id="aff0">
          <label>0</label>
          <institution>Donetsk State University of Internal Afairs, Kryvyi Rih Research Education Institute</institution>
          ,
          <addr-line>21 Stepana Tilhy Str., Kryvyi Rih, 50065</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
        <aff id="aff1">
          <label>1</label>
          <institution>Educational Scientific Professional Pedagogical Institute of Ukrainian Engineering Pedagogical Academy</institution>
          ,
          <addr-line>9a Nosakova Str., Bakhmut, 84511</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
        <aff id="aff2">
          <label>2</label>
          <institution>Institute for Digitalisation of Education of the National Academy of Educational Sciences of Ukraine</institution>
          ,
          <addr-line>9 M. Berlynskoho Str., Kyiv, 04060</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
        <aff id="aff3">
          <label>3</label>
          <institution>Kryvyi Rih National University</institution>
          ,
          <addr-line>11 Vitalii Matusevych Str., Kryvyi Rih, 50027</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
        <aff id="aff4">
          <label>4</label>
          <institution>Kryvyi Rih State Pedagogical University</institution>
          ,
          <addr-line>54 Gagarin Ave., Kryvyi Rih, 50086</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
        <aff id="aff5">
          <label>5</label>
          <institution>National University of “Kyiv Mohyla Academy”</institution>
          ,
          <addr-line>2 Hryhoriya Skovorody Str., Kyiv, 04070</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
        <aff id="aff6">
          <label>6</label>
          <institution>Technical University “Metinvest Polytechnic” LLC</institution>
          ,
          <addr-line>71A Sechenov Str., Mariupol, 87524</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
        <aff id="aff7">
          <label>7</label>
          <institution>University of Educational Management</institution>
          ,
          <addr-line>52A Sichovykh Striltsiv Str., Kyiv, 04053</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
        <aff id="aff8">
          <label>8</label>
          <institution>Volodymyr Dahl East Ukrainian National University</institution>
          ,
          <addr-line>59A Tsentralnyi Ave., Severodonetsk, 93400</addr-line>
          ,
          <country country="UA">Ukraine</country>
        </aff>
      </contrib-group>
      <fpage>184</fpage>
      <lpage>199</lpage>
      <abstract>
        <p>This paper considers the problem of an interface for educational platform, which is fully efective for achieving the outcomes of educational activity. The current research is a theoretical analysis of existing recommendations on UI/UX design, applied when creating educational systems, as well as of research papers that study user interface (UI) usability and evaluate user experience (UX) in designing on-line platforms. This article describes a mechanism for evaluating usability with the help of baseline and ifnal evaluation tool. It also studies UX components, that ensure its high quality. A list of standard components of web-design is being discussed in the present paper; modern trends in web-design of educational platforms are identified. The paper provides the description of an on-line course model, which is built on the basis of analysis of the prerequisites for existing and functioning of educational on-line systems and which is aimed at achieving outcomes of educational activity. There is ground to believe that the design of educational on-line courses will contribute to achieving the outcomes of educational activity, if user interface components comply with a list of criteria, such as easy-to-perceive content, no extra information, easy and simple navigation on the pages of the course, following the principles of usability.</p>
      </abstract>
      <kwd-group>
        <kwd>eol&gt;educational platform interface</kwd>
        <kwd>user interface components</kwd>
        <kwd>UI/UX design</kwd>
        <kwd>principles of usability</kwd>
        <kwd>achieving educational activity outcomes</kwd>
        <kwd>designing on-line platforms</kwd>
        <kwd>educational on-line course model</kwd>
      </kwd-group>
    </article-meta>
  </front>
  <body>
    <sec id="sec-1">
      <title>1. Introduction</title>
      <p>The process of designing interface for educational platforms is a complex task, but crucial
for achieving educational activity outcomes. Every time, when course users interact with an
educational platform, they become smarter and closer to their goal, which is to get a real sense
of achievement. This incremental progress is attained owing to both, the developers, who
designed the educational resource and teaching staf, who filled it with educational materials.</p>
      <p>
        The main goal of the systems for electronic learning (SEL) is to deliver knowledge, to share
information and to help students in their educational activity efectively, using the cutting-edge
information technologies. Usability of SEL is of importance, as its success depends on applying
the key principles of usability. The evaluation criteria for success can be defined by the level of
user satisfaction after their interaction with the SEL interface [
        <xref ref-type="bibr" rid="ref1">1</xref>
        ].
      </p>
      <p>Users see in the software system not the coding languages, but the interface, which contributes
to the success or failures of this system. Students are willing to see the system interface in
accordance with their needs and requirements. If the interface is rigid, dificult and boring, it
will not allow users to use the system. So, the user interface plays a vital role in any software
system.</p>
      <p>
        According to ISO 9241-210:2019 [
        <xref ref-type="bibr" rid="ref2">2</xref>
        ] user interface (UI) specifies all the components of the
interactive system (software or hardware), which provide information and ways to manage it,
which allow users to perform certain tasks with the help of an interactive system. In other words,
a user interface is an intermediary between a human and a computer, fostering interaction;
usability is a tool which provides activities for efective interaction for achieving definite goals.
      </p>
      <p>
        Standard ISO 9241-210:2019 [
        <xref ref-type="bibr" rid="ref2">2</xref>
        ] also defines system usability as a degree, to which a system, a
product or a service can be used by certain users for achieving certain goals with efectiveness,
eficiency, and satisfaction in a certain context of its usage. Efectiveness in this case shows
accuracy and the extent, to which users achieve their goals. Efectiveness measures resources,
which are consumed to achieve precision and comprehensiveness of the achieved goals;
satisfaction is convenience and accessibility of the work of the system for users [
        <xref ref-type="bibr" rid="ref3">3</xref>
        ]. Usability is a
basis for the success of any system and a prerequisite for the success of on-line learning, but
design is also critical in evaluating quality thereof [
        <xref ref-type="bibr" rid="ref4">4</xref>
        ]. Thus, the purpose of this article is
CTE 2021: 9th Workshop on Cloud Technologies in Education, December 17, 2021, Kryvyi Rih, Ukraine
" vlasenkokv@ukr.net (K. V. Vlasenko); lirihka22@gmail.com (I. V. Lovianova); sergei.volkov@ukr.net
(S. V. Volkov); sitakirina@gmail.com (I. V. Sitak); chumakelena17@gmail.com (O. O. Chumak);
krasnoshchok2017@gmail.com (A. V. Krasnoshchok); bogdanovang@ukr.net (N. G. Bohdanova);
semerikov@gmail.com (S. O. Semerikov)
~ http://irbis-nbuv.gov.ua/ASUA/0005870 (K. V. Vlasenko); https://kdpu.edu.ua/personal/ilovianova.html
(I. V. Lovianova); http://formathematics.com/tutors/sergii-volkov/ (S. V. Volkov);
http://formathematics.com/tutors/iryna-sitak/ (I. V. Sitak); http://formathematics.com/tutors/olena-chumak/
(O. O. Chumak); https://scholar.google.com.ua/citations?user=yYUXmc4AAAAJ (A. V. Krasnoshchok); http://nnppi.
in.ua/index.php/kafedri-nnppi/kafedra-okhoroni-pratsi/2-uncategorised/343-bohdanova-nataliya-hryhorivna
(N. G. Bohdanova); https://kdpu.edu.ua/semerikov (S. O. Semerikov)
      </p>
      <p>0000-0002-8920-5680 (K. V. Vlasenko); 0000-0003-3186-2837 (I. V. Lovianova); 0000-0001-7938-3080 (S. V. Volkov);
0000-0003-2593-1293 (I. V. Sitak); 0000-0002-3722-6826 (O. O. Chumak); 0000-0002-4437-7593 (A. V. Krasnoshchok);
0000-0002-7956-5818 (N. G. Bohdanova); 0000-0003-0789-0272 (S. O. Semerikov)</p>
      <p>© 2022 Copyright for this paper by its authors.</p>
      <p>CPWrEooUrckResehdoinpgs IhStpN:/c1e6u1r3-w-0s.o7r3g UCsEepUerRmiWttedournkdserhCorpeatPivreoCcomeemdoninsLgicsen(sCe EAtUtriRbu-tWionS4..o0Irngte)rnational (CC BY 4.0).
conducting a theoretical analysis of user interface (UI) features and user experience (UX) in
designing educational on-line platforms. Within the framework of the overall objective, the
following research objectives were set:
1. To analyse the definition of usability of user interface (UI).
2. To describe user experience (UX) in designing on-line platforms.
3. To analyse features of UI/UX design when developing educational systems, as well as to
develop an educational on-line course model.</p>
    </sec>
    <sec id="sec-2">
      <title>2. Method</title>
      <p>Theoretical analysis of research papers and resources, that introduce guidelines on UI/UX design
when developing an educational system; analysis of the research into UI usability and user
experience (UX) in designing on-line platforms contributed to developing an educational on-line
course model.</p>
      <sec id="sec-2-1">
        <title>2.1. Usability of user interface (UI)</title>
        <p>
          An important task for developers who foster interaction between a computer and a human
in educational sphere is creating useful software for supporting students and their distance
learning, as well as ensuring adaptation of a student to the system. Usability and usefulness are
closely connected but not identical notions. According to Nielsen [
          <xref ref-type="bibr" rid="ref5">5</xref>
          ], who diferentiates between
usability and usefulness, the former includes not only usefulness, but also efectiveness, eficiency
and satisfaction. A number of experts in this sphere [
          <xref ref-type="bibr" rid="ref6 ref7">6, 7</xref>
          ] believe that usability is often the most
ignored aspect of web-sites, but in many respects it is one of the most critical. If the designed
environment for on-line education is dificult to use and to understand, it starts loosing users.
Moreover, users are not going to spend much time on trying to understand how the interface
functions, so as a rule educational software is developed for assisting convenient education.
Also, usability provides users with an opportunity to efectively manipulate interactive software
that are selected for performing the definite educational task. The above mentioned is proved by
Squires and Preece [
          <xref ref-type="bibr" rid="ref8">8</xref>
          ], who emphasise that system developers do not pay enough attention to
the consequences of usability features of educational software system for achieving educational
outcomes.
        </p>
        <p>
          One more important question, raised by the developers of educational systems is evaluation
of their efectiveness, which is defined by a user’s interaction with the interface of this system.
Research into the evaluation of SEL usability was done by a number of experts [
          <xref ref-type="bibr" rid="ref1 ref10 ref11 ref12 ref13 ref14 ref3 ref4 ref7 ref9">9, 10, 11, 12, 4, 13,
7, 3, 1, 14, 15</xref>
          ]. The analysis of these research papers shows that the evaluation of SEL usability
is a complex task. The increasing number and variety of learners (sometimes a user interaction
with the educational environment is one-time event), technical progress and complexity of
educational tasks create both – serious problems and perspectives for using SEL. Additional
dificulty is created by the fact that the main goal of a user is learning, which can be implicit or
abstract by nature [
          <xref ref-type="bibr" rid="ref14">14</xref>
          ]. Hence, Notess [16] believes that evaluation of electronic education can
push the usability practitioners beyond their comfort zone.
        </p>
        <p>
          The authors of this paper take into consideration the idea by Squires [17], who highlighted the
necessity to integrate usability and learning, as well as pointed out waiver of communication by
staf working in sphere of a human-computer interaction and educational environments. In fact,
usability of electronic learning design is directly connected to their educational value. Systems
of electronic learning can be convenient, but not educational, and vice versa [
          <xref ref-type="bibr" rid="ref8">8</xref>
          ]. Usability
evaluation can be used with the help of baseline and final evaluation tool [
          <xref ref-type="bibr" rid="ref9">9</xref>
          ]. Evaluation can be
done when designing systems for detecting potential usability problems. Final evaluation can
be done after introducing the system in order to define actual usability problems. There are two
diferent evaluation methods for supporting the above mentioned types. Methods of analytical
evaluation are as a rule used during evaluation, but empirical ones – during the final evaluation.
        </p>
        <p>
          Methods of analytical evaluation are usually used by design experts in order to define usability
problems when designing a system [
          <xref ref-type="bibr" rid="ref9">9</xref>
          ]. These methods include heuristic evaluation, cognitive
evaluation and evaluation of the analysis on the level of pressing the keys [18, 19]. Heuristic
evaluation covers using a list of design heuristics or principles for design evaluation and detecting
any possible system usability problems. There are several such lists of project heuristics, but
the most frequently used is a list of ten principles of design (table 1), suggested by Nielsen [
          <xref ref-type="bibr" rid="ref12">12</xref>
          ].
        </p>
        <p>
          These are general principles of design, but some authors (e.g., Jordan [20], Rubin and Chisnell
[
          <xref ref-type="bibr" rid="ref10">10</xref>
          ], Zaharias [
          <xref ref-type="bibr" rid="ref14">14</xref>
          ], Giannakos [15]) adapted them to usage in diferent contexts, for instance,
in e-commerce [20]. The result of heuristic evaluation consists of a list of design problems,
seriousness of these problems and suggestions on improving design.
        </p>
        <p>
          Cognitive evaluation is an analytical method, used to evaluate simplicity of learning and
using the system. A detailed analysis of the key tasks, which are supported by the system,
is done. For each task there are four questions, asked to forecast the system usability. The
questions are: Is the goal clear in this stage? Is the corresponding action obvious? Is it clear,
that certain actions lead to the goal? What problems appear when taking the action? [
          <xref ref-type="bibr" rid="ref9">9</xref>
          ]
        </p>
        <p>Analysis of the level of pressing the keys can be used to define the efectiveness of interaction
with the user and compare various designer solutions. Quantitative measures of the time can
be related to every user’s action, for instance, clicking a mouse or entering the text, and are
used to determine the time for performing each task. They can be used to choose the menu
structure, the mode of interaction and usage of concrete objects of interaction.</p>
        <p>
          Empirical methods of evaluation are used to identify factual indicators of efectiveness,
eficiency and satisfaction [
          <xref ref-type="bibr" rid="ref9">9</xref>
          ]. These methods are field tests, observations, interviews,
questionnaires and system usability testing. Empirical methods mean work with real users and
collecting data which must be analysed. Empirical methods can consume much more time and
funds, than analytical methods, but they can give quantitative data on the factual viability of
the system.
        </p>
        <p>
          Formal usability testing includes development of controlled experiment, which is usually
done in a special usability laboratory [
          <xref ref-type="bibr" rid="ref10 ref11">10, 11</xref>
          ]. Formal usability testing requires certain important
components: the experiment must be carefully designed; the hypothesis of the research must
be identified; representative users must be selected; a list of relevant tasks must be prepared;
evaluation must be done; data must be collected; the analysis findings be done. To identify
the user profiles and the level of user satisfaction with the interaction, special questionnaires
can be used before and after testing. Oficial usability testing can give factual indicators of
efectiveness from the point of view of the level of the task performance and efectiveness from
1. Visibility of system sta- The design should always keep users informed form users on what is
tus happening through a proper feedback within reasonable amount of time.
2. Match between the sys- The design should speak the users’ language. Use only words, phrases
tem and the real world and concepts, familiar to the users rather than internal jargon. Follow
real world conventions, making information appear in a natural and
logical order.
3. User control and free- Users often perform actions by mistake. They need a clearly marked
dom “emergency exit” to quit the unwanted action without necessity to go
through an extended process.
4. Consistency and stan- Users should not have to wonder whether diferent words, situations
dards or actions mean the same. It is necessary to follow the platform and
industry conventions.
5. Error prevention Good error messages are important, but the best designs carefully prevent
any problems from occurring. It is necessary either to eliminate
errorprone conditions or to check them and give users a confirmation option
before they commit to action.
6. Recognition rather than Minimise the user’s memory load, making elements, actions and options
recall visible. The user should not have to remember the information from one
part of the interface to another one. Information, required to use the
design (for instance, field labels or menu items ), should be visible or
easily retrievable, when needed.
7. Flexibility and efi- Short-cuts hidden from novice users can speed up interaction for an
ciency of use experienced user, so that the design can satisfy both user groups. Allow
users to tailor frequent actions.
8. Aesthetic and minimal- Interfaces should not contain information which is irrelevant or rarely
ist design needed. Each extra unit of information in the interface competes with
the relevant units of information and diminishes their relative visibility.
9. Help users recognise, di- Error messages should be expressed in plain language(no error codes),
agnose and recover from accurately indicate the problem and constructively suggest a solution.
errors
10. Help and documenta- In the perfect scenario the system does not need any additional
explanation tions. However, it can be necessary to provide documentation, to help
users understand how to complete their tasks.
the point of view of the tasks performed.
        </p>
      </sec>
      <sec id="sec-2-2">
        <title>2.2. User experience (UX) in designing the on-line platform</title>
        <p>
          The notion “user experience” (UX), according to the standard [
          <xref ref-type="bibr" rid="ref2">2</xref>
          ] means human perception
and responses which result from usage or expected usage of a product, a system or a service.
Users’ perceptions include emotions, preferences, comfort, behaviour and achievements, that
happen before, during and after the usage. Interaction with the user is a result of a brand image,
presentation, functionality, productivity of a system, interactive behaviour and additional
capacity of a system, a product or a service. It is also the result of internal and physical condition
of the user, which springs from the previous experience, attitude, skills of a person, from the
context of usage.
        </p>
        <p>This notion can have a wider meaning, which is researched in the special literature [21, 22, 23].
Despite the increasing interest to the experience in using systems, it is dificult to achieve joint
agreement on the nature and sphere of usage of UX [21]. Most respondents in the research [21]
agree, that UX is dynamic, dependent on the context and subjective, including such factors as
time, place and goal. As regards more disputable questions, the authors suggest defining UX
as something individual (rather than social), which appears as the result of interaction with a
product, a system, a service or an object. But the terms used require additional explanations to
list all the possible objects that impact the user experience. UX selects emotional factors and is
aimed at positive experience and strengthening the trust in the object [20]. UX is a result of a
user’s internal condition (preferences, expectations, needs, motivation, mood, etc.), features
of the designed system (for instance, complexity, purpose, usability, functionality, etc.) and
context (or environment), in which interaction takes place (for instance, organisational/ social
environment, content of the activity, free will to use, etc.) [24].</p>
        <p>The first requirement of a perfect user experience (UX) is meeting precise needs of the user,
without fuss and problems. Then follow simplicity and elegance, creating products, which are
pleasant to possess and to use. Real user experience goes beyond the reach of what users want,
what they aspire for or just presenting functions from the check-list. To ensure high quality
of UX in the company’s ofers, it is necessary to have seamless consolidation of services in
diferent spheres, design, marketing, graphic and industrial design, interface design included
[25].</p>
        <p>It is critical to diferentiate general interaction with user interface (UI) and UX, though UI,
obviously, is an essential part of design. Let’s take Ukrainian educational platform Prometheus
as an example [26]. The catalogue of on-line courses has an attractive interface design (figure 1),
but a user who wants to get information about a specific on-line course will face a dificulty
when searching it, as the catalogue has only general topics and does not have such an option as
search using key words.</p>
        <p>UX is a central component, especially in successful web-sites and digital products. Moreover,
overall efectiveness of a system increases owing to UX. In course of researching into UX, such
tool as framework of conception and optimisation gained momentum. Dixon et al. [27] raise
the issue of negative perception of complicated and confusing user service implementation. As
researchers believe, in order to improve the quality of a service, it is necessary to minimise the
number of days, which spend by users to achieve the desired outcome.</p>
        <p>When developing a service which is aimed at triggering pleasant emotions in a user or
override competitors in terms of complexity of presenting information, it leads to users outflow.
Users can be overwhelmed by the number of self-service channels – interactive voice service,
web-sites, e-mail, chats, communities for on-line support, social networks, etc. They often have
no opportunity to take move in order to solve the problem.</p>
        <p>Obviously, the simplicity of the service contributes to solving the users’ problems. This
approach is applied not only to the commercial services, but also to educational services. Designing
an easy-to-understand and simple interface for on-line learning can increase efectiveness of its
usage for both – learners and university teaching staf.</p>
        <p>Optimally developed program user interface from the point of view of UX, is an inseparable
part of success or failure of any educational product. When developing an on-line course, the
teachers must have competencies which help them impact the quality of UX and as a result –
the platform itself.</p>
      </sec>
      <sec id="sec-2-3">
        <title>2.3. UI/UX design in designing educational systems</title>
        <p>User interface (UI) usability and efectiveness of user experience (UX) depend on the quality of
the system design, which consolidates both these tasks into one single process of creating an
educational system.</p>
        <p>As a rule, people associate the notion “design” with various things, depending on the sphere of
human activity, but Dervojeda et al. [28] defines design as an engine for innovations. Design is
a creative method of developing and creating a new or a significantly improved product, service
or system, which means a comprehensive approach to creating various objects, considering
various factors and conditions of economic, ecological, technological, cultural environment,
opportunities, social priorities and preferences.</p>
        <p>Modern educational on-line systems are developed using the Internet and web-technologies,
so when considering these systems, a separate type of design is referred to – web-design.
Web-design is a part of web-development and includes the process of designing a user
webinterface for web-sites or web-applications. As Borodayev [29] states, web-design is a kind of
graphic design, aimed at developing and arranging objects of informational environment on
the Internet, which adds high consumer attributes and aesthetic qualities. Such interpretation
separates web-design from web-programming, emphasises the specifics of the subject matter of
a web-designer, positions web-design as a kind of graphic design.</p>
        <p>Web-design, as defined by Indeed Editorial Team [30], is the process of creating web-sites
and web-pages for fostering efective and pleasant usage. Web-design determines the goals of a
web-site or a web-page and contributes to its accessibility by all the prospective users. This
process involves arranging content and visuals on a series of pages, program integration and
other interactive elements, choice of attractive style and colours.</p>
        <p>Specialists, who do this job are called web-designers, their main tasks are:
• the choice of readable fonts;
• the choice of attractive colour schemes that allow to easily read the fonts;
• introduction of a brand identity into colours, fonts and a mock-up;
• designing the web-site structure map for ensuring intuitive navigation;
• placement of icons, logos, texts, videos, programs and other elements;
• using such coding languages as HTML and CSS for creating layouts and presentation of
pages;
• creating optimised versions of web-sites and pages for viewing them on both PCs and
mobile devices.</p>
        <p>There is a list of standard components for creating an optimal design of a web-site (table 2).</p>
        <p>Among the latest trends in web-design, which attracts experts’ attention, is its minimalism,
which is applied when designing the structure and content of on-line courses. Moreover,
studying the strategies that impact user interface, studios Acodez [31], Nielsen Norman Group
[32], WebsiteBuildErexpert [33], TheNextWeb [34] claim that minimalism is something users
prefer in particular. Experts warn that using too much technology decreases the chance to
attract clients by the web-product.</p>
        <p>The findings of the research by Baharin et al. [35] prove that the design of the on-line courses
interface is no less important than their content or the choice of the learning method. Analysing
the directions in UI design, scientists grounded, that its quality impacts not only the success of
a separate course, but of the educational platform as a whole.</p>
        <p>Scientists also discuss the above mentioned trend in their research papers. Wolverton and
Guidry Hollier [36] describe the survey of the teaching staf in universities concerning the
usage of minimalistic approach when designing courses. The authors of the article believe that
it is necessary to use less technology, to simplify learning, an on-line learning course should
not be sophisticated. Sani and Shokooh [37] point out that minimalism without unnecessary
aspects and arrangement of visual elements decreases confusion in the audience and increases
efective interaction with the web-site. In order to identify and prove the factors that influence
satisfaction of teaching staf with learning on the Internet, Bolliger and Wasilik [38] drafted a
web-questionnaire, which was used to measure teachers’ satisfaction in the context of on-line
educational environment. Describing the respondents’ answers, scientists noticed that using
the principles of minimalism allowed to make an on-line course graphically simple. In turn,
Component Description
Layout Determines a way to show material on the page. The choice of a layout is a principal
task for a designer. It must be simple, intuitively understandable and accessible.
Webdesigners can use blank spaces, called gaps, to arrange the web-site elements with the
help of mesh design to keep them in order.</p>
        <p>Images Illustrations, graphic images, photos, icons and others are used to add information to
the text. To create the desired efect, designers can choose images that complement each
other, and the brand, which the web-site represents.</p>
        <p>Visual hier- The order in which a user will get the information on the web-site is identified. A designer
archy creates it, using a visual pattern to the web-site. A visual pattern is a method in which
a designer directs the look and the behaviour of a user. For instance, F-Patterns or
Z-Patterns emphasise the upper horizontal part of the web-site, where mostly navigation
menu and a logo, sometimes a search-box are placed. Those are elements, that inspire
for interaction with users.</p>
        <p>Colour Defines the combination of colours, that must be in harmony with the brand and the
scheme industry, which it presents. To achieve this goal, a dominant colour is chosen along with
several others to create a proper palette. Colour palette can be solid (diferent shades of
one colour), similar (colours, close to each other) or complementary. Designers also take
into account what colours attract users more.</p>
        <p>Typesetting Defines the style and font of the text. Web-designers choose one or a combination of
them, which is attractive and easy to read. To make the best choice, it is necessary to
choose the font which meets the expectations of the target audience. Some web-sites
can have notched fonts, while others can use non-serif fonts, depending on the sphere,
goal and a regular user.</p>
        <p>Readability Representation of the content, which is easy to see and to read on the web-page. The
text on the web-page must be readable, as users usually spend little time on that and
have to find the information quickly. Designers can achieve it, choosing the relevant size
and font for the text. Contrast between the text and colours of the web-site background
also enhances legibility.</p>
        <p>Navigation Navigation elements are tools that allow users to choose, where they want to get on the
web-site. They can be present in the upper or lower header of the web-site, depending
on its layout and structure. These elements are important as they direct visitors to
the necessary information as fast as possible. Designers can choose various navigation
designs and layouts, for instance with the help of a button that folds and unfolds the
navigation menu. Elements of navigation can contain arrows that direct users back to
the upper part of the page, to a certain part of the page or to another page.</p>
        <p>Content Content is all the information, present on the web-site. It is a key element, as visitors
want to get information quickly. When a web-site is clearly structured and attracts users’
attention, they are more likely to turn into clients.</p>
        <p>Adaptability Adaptability is a function of the web-site that allows to show it on a mobile device and to
adapt its layout and proportions so that it is readable. Web-design ensures convenience
in surfing the web-sites and their navigation on mobile devices. If a web-site is
welldeveloped and adapted to mobile devices, users can easily achieve the goal.
teaching staf in universities, working with the course, claimed that purely eficient design allows
them not to get distracted by the course presentation when doing the course itself. Studying
minimalistic documentation strategies and their successful application for creating short videos,
Pflugfelder [39] ofered instructions, taking into consideration minimalism in Web-applications.
Lazonder [40] also emphasises the importance of developing such instructions and claims that
in order to create a truly minimalistic interface, a web-designer has to arrange the elements
showing only the ones which are of the highest importance and do not distract users from
the necessary elements. Evaluating positive and negative impact of interface on the process
of learning, del Campo et al. [41] did the research into User eXperience (UX) with the help
of a quality analysis of the students’ survey, studying their level of satisfaction by the use of
web-pages. Bender et al. [42], Betts [43], Bolliger [44], Bolliger and Wasilik [38], Boettcher [45]
also did research into the factors of students’ satisfaction with on-line products. Among the
factors that explain students’ satisfaction with on-line courses, scientists outline the following:
intuitively understandable navigation system and blank space on the page of on-line courses,
speed of a web-page downloading on the platform, simplicity of orientation and easy access to
the necessary content, usage of as few interactive elements of web-design as possible.</p>
        <p>In a research paper by Vlasenko et al. [46] the analysis of web-design minimalism was
conducted, using as examples a few elements of presenting content. Dynamic web-elements,
such as accordion, slider and tabs were singled out. The findings of the research show that the
optimal variant, from the point of view of minimalism is tabs. In course of the research, a list of
criteria was ofered. These criteria foster perception of the course materials, do not overload
users with extra information, make navigation on the course pages easy and accessible. Thus,
the analysis of certain prerequisites of existence and functioning educational on-line systems
allowed us to make a decision on the model developing on-line course (figure 2).</p>
        <p>When constructing the model, we took into account that the user interface, which does not
contain enough components, or they are used inappropriately or poorly, afects the components
of usability of the online course. This can afect each convenience component individually or
all at once. For example, the non-availability or an insuficient number of navigation elements
reduces the efectiveness of the principles of “Recognition, not remembrance” and “Flexibility and
eficiency of use”. And inadequate use of color scheme or printing will reduce the efectiveness
of all the principles of usability. Therefore, the UI / UX design online course model should reflect
the relationship between the UI components and the overall usability of the online course.</p>
      </sec>
    </sec>
    <sec id="sec-3">
      <title>3. Discussion</title>
      <p>
        Now that modes of learning are blended and remote, usage of systems of e-learning is becoming
more topical and popular. Interest in developing cognitive on-line environments is on increase;
it fosters comprehensive preparation of a learner in combination of conventional and on-line
learning. The authors of this paper, together with Ardito et al. [
        <xref ref-type="bibr" rid="ref1">1</xref>
        ], Alomari et al. [
        <xref ref-type="bibr" rid="ref4">4</xref>
        ], who deal
with the problem of using cutting-edge e-technologies with educational goals, share the opinion
that the main prerequisite for the success of on-line learning is usability of SEL for users and
the level of their satisfaction with the interface. An opinion by Squires [17] on usability of
systems of electronic learning is of importance. Hence, the research by the scientists proved the
assumption of the authors of this paper on topicality of the research into features of the user
interface (UI) and user experience (UX) in designing educational on-line platforms.
      </p>
      <p>
        We also agree with the opinion by Squires [17] about the direct connection between the
usability of the e-learning design and its educational value. The course interface on the
educational platform was singled out by Hasan [47] as one of the factors that impacts the on-line
learning. Applying analytical and empirical methods of assessment of the usability problems and
indicators of efectiveness eficiency and satisfaction by the educational platform was proved
by the research, where it is stated that principles of instructional design, principles of usability
implementation [
        <xref ref-type="bibr" rid="ref15 ref16 ref17 ref18 ref19">48, 49, 50, 51, 52</xref>
        ] and suggestions concerning design and development of an
on-line course [
        <xref ref-type="bibr" rid="ref20">53</xref>
        ] must be considered.
      </p>
      <p>Based on the conducted research, the authors of this article developed a model of on-line
courses. The first structural element of the model was defined as user interface components,
among which are: a layout, an image, visual hierarchy, colour scheme, typesetting, readability,
adaptability, navigation, content. The authors assumed that functionality of the model is ensured
by the impact of interface design on usability of the on-line course. This, in turn, allowed to
decide on such structural element of the on-line course model as principles of usability. The
research presents the developed model of usability principles, such as following: visibility of
the system status; match between the system and the reality; control and freedom of users;
consistency and standards; preventing errors; recognition, rather than recall; flexibility and
efectiveness of usage; aesthetic and minimalistic design; assisting users; information and
documentation.</p>
    </sec>
    <sec id="sec-4">
      <title>4. Conclusions</title>
      <p>The authors of this paper based their research on the analysis of the resources and scientific
papers on introducing guidelines on UI/UX design when developing educational systems;
usability of user interface (UI); evaluation of user experience (UX) in designing on-line platforms.</p>
      <p>The notion of usability of user interface (UI) was analysed and it was determined, that for
diferent types of evaluation diferent evaluation methods are available. This research paper
presents the methods of analytical assessment, among which are heuristic evaluation, cognitive
evaluation and analysis evaluation on the level of pressing the keys. It is also defined, that
methods of analytical evaluation, as a rule, are used by experts on design for detecting usability
problems when designing a system. As far as empirical methods are concerned, such methods
of evaluation are used for determining factual indicators of efectiveness, eficiency and user
satisfaction by the on-line courses.</p>
      <p>Research into user experience (UX) in designing on-line platforms allowed to make the
following conclusions: UX is a core component of successful web-sites and digital products;
optimally developed program user interface from the point of view of UX is an inseparable
part of any educational product; in order to enhance the quality of service, it is necessary to
minimise the number of actions, which are taken by users for achieving the desired outcome.</p>
      <p>The analysis of features of UI/UX design when developing educational systems allowed the
authors of this paper to identify, that along with a list of standard components of an optimal
web-site design, cutting-edge trends in web-design are also taken into consideration. Among
such trends are minimalism of web-design, which is used both – during the design of the
structure and content of on-line courses, and during the influence on the user interface. The
conducted analysis also allowed to develop an educational on-line course model. The authors
outlined two constituents in the structure of the model, namely user interface components
and usability principles. The model functions owing to the impact of the interface design on
usability of the on-line course. There is space for further research into the efectiveness of the
impact of the developed model on achieving the outcomes of educational activity of Master
students, majoring in “014 Secondary Education. Mathematics”.
Association for Computing Machinery, New York, NY, USA, 2006, p. 1571–1576. doi:10.
1145/1125451.1125738.
[15] M. N. Giannakos, The evaluation of an e-learning web-based platform, in: Proceedings of
the 2nd International Conference on Computer Supported Education - Volume 1: CSEDU,
INSTICC, SciTePress, 2010, pp. 433–438. doi:10.5220/0002799504330438.
[16] M. Notess, Usability, user experience, and learner experience, 2001. URL: https://elearnmag.</p>
      <p>acm.org/archive.cfm?aid=566938.
[17] D. Squires, Usability and educational software design: Special issue of interacting with
computers, Interacting with Computers 11 (1999) 463–466. doi:10.1016/S0953-5438(98)
00062-9.
[18] B. Shneiderman, C. Plaisant, M. Cohen, S. Jacobs, N. Elmqvist, N. Diakopoulos, Designing
the User Interface: Strategies for Efective Human-Computer Interaction, 6th ed., Pearson,
New York, 2016.
[19] A. Dix, J. Finlay, G. B. Abowd, R. Beale, Human-Computer Interaction, 3rd ed., Pearson,
2004. URL: https://hcibook.com/e3/.
[20] P. W. Jordan, Designing Pleasurable Products: An Introduction to the New Human Factors,</p>
      <p>CRC Press, London, 2000. doi:10.1201/9780203305683.
[21] E. L.-C. Law, V. Roto, M. Hassenzahl, A. P. Vermeeren, J. Kort, Understanding, scoping and
defining user experience: A survey approach, in: Proceedings of the SIGCHI Conference
on Human Factors in Computing Systems, CHI ’09, Association for Computing Machinery,
New York, NY, USA, 2009, p. 719–728. doi:10.1145/1518701.1518813.
[22] M. S. Alharbi, User experience dimensions, aspects and measures: systematic literature
review, Master thesis, Prince Sultan University, 2016.
[23] L. Luther, V. Tiberius, A. Brem, User experience (ux) in business, management, and
psychology: A bibliometric mapping of the current state of research, Multimodal
Technologies and Interaction 4 (2020) 18. URL: https://www.mdpi.com/2414-4088/4/2/18.
doi:10.3390/mti4020018.
[24] M. Castillo-Vergara, A. Alvarez-Marin, D. Placencio-Hidalgo, A bibliometric analysis of
creativity in the field of business economics, Journal of Business Research 85 (2018) 1–9.
doi:10.1016/j.jbusres.2017.12.011.
[25] D. Norman, J. Nielsen, The Definition of User Experience (UX), 2018. URL: https://www.</p>
      <p>nngroup.com/articles/definition-user-experience/.
[26] Prometheus, 2022. URL: https://prometheus.org.ua.
[27] M. Dixon, K. Freeman, N. Toman, Stop trying to delight your customers,
Harvard Business Review 88 (2010) 116–122. URL: https://hbr.org/2010/07/
stop-trying-to-delight-your-customers.
[28] K. Dervojeda, D. Verzijl, F. Nagtegaal, M. Lengton, E. Rouwmaat, Design for innovation:
Service design as a means to advance business models, 2014. URL: https://ec.europa.eu/
docsroom/documents/13406/attachments/2/translations/en/renditions/native.
[29] D. V. Borodayev, Web-site as an object of graphic design, Septima, Kharkiv, 2006.
[30] Indeed Editorial Team, What is web designing? definition, elements and uses, 2021. URL:
https://www.indeed.com/career-advice/finding-a-job/what-is-web-designing/.
[31] R. PK, 10 top tips to achieve minimalism in your web design, 2016. URL: https://acodez.in/
minimalism-in-web-design/.
[32] K. Moran, The characteristics of minimalism in web design, 2015. URL: https://www.</p>
      <p>nngroup.com/articles/characteristics-minimalism/.
[33] L. Carney, Web design trends and statistics 2022 – putting users first, 2022. URL: https:
//www.websitebuilderexpert.com/designing-websites/web-design-trends-2020/.
[34] J. Cao, 7 pillars of minimalist web design, 2015. URL: https://thenextweb.com/dd/2015/06/
09/7-pillars-of-minimalist-web-design/.
[35] A. T. Baharin, H. Lateh, H. mohd Nawawi, S. S. Nathan, Evaluation of satisfaction using
online learning with interactivity, Procedia - Social and Behavioral Sciences 171 (2015)
905–911. doi:https://doi.org/10.1016/j.sbspro.2015.01.208.
[36] C. C. Wolverton, B. N. Guidry Hollier, A minimalist design for distance learning,
International Journal of Educational Management 33 (2019) 1457–1465. doi:10.1108/
IJEM-09-2017-0237.
[37] S. M. Sani, Y. K. Shokooh, Minimalism in designing user interface of commercial websites
based on gestalt visual perception laws (case study of three top brands in technology
scope), in: 2016 Second International Conference on Web Research (ICWR), 2016, pp.
115–124. doi:10.1109/ICWR.2016.7498455.
[38] D. U. Bolliger, O. Wasilik, Factors influencing faculty satisfaction with online teaching
and learning in higher education, Distance Education 30 (2009) 103–116. doi:10.1080/
01587910902845949.
[39] E. H. Pflugfelder, The minimalist approach to online instructional videos, Technical
Communication 60 (2013) 131–146. URL: https://www.ingentaconnect.com/contentone/
stc/tc/2013/00000060/00000002/art00004.
[40] A. W. Lazonder, Minimalist instruction for learning to search the World Wide Web,
Education and Information Technologies 6 (2001) 161–176. doi:10.1023/A:1012756223618.
[41] J. M. del Campo, V. Negro, M. Núñez, Use and abuse of audiovisual media in the college
classroom. Slides show and web pages, Procedia - Social and Behavioral Sciences 93 (2013)
190–194. doi:10.1016/j.sbspro.2013.09.176.
[42] D. M. Bender, B. J. Wood, J. D. Vredevoogd, Teaching time: Distance education versus
classroom instruction, American Journal of Distance Education 18 (2004) 103–114. doi:10.
1207/s15389286ajde1802_4.
[43] K. S. Betts, Factors influencing faculty participation in distance education in postsecondary
education in the United States: An institutional study, Ph.D. thesis, The George Washington
University, 1998. URL: https://www.learntechlib.org/p/129168.
[44] D. U. Bolliger, Key factors for determining student satisfaction in online courses,
International Journal on E-Learning 3 (2004) 61–67. URL: https://www.learntechlib.org/p/2226.
[45] J. V. Boettcher, Online course development: What does it
cost?, 2004. URL: https://campustechnology.com/Articles/2004/06/
Online-Course-Development-What-Does-It-Cost.aspx.
[46] K. Vlasenko, D. Kovalenko, O. Chumak, I. Lovianova, S. Volkov, Minimalism in designing
user interface of the online platform “Higher school mathematics teacher”, CEUR Workshop
Proceedings 2732 (2020) 1028–1043. URL: http://ceur-ws.org/Vol-2732/20201044.pdf.
[47] L. Hasan, Evaluating the usability of educational websites based on students’ preferences
of design characteristics, International Arab Journal of e-Technology 3 (2014) 179–193.
URL: https://www.researchgate.net/publication/281904323_Evaluating_the_Usability_of_</p>
    </sec>
  </body>
  <back>
    <ref-list>
      <ref id="ref1">
        <mixed-citation>
          [1]
          <string-name>
            <given-names>C.</given-names>
            <surname>Ardito</surname>
          </string-name>
          ,
          <string-name>
            <given-names>M. F.</given-names>
            <surname>Costabile</surname>
          </string-name>
          ,
          <string-name>
            <surname>M. De Marsico</surname>
            ,
            <given-names>R.</given-names>
          </string-name>
          <string-name>
            <surname>Lanzilotti</surname>
            ,
            <given-names>S.</given-names>
          </string-name>
          <string-name>
            <surname>Levialdi</surname>
            ,
            <given-names>T.</given-names>
          </string-name>
          <string-name>
            <surname>Roselli</surname>
            ,
            <given-names>V.</given-names>
          </string-name>
          <string-name>
            <surname>Rossano</surname>
          </string-name>
          ,
          <article-title>An approach to usability evaluation of e-learning applications</article-title>
          ,
          <source>Universal Access in the Information Society</source>
          <volume>4</volume>
          (
          <year>2006</year>
          )
          <fpage>270</fpage>
          -
          <lpage>283</lpage>
          . URL: http://www.di.uniba.it/~ivu/papers/2006/ UAIS2006_Arditoetal.pdf.
        </mixed-citation>
      </ref>
      <ref id="ref2">
        <mixed-citation>
          [2]
          <string-name>
            <given-names>International</given-names>
            <surname>Organization</surname>
          </string-name>
          for Standardization,
          <source>ISO 9241-210:2019 Ergonomics of humansystem interaction - Part</source>
          <volume>210</volume>
          :
          <article-title>Human-centred design for interactive systems</article-title>
          ,
          <year>2019</year>
          . URL: https://www.iso.org/standard/77520.html.
        </mixed-citation>
      </ref>
      <ref id="ref3">
        <mixed-citation>
          [3]
          <string-name>
            <given-names>D.</given-names>
            <surname>Van Greunen</surname>
          </string-name>
          ,
          <string-name>
            <given-names>J.</given-names>
            <surname>Wesson</surname>
          </string-name>
          ,
          <article-title>Formal usability testing of interactive educational software: A case study</article-title>
          , in: J.
          <string-name>
            <surname>Hammond</surname>
            ,
            <given-names>T.</given-names>
          </string-name>
          <string-name>
            <surname>Gross</surname>
          </string-name>
          , J. Wesson (Eds.),
          <source>Usability: Gaining a Competitive Edge</source>
          ,
          <string-name>
            <surname>Springer</surname>
            <given-names>US</given-names>
          </string-name>
          , Boston, MA,
          <year>2002</year>
          , pp.
          <fpage>161</fpage>
          -
          <lpage>176</lpage>
          . doi:
          <volume>10</volume>
          .1007/978-0-
          <fpage>387</fpage>
          -35610-5_
          <fpage>11</fpage>
          .
        </mixed-citation>
      </ref>
      <ref id="ref4">
        <mixed-citation>
          [4]
          <string-name>
            <given-names>H. W.</given-names>
            <surname>Alomari</surname>
          </string-name>
          ,
          <string-name>
            <given-names>V.</given-names>
            <surname>Ramasamy</surname>
          </string-name>
          ,
          <string-name>
            <given-names>J. D.</given-names>
            <surname>Kiper</surname>
          </string-name>
          ,
          <string-name>
            <surname>G.</surname>
          </string-name>
          <article-title>Potvin, A User Interface (UI) and User eXperience (UX) evaluation framework for cyberlearning environments in computer science and software engineering education</article-title>
          ,
          <source>Heliyon</source>
          <volume>6</volume>
          (
          <year>2020</year>
          )
          <article-title>e03917</article-title>
          . doi:
          <volume>10</volume>
          .1016/j. heliyon.
          <year>2020</year>
          .e03917.
        </mixed-citation>
      </ref>
      <ref id="ref5">
        <mixed-citation>
          [5]
          <string-name>
            <given-names>J.</given-names>
            <surname>Nielsen</surname>
          </string-name>
          , Usability 101: Introduction to Usability,
          <year>2012</year>
          . URL: https://www.nngroup.com/ articles/usability-101
          <string-name>
            <surname>-</surname>
          </string-name>
          introduction-to-usability/.
        </mixed-citation>
      </ref>
      <ref id="ref6">
        <mixed-citation>
          [6]
          <string-name>
            <given-names>J.</given-names>
            <surname>Nielsen</surname>
          </string-name>
          ,
          <string-name>
            <given-names>R.</given-names>
            <surname>Molich</surname>
          </string-name>
          ,
          <article-title>Heuristic evaluation of user interfaces</article-title>
          ,
          <source>in: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, CHI '90</source>
          ,
          <string-name>
            <surname>Association</surname>
          </string-name>
          for Computing Machinery, New York, NY, USA,
          <year>1990</year>
          , p.
          <fpage>249</fpage>
          -
          <lpage>256</lpage>
          . doi:
          <volume>10</volume>
          .1145/97243.97281.
        </mixed-citation>
      </ref>
      <ref id="ref7">
        <mixed-citation>
          [7]
          <string-name>
            <given-names>J.</given-names>
            <surname>Wesson</surname>
          </string-name>
          ,
          <article-title>Usability evaluation of web-based learning</article-title>
          , in: D.
          <string-name>
            <surname>Passey</surname>
          </string-name>
          , M. Kendall (Eds.),
          <source>TelE-Learning: The Challenge for the Third Millennium</source>
          ,
          <string-name>
            <surname>Springer</surname>
            <given-names>US</given-names>
          </string-name>
          , Boston, MA,
          <year>2002</year>
          , pp.
          <fpage>357</fpage>
          -
          <lpage>363</lpage>
          . doi:
          <volume>10</volume>
          .1007/978-0-
          <fpage>387</fpage>
          -35615-0_
          <fpage>50</fpage>
          .
        </mixed-citation>
      </ref>
      <ref id="ref8">
        <mixed-citation>
          [8]
          <string-name>
            <given-names>D.</given-names>
            <surname>Squires</surname>
          </string-name>
          ,
          <string-name>
            <given-names>J.</given-names>
            <surname>Preece</surname>
          </string-name>
          ,
          <article-title>Usability and learning: Evaluating the potential of educational software</article-title>
          ,
          <source>Computers &amp; Education</source>
          <volume>27</volume>
          (
          <year>1996</year>
          )
          <fpage>15</fpage>
          -
          <lpage>22</lpage>
          . doi:
          <volume>10</volume>
          .1016/
          <fpage>0360</fpage>
          -
          <lpage>1315</lpage>
          (
          <issue>96</issue>
          )
          <fpage>00010</fpage>
          -
          <lpage>3</lpage>
          .
        </mixed-citation>
      </ref>
      <ref id="ref9">
        <mixed-citation>
          [9]
          <string-name>
            <given-names>X.</given-names>
            <surname>Faulkner</surname>
          </string-name>
          , Usability Engineering, Macmillan Press Ltd, Basingstoke, Hants,
          <year>2000</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref10">
        <mixed-citation>
          [10]
          <string-name>
            <given-names>J.</given-names>
            <surname>Rubin</surname>
          </string-name>
          ,
          <string-name>
            <given-names>D.</given-names>
            <surname>Chisnell</surname>
          </string-name>
          ,
          <article-title>Handbook of usability testing: how to plan, design, and conduct efective tests</article-title>
          , 2nd ed., Wiley Publishing Inc., Indianapolis, IN,
          <year>2008</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref11">
        <mixed-citation>
          [11]
          <string-name>
            <given-names>D.</given-names>
            <surname>Mayhew</surname>
          </string-name>
          ,
          <article-title>The Usability Engineering Lifecycle: A Practitioner's Handbook for User Interface Design</article-title>
          , Morgan Kaufmann Publishers Inc, San Francisco, CA,
          <year>1999</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref12">
        <mixed-citation>
          [12]
          <string-name>
            <given-names>J.</given-names>
            <surname>Nielsen</surname>
          </string-name>
          ,
          <article-title>Ten usability heuristics for user interface design</article-title>
          ,
          <year>2020</year>
          . URL: https://www. nngroup.com/articles/ten-usability-heuristics/.
        </mixed-citation>
      </ref>
      <ref id="ref13">
        <mixed-citation>
          [13]
          <string-name>
            <given-names>S.</given-names>
            <surname>Ssemugabi</surname>
          </string-name>
          , R. de Villiers,
          <article-title>A comparative study of two usability evaluation methods using a web-based e-learning application</article-title>
          ,
          <source>in: Proceedings of the 2007 Annual Research Conference of the South African Institute of Computer Scientists and Information Technologists on IT Research in Developing Countries</source>
          , SAICSIT '07,
          <string-name>
            <surname>Association</surname>
          </string-name>
          for Computing Machinery, New York, NY, USA,
          <year>2007</year>
          , p.
          <fpage>132</fpage>
          -
          <lpage>142</lpage>
          . doi:
          <volume>10</volume>
          .1145/1292491.1292507.
        </mixed-citation>
      </ref>
      <ref id="ref14">
        <mixed-citation>
          [14]
          <string-name>
            <given-names>P.</given-names>
            <surname>Zaharias</surname>
          </string-name>
          ,
          <article-title>A usability evaluation method for e-learning: Focus on motivation to learn, in: CHI '06 Extended Abstracts on Human Factors in Computing Systems</article-title>
          , CHI EA '
          <volume>06</volume>
          ,
          <string-name>
            <surname>Educational</surname>
          </string-name>
          _Websites_Based_on_Students%27_Preferences_of_Design_Characteristics.
        </mixed-citation>
      </ref>
      <ref id="ref15">
        <mixed-citation>
          [48]
          <string-name>
            <given-names>K.</given-names>
            <surname>Vlasenko</surname>
          </string-name>
          ,
          <string-name>
            <given-names>S.</given-names>
            <surname>Volkov</surname>
          </string-name>
          ,
          <string-name>
            <surname>I. Sitak</surname>
          </string-name>
          ,
          <string-name>
            <given-names>I.</given-names>
            <surname>Lovianova</surname>
          </string-name>
          ,
          <string-name>
            <given-names>D.</given-names>
            <surname>Bobyliev</surname>
          </string-name>
          ,
          <article-title>Usability analysis of on-line educational courses on the platform “Higher school mathematics teacher”</article-title>
          ,
          <source>E3S Web of Conferences</source>
          <volume>166</volume>
          (
          <year>2020</year>
          )
          <article-title>10012</article-title>
          . doi:
          <volume>10</volume>
          .1051/e3sconf/202016610012.
        </mixed-citation>
      </ref>
      <ref id="ref16">
        <mixed-citation>
          [49]
          <string-name>
            <given-names>K. V.</given-names>
            <surname>Vlasenko</surname>
          </string-name>
          ,
          <string-name>
            <given-names>S. V.</given-names>
            <surname>Volkov</surname>
          </string-name>
          ,
          <string-name>
            <given-names>I. V.</given-names>
            <surname>Lovianova</surname>
          </string-name>
          ,
          <string-name>
            <given-names>O. O.</given-names>
            <surname>Chumak</surname>
          </string-name>
          ,
          <string-name>
            <given-names>I. V.</given-names>
            <surname>Sitak</surname>
          </string-name>
          ,
          <string-name>
            <given-names>D. Y.</given-names>
            <surname>Bobyliev</surname>
          </string-name>
          ,
          <article-title>Management of online platform development and support process</article-title>
          ,
          <source>CEUR Workshop Proceedings</source>
          <volume>2879</volume>
          (
          <year>2020</year>
          )
          <fpage>333</fpage>
          -
          <lpage>345</lpage>
          .
        </mixed-citation>
      </ref>
      <ref id="ref17">
        <mixed-citation>
          [50]
          <string-name>
            <given-names>K. V.</given-names>
            <surname>Vlasenko</surname>
          </string-name>
          ,
          <string-name>
            <given-names>S. V.</given-names>
            <surname>Volkov</surname>
          </string-name>
          ,
          <string-name>
            <given-names>I. V.</given-names>
            <surname>Lovianova</surname>
          </string-name>
          ,
          <string-name>
            <given-names>I. V.</given-names>
            <surname>Sitak</surname>
          </string-name>
          ,
          <string-name>
            <given-names>O. O.</given-names>
            <surname>Chumak</surname>
          </string-name>
          ,
          <string-name>
            <given-names>S. O.</given-names>
            <surname>Semerikov</surname>
          </string-name>
          ,
          <string-name>
            <given-names>N. H.</given-names>
            <surname>Bohdanova</surname>
          </string-name>
          ,
          <article-title>The criteria of usability design for educational online courses</article-title>
          , in: S.
          <string-name>
            <surname>Semerikov</surname>
            ,
            <given-names>V.</given-names>
          </string-name>
          <string-name>
            <surname>Osadchyi</surname>
            ,
            <given-names>O.</given-names>
          </string-name>
          Kuzminska (Eds.),
          <source>Proceedings of the Symposium on Advances in Educational Technology, AET 2020</source>
          , University of Educational Management, SciTePress, Kyiv,
          <year>2022</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref18">
        <mixed-citation>
          [51]
          <string-name>
            <given-names>K. V.</given-names>
            <surname>Vlasenko</surname>
          </string-name>
          ,
          <string-name>
            <given-names>I. V.</given-names>
            <surname>Sitak</surname>
          </string-name>
          ,
          <string-name>
            <given-names>D. A.</given-names>
            <surname>Kovalenko</surname>
          </string-name>
          ,
          <string-name>
            <given-names>S. V.</given-names>
            <surname>Volkov</surname>
          </string-name>
          ,
          <string-name>
            <given-names>I. V.</given-names>
            <surname>Lovianova</surname>
          </string-name>
          ,
          <string-name>
            <given-names>S. O.</given-names>
            <surname>Semerikov</surname>
          </string-name>
          ,
          <string-name>
            <given-names>S. L.</given-names>
            <surname>Zahrebelnyi</surname>
          </string-name>
          ,
          <article-title>Methodical recommendations for the development of online course structure and content</article-title>
          , in: S.
          <string-name>
            <surname>Semerikov</surname>
            ,
            <given-names>V.</given-names>
          </string-name>
          <string-name>
            <surname>Osadchyi</surname>
            ,
            <given-names>O.</given-names>
          </string-name>
          Kuzminska (Eds.),
          <source>Proceedings of the Symposium on Advances in Educational Technology, AET 2020</source>
          , University of Educational Management, SciTePress, Kyiv,
          <year>2022</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref19">
        <mixed-citation>
          [52]
          <string-name>
            <given-names>V. V.</given-names>
            <surname>Achkan</surname>
          </string-name>
          ,
          <string-name>
            <given-names>K. V.</given-names>
            <surname>Vlasenko</surname>
          </string-name>
          ,
          <string-name>
            <given-names>I. V.</given-names>
            <surname>Lovianova</surname>
          </string-name>
          ,
          <string-name>
            <given-names>O. H.</given-names>
            <surname>Rovenska</surname>
          </string-name>
          ,
          <string-name>
            <given-names>I. V.</given-names>
            <surname>Sitak</surname>
          </string-name>
          ,
          <string-name>
            <given-names>O. O.</given-names>
            <surname>Chumak</surname>
          </string-name>
          ,
          <string-name>
            <given-names>S. O.</given-names>
            <surname>Semerikov</surname>
          </string-name>
          ,
          <article-title>Web-based support of a higher school teacher</article-title>
          , in: S.
          <string-name>
            <surname>Semerikov</surname>
            ,
            <given-names>V.</given-names>
          </string-name>
          <string-name>
            <surname>Osadchyi</surname>
            ,
            <given-names>O.</given-names>
          </string-name>
          Kuzminska (Eds.),
          <source>Proceedings of the Symposium on Advances in Educational Technology, AET 2020</source>
          , University of Educational Management, SciTePress, Kyiv,
          <year>2022</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref20">
        <mixed-citation>
          [53]
          <string-name>
            <given-names>M.</given-names>
            <surname>Moore</surname>
          </string-name>
          ,
          <string-name>
            <given-names>A.</given-names>
            <surname>Shefield</surname>
          </string-name>
          ,
          <string-name>
            <given-names>H.</given-names>
            <surname>Robinson</surname>
          </string-name>
          ,
          <string-name>
            <given-names>A.</given-names>
            <surname>Phillips</surname>
          </string-name>
          ,
          <article-title>Designing a course for teachers: Introduction to teaching online</article-title>
          , in: M.
          <string-name>
            <surname>Searson</surname>
            ,
            <given-names>M. N.</given-names>
          </string-name>
          <string-name>
            <surname>Ochoa</surname>
          </string-name>
          (Eds.),
          <source>Proceedings of Society for Information Technology &amp; Teacher Education International Conference</source>
          <year>2014</year>
          ,
          <article-title>Association for the Advancement of Computing in Education (AACE</article-title>
          ), Jacksonville, Florida, United States,
          <year>2014</year>
          , pp.
          <fpage>583</fpage>
          -
          <lpage>588</lpage>
          . URL: https://www.learntechlib.org/p/130815.
        </mixed-citation>
      </ref>
    </ref-list>
  </back>
</article>