Details

Целью данной работы является разработка пользовательского интерфейса веб-приложения для генератора пешеходных маршрутов с использованием UX/UI-проектирования. В процессе работы проведён анализ предметной области, в том числе представлен обзор существующих решений, представленных как на отечественном, так и на зарубежном рынках. Существующие решения представлены в виде популярных в туристических кругах веб-приложений. На основе этих решений сформулированы требования, разработана спецификация к разрабатываемому продукту и определён стек необходимых технологий для реализации представленных требований к клиентской части. В результате работы разработан набор страниц и окон, которые предоставляют пользователю функционал, позволяющий ему выбрать имеющиеся места, имеющиеся готовые маршруты, или построить индивидуальный маршрут, используя интерактивную карту. Также были проведены исследования с помощью группы людей. Исследования включали в себя оценку удобства использования разработанного приложения и сравнение её с оценкой, полученной конкурентами, и также анализ ключевых аспектов взаимодействия с приложением. Для работы использовались Visual Studio Code в качестве среды разработки, JavaScript и TypeScript – языки программирования, использовалась библиотека React. Для сбора обратной связи от опрашиваемых пользователей был использован сервис Yandex Forms. В качестве системы контроля версий использовался Github.

The purpose of this paper is to develop a web application user interface for a walking route generator using UX/UI design. In the process of work, the subject area is analyzed, including a review of existing solutions presented both in the domestic and foreign markets. The existing solutions are presented in the form of web applications popular in tourist circles. On the basis of these solutions the requirements are formulated, the specification to the developed product is developed and the stack of necessary technologies for realization of the presented requirements to the client part is defined. As a result of the work, a set of pages and windows was developed, which provide the user with functionality that allows him to select available places, available ready-made routes, or build an individual route using an interactive map. Research was also conducted using a group of people. The research included analyzing key aspects of interaction with the application, evaluating the usability of the developed application and comparing it with the evaluation obtained by competitors. Visual Studio Code was used as a development environment, JavaScript and TypeScript were programming languages with the React library. The Yandex Forms service was used to collect feedback from the surveyed users. Github was used as a version control system.