Details

Данная работа посвящена исследованию восприятия и проектирования интерфейса мобильного сайта. Целью магистерской диссертации является разработка прототипа сайта арт-студии «Микеланджело», основанного на рекомендациях, выявленных в ходе исследований. Задачи, которые решались в ходе исследования: 1. Разработка методики проведения экспериментальных исследований, направленных на изучение пользовательского интерфейса мобильных веб-ресурсов. 2. Проведение ряда экспериментов с целью выявления эффективных решений для проектирования веб-сайта. 3. Анализ полученных статистических данных и выявление закономерностей. 4. Применение методов маркетингового анализа к исследуемому объекту. 5. Создание прототипа сайта арт-студии, учитывающего результаты экспериментов. В рамках исследования разработана методика и стимульные материалы для проведения экспериментов на айтрекере. Проведён ряд экспериментов и последующий сбор и анализ данных. Изучены особенности восприятия зрительной информации в цифровой мобильной среде. Особое внимание уделено исследованию влияния графических элементов на взаимодействие пользователя с интерфейсом. Также были проведены маркетинговые исследования, включающие разработку колеса бренда, анализ конкурентов и изучение целевой аудитории. В ходе сегментирования были выделены основные типы потребителей, для которых составлены карты эмпатии и карты пользовательского пути. Использовались такие методы исследования, как анализ литературы, метод окулографии, эксперимент, статистический анализ. В результате сформированы рекомендации к проектированию интерфейсов мобильных веб-ресурсов, а также разработан прототип сайта арт-студии, включающий мобильную и десктопную версии. Полученные результаты могут применяться в проектировании корпоративных коммерческих сайтов. Проведённый комплекс исследований позволил разработать цифровой ресурс, ориентированный на потребности целевой аудитории, а также направленный на повышение эффективности взаимодействия пользователей с веб-сайтом компании. Для достижения данных результатов в работе были использованы следующие информационные технологии: система регистрации движения глаз SMI RED 250, статистическая программа для визуализации данных STATISTICA, а также графический редактор Figma.

This work is devoted to the study of perception and design of the interface of a mobile website. The purpose of the masters thesis is to develop a prototype of the «Michelangelo» art studio website based on the recommendations identified during the research. Tasks that were solved during the research: 1. Development of a methodology for conducting experimental research aimed at studying the user interface of mobile web resources. 2. Conducting a series of experiments to identify effective solutions for website design. 3. Analysis of the statistical data obtained and identification of patterns. 4. Application of marketing analysis methods to the object under study. 5. Creation of a prototype of the art studio website, taking into account the experimental results. As part of the research, a methodology and incentive materials have been developed for conducting experiments on an eye tracker. A number of experiments and subsequent data collection and analysis were carried out. The peculiarities of perception of visual information in a digital mobile environment are studied. Special attention is paid to the study of the influence of graphic elements on user interaction with the interface. Marketing research was also conducted, including the development of a brand wheel, competitor analysis and target audience research. During the segmentation, the main types of consumers were identified, for which empathy maps and user path maps were compiled. Such research methods as literature analysis, oculography, experiment and statistical analysis were used. As a result, recommendations were formed for designing interfaces for mobile web resources, and a prototype of the art studios website was developed, including mobile and desktop versions. The results obtained can be applied in the design of corporate commercial websites. The conducted complex of studies allowed us to develop a digital resource focused on the needs of the target audience, as well as aimed at improving the effectiveness of user interaction with the companys website. To achieve these results, the following information technologies were used in the work: the SMI RED 250 eye movement registration system, the STATISTICA statistical data visualization program, as well as the Figma graphic editor.