Проектирование навигационного меню сайта на основе метода сортировки карточек

NovaInfo 60, с.36-41, скачать PDF
Опубликовано
Раздел: Технические науки
Просмотров за месяц: 2

Аннотация

В данной статье исследуется практическое применение метода сортировки карточек для анализа и реструктуризации существующего навигационного меню. Итогом проведённого тестирования является заново построенное по результатам опроса потенциальных пользователей навигационное меню.

Ключевые слова

КАРТОЧЕК, СОРТИРОВКА, МЕНЮ, НАВИГАЦИОННОЕ, UXSORT

Текст научной работы

Методы сортировки карточек, подразделяющиеся на «открытый» и «закрытый» подходы, позволяют быстро, эффективно и экономично выделить наиболее оптимальную структуру меню web-сервиса на основе результатов, которые в ходе тестирования предоставляют рядовые пользователи, а не специалисты или дизайнеры [1,2].

Данная методика способствует повышению эффективности взаимодействия пользователя с системой: в результате проведения сортировочных процедур могут быть получены следующие полезные данные:

  • насколько высоко понимание предметной области у целевой аудитории сайта;
  • вид группирования информации, используемой пользователями;
  • наиболее оптимальное количество категорий и разделов, входящих в меню навигации [3,6,8].

Понимание представления предметной области различными группами целевой аудитории;

Как говорилось выше, методика сортировки может быть:

  • открытой (в этом случае пользователь имеет возможность сам сортировать предлагаемые на выбор карточки, придумывая группы для их хранения);
  • закрытой (пользователь жёстко ограничен в рамках уже существующих групп, которые необходимо заполнить карточками) [1,4].

Для наглядной демонстрации эффективности обоих методов используем навигационное меню сайта ВМК «Красный октябрь». В данный момент оно имеет следующую архитектуру:

Таблица 1. Навигационное меню сайта ВМК «Красный октябрь»
О предприятии:
  • Справка о предприятии;
  • Техперевооружение;
  • Социально-кадровая политика;
  • Экология;
  • Охрана труда;
  • История.
Производственная деятельность:
  • Производственная площадка №1;
  • Производственная площадка №1.
Продукция:
  • Основная продукция;
  • Контроль и качество;
  • Проверка сертификата качества.
Клиентам и партнёрам:
  • Покупателям и поставщикам;
  • Проверка сертификата качества;
  • Закупки, тендеры, потребность;
  • Реквизиты.
Контакты:
  • Руководство;
  • Контакты предприятия;
  • Реквизиты;
  • Приглашаем на работу.
Пресс-центр:
  • СМИ о нас;
  • Новости;
  • Газета «Красный октябрь».

Применим методику «открытой» сортировки. В результате непродолжительного тестирования была построена дендрограмма, показанная на рисунке 1:

Дендрограмма по результатам «открытой» сортировки
Рисунок 1. Дендрограмма по результатам «открытой» сортировки

Таким образом, вырисовывается следующий вариант навигационного меню:

Таблица 2. Вариант навигационного меню
О компании:
  • Справка о предприятии;
  • Руководство;
  • Контакты предприятия;
  • Карта сайта;
  • История.
Заказчикам:
  • Покупателям и поставщикам;
  • Проверка сертификата качества;
  • Закупки, тендеры, потребность;
  • Реквизиты.
Производственная деятельность:
  • Контроль и качество;
  • Производственная площадка №1;
  • Производственная площадка №1;
  • Основная продукция.
Экология:
  • Экология;
  • Раскрытие по энергоносителям;
  • Техперевооружение.
Охрана труда:
  • Охрана труда;
  • Социально-кадровая политика.
Вакансии:
  • Приглашаем на работу.
Пресс-центр:
  • СМИ о нас;
  • Новости;
  • Газета «Красный октябрь».

Теперь применим методику «закрытой» сортировки. В результате непродолжительного тестирования была построена дендрограмма, отображённая на рисунке 2:

Дендрограмма по результатам «закрытой» сортировки
Рисунок 2. Дендрограмма по результатам «закрытой» сортировки

В результате проведения тестирования меню методом «открытой сортировки карточек» можно представить следующий вариант меню:

Таблица 3. Вариант меню
О предприятии:
  • Справка о предприятии;
  • Руководство;
  • Социально-кадровая политика;
  • Карта сайта;
  • История;
  • Контроль и качество;
  • Техперевооружение.
Клиентам и заказчикам:
  • Покупателям и поставщикам;
  • Реквизиты.
Продукция:
  • Основная продукция;
  • Закупки, тендеры, потребность.
Контакты:
  • Руководство;
  • Контакты предприятия.
Производственная деятельность:
  • Производственная площадка №1;
  • Производственная площадка №1.
ЭкологияОхрана трудаПроверка сертификата качества
Раскрытие по энергоносителямПриглашаем на работуПресс-центр:
  • СМИ о нас;
  • Новости;
  • Газета «Красный октябрь».

Оба исследования проводились в среде бесплатно распространяемого desktop-приложения «UXSort» на основе мнений пяти пользователей. Как видно по результатам тестирования, сортировка карточек позволяет разработчику web-сервиса выбрать наиболее оптимальную структуру навигационного меню для его создания или усовершенствования [4,5,7].

Читайте также

Список литературы

  1. Рыбанов А.А. Применение метода сортировки карточек при проектировании навигационного меню информационной системы // NovaInfo.Ru. 2016. Т. 2. № 40. С. 15-21.
  2. Сортировка карточек: полное описание метода [Электронный ресурс]. — Режим доступа: http://www.webmascon.com/topics/planning/19a.asp. Дата обращения: 20.12.2016
  3. Рыбанов А.А. Электронный ресурс «Метрики оценки качества пользовательского интерфейса» // Хроники объединенного фонда электронных ресурсов Наука и образование. 2016. № 6 (85). С. 26.
  4. Котин А.И., Рыбанов А.А. Сравнительный анализ существующих программных средств оценки восприятия человеком зрительной информации // NovaInfo.Ru. 2016. Т. 3. № 56. С. 116-122.
  5. Билялова В.М., Рыбанов А.А. Применение закона Фиттса к оценке навыков работы пользователей с компьютерными устройствами целеуказания // NovaInfo.Ru. 2015. Т. 2. № 32. С. 9-14.
  6. Rybanov A., Tretyakova V. Application of Fitts’s law to the assessment of users’ skills of work with computer devices of targeting // В сборнике: Pedagogical and psychological problems of the modern society: scientific approaches to the study and overcoming practices 2nd edition: research articles. Science editor: A. Burkov. San Francisco, California, USA, 2015. С. 39-47.
  7. Панкова Л.А., Рыбанов А.А. Исследование методов адаптации к обучаемому в современных компьютерных обучающих системах // Известия Волгоградского государственного технического университета. 2008. Т. 5. № 5 (43). С. 67-69.
  8. Рыбанов А.А., Усмонов М.С.О., Попов Ф.А., Ануфриева Н.Ю., Бубарева О.А. Информационные системы и технологии/Научный ред. И. А. Рудакова/Центр научной мысли (г. Таганрог). Москва, 2013. Том Часть 4. — 90 с.

Цитировать

Кочанов, А.А. Проектирование навигационного меню сайта на основе метода сортировки карточек / А.А. Кочанов, А.А. Рыбанов. — Текст : электронный // NovaInfo, 2017. — № 60. — С. 36-41. — URL: https://novainfo.ru/article/11306 (дата обращения: 10.06.2023).

Поделиться