Новые образовательные стратегии в современном информационном пространстве

New Educational Strategies in Modern Information Space - 2022

Ru
En

Майорова А. П.

студентка Крымского федерального университета

имени В. И. Вернадского

Симферополь

 

Разработка автоматизированной системы проверки интерфейсов на соответствие принципам UX-дизайна

 

В статье рассмотрена проблема создания интерфейсов приложений и сайтов в соответствии с принципами UX-дизайна. Предложена идея создания автоматизированной практико-ориентированной обучающей системы проверки интерфейсов. Новая система призвана упростить работу UX-дизайнера без применения шаблонных решений.

 

Mayorova A.P.

CFU named after V. I. Vernadsky

Simferopol, Crimea, Russia

 

Development of an automated system for checking interfaces for compliance with UX design principles

 

The article considers the problem of creating application and website interfaces in accordance with the principles of UX design. The idea of creating an automated practice-oriented training system for checking interfaces is proposed. The new system is designed to simplify the work of a UX designer without using template solutions.

 

В связи с быстрым развитием современного мира и технологий многие повседневные задачи решаются с помощью компьютеров и мобильных устройств. У каждого веб-сайта или приложения есть определенный интерфейс взаимодействия с пользователем. Интерфейс компьютерных программ должен соответствовать регламентам, которые будут способствовать автоматизации действий пользователя и сокращению затрачиваемого времени. К таким регламентам, в том числе, относятся правила дизайна пользовательского опыта (англ. User Experience, UX) [1]. В команде разработчиков созданием таких интерфейсов занимается UX-дизайнер.

 

Принципов и правил UX-дизайна довольно много [2], они отличаются друг от друга в зависимости от спецификации проекта. Начинающим разработчикам зачастую бывает сложно найти нужную информацию и разобраться в ней для того, чтобы создать действительно продуманный и удобный для всех пользователей интерфейс. Так, например, проблема может возникнуть, когда приложения и сайты, при создании которых не были соблюдены основные правила и принципы дизайна пользовательского опыта, оказываются недоступными для определенных групп людей (например, лиц с инвалидностью или пожилых пользователей) несмотря на то, что логика работы программы может быть продумана очень хорошо [3].

 

Цель работы состоит в систематизации правил UX-дизайна, разработке автоматизированной русскоязычной веб-системы проверки интерфейсов на соответствие требованиям дизайна пользовательского опыта. Ожидается, что с помощью такой системы разработчики смогут создавать более продуманные интерфейсы программ, использование которых будет доступно и удобно для каждого.

 

Материал и методы. Выполнение исследования запланировано на 2021-2022 учебный год. На первом этапе (октябрь-декабрь 2021 года) выполнен анализ литературы по проблемам UX-дизайна и подготовки UX-дизайнеров, сформирована концептуальная схема информационно-консультативного веб-ресурса для самообучения дизайнеров интерфейсов. На втором этапе (январь-апрель 2022 года) планируется реализация и апробация веб-ресурса.

 

Результаты. Анализ литературы и интернет-источников показал, что дизайн-системы, упрощающие работу с макетами интерфейсов, способствуют автоматизации работы UX-дизайнера, но имеют некоторые ограничения. Зачастую дизайн-системы платные, довольно сложны для понимания, англоязычные, используются как шаблонный набор решений, не предоставляют обратную связь для грамотного понимания проделанной работы, возможных ее результатов и последствий. В качестве примеров можно привести: UI kits – наборы готовых решений интерфейсов (например, Сontra wireframe kit [5]); фреймворки – платформы для разработки программ и библиотеки для верстальщиков (например, Bulma [6]). Использование таких, шаблонных, систем сопряжено с риском потери индивидуальности проекта.

 

Разрабатываемый веб-ресурс предназначен для самопроверки и самостоятельного обучения разработчика. В контент ресурса планируется включить: теоретические материалы для изучения общих правил проектирования интерфейсов, соответствующих требованиям UX-дизайна; практико-ориентированные инструкции и рекомендации для разработчика; примеры, иллюстрирующие правильное применение теоретических материалов; практические кейсы; систему интеллектуальной обратной связи с рекомендациями по проектированию. Также планируется разработка системы вопросов, отвечая на которые UX-дизайнер сможет самостоятельно проверить авторский интерфейс. Для разработки веб-ресурса используются следующие инструменты: Visual Studio Code; Figma; HTML; CSS; JavaScript. Схема информационно-консультативного веб-ресурса представлена на рисунке 1.

Рисунок 1 – Схема веб-ресурса для самообучения дизайнеров интерфейсов

 

Заключение. Ожидается, что создание справочного веб-ресурса по основам UX-дизайна упростит обучение начинающих дизайнеров, поможет более опытным разработчикам избегать ошибок в проектах и будет способствовать оптимизации их работы. Начинающим дизайнерам не потребуется собирать всю информацию о UX-дизайне самостоятельно, так как все необходимые принципы и правила будут подробно описаны. Практические задания и примеры помогут освоить теоретические материалы, а система проверок и формы обратной связи будут полезны при самостоятельном обучении. Более опытные дизайнеры смогут использовать веб-ресурс для того, чтобы избегать шаблонной работы, развивать свои навыки, а также оперативно создавать и проверять интерфейсы в соответствии с принципами UX-дизайна.

 

Литература:

  1. Что такое UX/UI дизайн на самом деле? // Habr. 2006–2022. – URL: https://habr.com/ru/post/321312/
  2. Принципы UX: делаем продукт для пользователя, а не для дизайнеров // IT-компания WEZOM. 2000-2021 – URL: https://wezom.com.ua/blog/principy-ux-dizajna
  3. Основные проблемы разработки современных интерфейсов // Habr. 2006–2022. – URL: https://habr.com/ru/post/435912/
  4. Основные проблемы разработки современных интерфейсов // Habr. 2006–2022. – URL: https://habr.com/ru/post/435912/
  5. Contra Open source wireframe kit // Contra. 2022 – URL: https://contrauikit.com/
  6. Bulma: the modern CSS framework that just works // Bulma. 2022 – URL: https://bulma.io/

Оставить комментарий: