title: ÐÐ¿Ð¸ÑÐ°Ð½Ð¸Ðµ Ð¸ Ð¿ÑÐ¸Ð¼ÐµÐ½ÐµÐ½Ð¸Ðµ Ð¿ÑÐ¸Ð½ÑÐ¸Ð¿Ð¾Ð² ÑÐ·Ð°Ð±Ð¸Ð»Ð¸ÑÐ¸ Ð² ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐµ Ð¸ ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ð¸ Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½ÑÑ ÑÐ»ÐµÐ¼ÐµÐ½ÑÐ¾Ð² Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¾Ð³Ð¾ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ°
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: The description and application of the usability principles in the development and testing of interactive elements of the user interface
Creators: name: Ð¡Ð¾ÐºÐ¾Ð»Ð¾Ð²ÑÐºÐ¸Ð¹, Ð Ð¾Ð´Ð¸Ð¾Ð½
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2020
Subjects: Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ð¹ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ
Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ð¹ Ð¾Ð¿ÑÑ
ÑÐ·Ð°Ð±Ð¸Ð»Ð¸ÑÐ¸
UI-Ð´Ð¸Ð·Ð°Ð¹Ð½
UX-Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ðµ
Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ°
Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½ÑÐ¹ ÑÐ»ÐµÐ¼ÐµÐ½Ñ
ÐºÐ¾Ð½Ð²ÐµÑÑÐ¸Ñ
user interface
user experience
usability
UI design
UX research
interface design
interactive element
conversion

description: Ð¢ÐµÐ¼Ð° Ð²ÑÐ¿ÑÑÐºÐ½Ð¾Ð¹ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ: Â«ÐÐ¿Ð¸ÑÐ°Ð½Ð¸Ðµ Ð¸ Ð¿ÑÐ¸Ð¼ÐµÐ½ÐµÐ½Ð¸Ðµ Ð¿ÑÐ¸Ð½ÑÐ¸Ð¿Ð¾Ð² ÑÐ·Ð°Ð±Ð¸Ð»Ð¸ÑÐ¸ Ð² ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐµ Ð¸ ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ð¸ Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½ÑÑ ÑÐ»ÐµÐ¼ÐµÐ½ÑÐ¾Ð² Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¾Ð³Ð¾ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ°Â». ÐÐ°Ð½Ð½Ð°Ñ Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÑÐºÐ°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¿Ð¾ÑÐ²ÑÑÐµÐ½Ð° Ð¸Ð·ÑÑÐµÐ½Ð¸Ñ Ð¿ÑÐ¸Ð½ÑÐ¸Ð¿Ð¾Ð² ÑÐ·Ð°Ð±Ð¸Ð»Ð¸ÑÐ¸, Ð¸Ñ Ð¾Ð¿Ð¸ÑÐ°Ð½Ð¸Ñ Ð¸ Ð¿ÑÐ¸Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ð² ÑÐµÐ»ÑÑ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¾Ð³Ð¾ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ°. Ð ÑÐ¾Ð´Ðµ ÑÐ°Ð±Ð¾ÑÑ Ð¸ÑÑÐ»ÐµÐ´ÑÑÑÑÑ Ð¿Ð¾Ð½ÑÑÐ¸Ñ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ°, ÐºÐ¾Ð½Ð²ÐµÑÑÐ¸Ð¸, Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½Ð¾ÑÑÐ¸, Ð° ÑÐ°ÐºÐ¶Ðµ ÑÐ¿Ð¾ÑÐ¾Ð±Ñ Ð¸Ñ Ð¾ÑÐµÐ½Ð¸Ð²Ð°Ð½Ð¸Ñ Ð¸ Ð²Ð»Ð¸ÑÐ½Ð¸Ðµ Ð½Ð° Ð¿Ð¾Ð²ÐµÐ´ÐµÐ½Ð¸Ðµ Ð¸ Ð»Ð¾ÑÐ»ÑÐ½Ð¾ÑÑÑ ÐºÐ¾Ð½ÐµÑÐ½ÑÑ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÐµÐ¹. ÐÐ»Ñ ÑÑÐ¾Ð³Ð¾ Ð±ÑÐ» ÑÐ¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½ Ð¸ Ð¿ÑÐ¾ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ Ð¼Ð¾Ð´ÑÐ»Ñ Ð°Ð²ÑÐ¾Ð¼Ð°ÑÐ¸Ð·Ð°ÑÐ¸Ð¸ Ð´Ð»Ñ ÐÑÑÐ¿Ð¿Ñ ÐÐ¾Ð¼Ð¿Ð°Ð½Ð¸Ð¹ Â«ÐÐ»Ð¸Ð´Ð¸Â», Ð² ÐºÐ¾ÑÐ¾ÑÐ¾Ð¼ Ð¿ÑÐ¸Ð¼ÐµÐ½ÑÐ»Ð°ÑÑ Ð¼ÐµÑÐ¾Ð´Ð¾Ð»Ð¾Ð³Ð¸Ñ Â«Human Centered DesignÂ» â Ð¾ÑÐ¸ÐµÐ½ÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð½Ð¾Ðµ Ð½Ð° Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»Ñ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ, ÐºÐ¾ÑÐ¾ÑÐ¾Ðµ ÑÐ¾ÐºÑÑÐ¸ÑÑÐµÑÑÑ Ð½Ð° Ð¿Ð¾ÑÑÐµÐ±Ð½Ð¾ÑÑÑÑ ÑÐµÑ, Ð´Ð»Ñ ÐºÐ¾Ð³Ð¾ ÑÐ¾Ð·Ð´Ð°ÐµÑÑÑ Ð¿ÑÐ¾Ð´ÑÐºÑ Ð¸ Ð½Ð° ÑÐ¾Ð¼, ÐºÐ°Ðº ÑÑÐ¾Ñ Ð¿ÑÐ¾Ð´ÑÐºÑ Ð±ÑÐ´ÐµÑ ÑÐµÑÐ°ÑÑ Ð¿ÑÐ¾Ð±Ð»ÐµÐ¼Ñ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÐµÐ¹. ÐÐ¾ÑÐ»Ðµ Ð¸Ð·ÑÑÐµÐ½Ð¸Ñ Ð¿Ð¾ÑÑÐµÐ±Ð½Ð¾ÑÑÐµÐ¹ Ð¸ ÑÐµÐ»ÐµÐ¹ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸Ð¸, Ð° ÑÐ°ÐºÐ¶Ðµ Ð°Ð½Ð°Ð»Ð¸Ð·Ð° Ð±Ð¸Ð·Ð½ÐµÑ-Ð¿ÑÐ¾ÑÐµÑÑÐ°, Ð´Ð»Ñ ÐºÐ¾ÑÐ¾ÑÐ¾Ð³Ð¾ ÑÐ¾Ð·Ð´Ð°Ð²Ð°Ð»ÑÑ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ, Ð±ÑÐ»Ð¸ Ð¿ÑÐµÐ´Ð»Ð¾Ð¶ÐµÐ½Ñ Ð¸ Ð²Ð¿Ð¾ÑÐ»ÐµÐ´ÑÑÐ²Ð¸Ð¸ Ð¿ÑÐ¸Ð¼ÐµÐ½ÐµÐ½Ñ ÑÐµÐºÐ¾Ð¼ÐµÐ½Ð´Ð°ÑÐ¸Ð¸ Ð¿Ð¾ ÑÐ»ÑÑÑÐµÐ½Ð¸Ñ ÑÐ·Ð°Ð±Ð¸Ð»Ð¸ÑÐ¸, Ð¾ÑÐ½Ð¾Ð²Ð°Ð½Ð½ÑÐµ Ð½Ð° ÑÐ²ÑÐ¸ÑÑÐ¸ÐºÐ°Ñ ÑÐ·Ð°Ð±Ð¸Ð»Ð¸ÑÐ¸ Ð¸ Ð½ÐµÑÐºÐ¾Ð»ÑÐºÐ¸Ñ Ð´ÑÑÐ³Ð¸Ñ Ð¼ÐµÑÐ¾Ð´Ð¾Ð»Ð¾Ð³Ð¸ÑÑ. Ð ÐµÐ·ÑÐ»ÑÑÐ°ÑÐ¾Ð¼ ÑÑÐ°Ð» Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ð¹ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ, ÐºÐ¾ÑÐ¾ÑÑÐ¹ Ð±ÑÐ» Ð¿ÑÐ¾ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½ Ð½Ð° ÑÐ¾ÑÑÑÐ´Ð½Ð¸ÐºÐ°Ñ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸Ð¸. Ð¢ÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ Ð¿Ð¾ÐºÐ°Ð·Ð°Ð»Ð¾ Ð´Ð¾ÑÑÐ°ÑÐ¾ÑÐ½Ð¾ Ð²ÑÑÐ¾ÐºÐ¸Ðµ Ð¿Ð¾ÐºÐ°Ð·Ð°ÑÐµÐ»Ð¸ ÑÐ·Ð°Ð±Ð¸Ð»Ð¸ÑÐ¸, Ð¼Ð°Ð»Ð¾Ðµ ÐºÐ¾Ð»Ð¸ÑÐµÑÑÐ²Ð¾ Ð¾ÑÐ¸Ð±Ð¾Ðº Ð¸ Ð²ÑÑÐ¾ÐºÐ¸Ð¹ ÐºÐ¾ÑÑÑÐ¸ÑÐ¸ÐµÐ½Ñ ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÐ¸Ð²Ð½Ð¾ÑÑÐ¸. Ð ÑÐµÐ»Ð¾Ð¼ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ Ð±ÑÐ» ÑÐ¾ÑÐ¾ÑÐ¾ Ð¿ÑÐ¸Ð½ÑÑ ÑÐ¾ÑÑÑÐ´Ð½Ð¸ÐºÐ°Ð¼Ð¸, ÐºÐ¾ÑÐ¾ÑÑÐµ Ð¾ÑÐ¼ÐµÑÐ°Ð»Ð¸ ÐµÐ³Ð¾ Ð¸Ð½ÑÑÐ¸ÑÐ¸Ð²Ð½Ð¾ÑÑÑ, Ð¿ÑÐ¾ÑÑÐ¾ÑÑ, Ð»Ð¾Ð³Ð¸ÑÐ½Ð¾ÑÑÑ Ð¸ Ð¿Ð¾Ð½ÑÑÐ½Ð¾ÑÑÑ. ÐÐ¾Ð»ÑÑÐµÐ½Ð½ÑÐµ ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÑ ÑÐ²Ð»ÑÑÑÑÑ ÑÑÐºÐ¸Ð¼ Ð¿ÑÐ¸Ð¼ÐµÑÐ¾Ð¼ ÑÐ¾Ð³Ð¾, ÐºÐ°Ðº Ð¿ÑÐ¸Ð½ÑÐ¸Ð¿Ñ ÑÐ·Ð°Ð±Ð¸Ð»Ð¸ÑÐ¸, Ð¿ÑÐ¸Ð¼ÐµÐ½ÐµÐ½Ð½ÑÐµ Ð² Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ð¸ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ°, Ð¼Ð¾Ð³ÑÑ Ð½Ðµ ÑÐ¾Ð»ÑÐºÐ¾ Ð¿Ð¾Ð²ÑÑÐ¸ÑÑ Ð»Ð¾ÑÐ»ÑÐ½Ð¾ÑÑÑ Ð¸ Ð·Ð°Ð¸Ð½ÑÐµÑÐµÑÐ¾Ð²Ð°Ð½Ð½Ð¾ÑÑÑ Ð¿Ð¾ÑÐµÐ½ÑÐ¸Ð°Ð»ÑÐ½ÑÑ ÐºÐ»Ð¸ÐµÐ½ÑÐ¾Ð², Ð½Ð¾ Ð¸ Ð½Ð°Ð¿ÑÑÐ¼ÑÑ ÑÐ²ÐµÐ»Ð¸ÑÐ¸Ð²Ð°ÑÑ Ð¿ÑÐ¾Ð´Ð°Ð¶Ð¸, ÑÑÐ¾ Ð¸ Ð´ÐµÐ¼Ð¾Ð½ÑÑÑÐ¸ÑÑÐµÑ Ð²ÑÑÐ¾ÐºÑÑ Ð·Ð½Ð°ÑÐ¸Ð¼Ð¾ÑÑÑ UI/UX Ð´Ð¸Ð·Ð°Ð¹Ð½Ð°, Ð¸Ð·ÑÑÐ°ÐµÐ¼Ð¾Ð³Ð¾ Ð² Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÐµ.
description: The subject of the graduate qualification work is: Â«The description and application of the usability principles in the development and testing of interactive elements of the user interfaceÂ». This bachelor's work is devoted to the study of the usability principles, their description and application in designing a user interface. In this work, the concepts of interface, conversion, interactivity, as well as ways to evaluate them and their impact on the behavior and loyalty of users are investigated. For these purposes the interface of the automation module for the Â«AlidiÂ» Group of Companies was designed and tested, in which the Human Centered Design methodology was applied â a user-oriented design that focuses on the needs of those for whom the product is created and how this product will solve user problems. After studying the needs and goals of the company, as well as analyzing the business process for which the interface was created, recommendations for improving usability based on usability heuristics and several other methodologies were proposed and subsequently applied. The result was a user interface that was tested on company employees. Testing showed fairly high usability indicators, a small number of errors and a high Completion Rate. In general, the interface was highly estimated by employees who noted its intuitiveness, simplicity, consistency and clarity. The results obtained are a striking example of how the usability principles applied in interface design can not only increase the loyalty and interest of potential customers, but also directly increase sales, which demonstrates the high importance of the UI/UX design studied in this work.