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

Размещено на http://www.allbest.ru/

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

Сергиенко Валерия Викторовна, бакалавр, студент

Волжский политехнический институт (филиал) Волгоградского государственного технического университета

Рыбанов Александр Александрович, кандидат наук, доцент, заведующий кафедрой

Волжский политехнический институт (филиал) Волгоградский государственный технический университет

Данная статья посвящена применению метода открытой и закрытой сортировки карточек при проектировании навигационного меню.

Похожие материалы

* Анализ навигационного меню газовой компании с использованием метода сортировки карточек

* Анализ и модернизация навигационного меню сайта Интернет-провайдера при помощи метода закрытой сортировки карточек

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

* Проектирование навигационного меню сайта вуза при помощи метода сортировки карточек

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

Сортировка карточек - это стремительный, дешевый и беспроигрышный способ, помогающий в процессе дизайна интернет-сайта. Метод сортировки карточек предоставляет возможность сформировать общую структуру информации на сайте, и предоставляет предложения по дизайну навигации, меню и вероятным вариантам разделения информации на группы. карточка сайт дизайн

Сортировка карточек - это способ, которым используют значительно многие информационные архитекторы (и мастера в остальных смежных областях) для определения структуры интернет-сайта или приложения [1,3,5]. Он более эффективен на ранних шагах проектирования [7,8] Существует два главных варианта способа сортировки карточек: открытая и закрытая сортировка.

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

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

Как и любой другой метод, метод сортировки карточек имеет свои достоинства и недостатки.

В настоящее время, альтернативой ручному методу сортировки карточек, становится метод электронной сортировки карточек .

UXSort -- Windows-приложение, позволяющее выполнять исследования, связанные с определением структуры методом сортировки карточек. Поддерживает до 1000 карточек, глубна сортировки -- до 2-х уровней. Позволяет импортировать карточки из MS Excel или MS Word[4].

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

Рисунок 1. Метод "открытой сортировки": Результаты пользователя №1

Рис 2. Метод "открытой сортировки": Результаты пользователя №2

На рис. 3. Приведена дендограмма, полученная в результате кластерного анализа результатов открытой сортировки карточек.

Для определения количества групп, на которые рационально разбить пункты навигационного меню, необходимо выбрать пороговое расстояние, при преобладании которого объединяться будут уже слишком отдаленные, с точки зрения исследователя, объекты. Результат построения перпендикуляра представлен на рис. 4 на точечной диаграмме шагов и расстояний, где выделенная точка является точкой перегиба (пороговое расстояние)[6].

Рисунок 3. Дендограмма: метод "одиночной связи"

После выбора порогового расстояния проводится перпендикуляр через точку, соответствующую выбранному расстоянию, и подсчитывается количество его пересечений с "ветвями" дендограммы. Количество пересечений и будет определять количество групп пунктов меню, а объекты, оказавшиеся на "отсеченной " ветке - состав групп.

При пороговом расстоянии 16, первый уровень меню будет состоять из 4 пунктов, которым необходимо присвоить названия.

Рисунок 4. Точечная диаграмма шагов и расстояний метода открытой сортировки карточек.

В результате анализа дендограммы (рис. 3) может быть представлен следующий вариант структуры навигационного меню:

Интернет-магазин

* Одежда и обувь

* Распродажа

* Гигиена

* Игрушки

* Подарки

* Детское питание

* Обучение

* Творчество

Украшения

* Серьги

* Броши

* Для волос

* Кулоны

* Упаковка

* Кольца

* Браслеты

* Бусы

Все для дома

* Текстиль

* Посуда

* Хозтовары

Все для отдыха на природе

* Отдых на природе

* Спорт и игры на улице

Детская комната

* Супер скидка

* Освещение

* Интерьер

* Детская комната

* Спортивные товары

Коляски и автокресла

Рисунок 5. Метод "закрытой сортировки": Результаты пользователя №1

Рисунок 6. Метод "закрытой сортировки": Результаты пользователя №2

Далее рассмотрим проектирование навигационного меню веб-сайта, предоставляющего информацию о компании (группе компаний), где было использовано 28 карточек, и 5 пользователей, принявших участие в закрытой сортировке карточек (рис. 5-6).

На рис. 7. приведенадендограмма, полученная в результате кластерного анализа результатов закрытой сортировки карточек [6].

Рисунок 8. Точечная диаграмма шагов и расстояний метода закрытой сортировки карточек

При пороговом расстоянии 10, первый уровень меню будет состоять из 3 пунктов. Результат построения перпендикуляра представлен на рис. 8 на точечной диаграмме шагов и расстояний, где выделенная точка является точкой перегиба (пороговое расстояние).

В результате анализа дендограммы (рис. 3) может быть представлен следующий вариант структуры навигационного меню:

О компании

* Компании группы

* Руководство компании

* История

* Документация

* Партнеры

* Филиалы

* Контакты

* Карьера

* Работа в компании

* Вакансии

* Молодежные программы

Проекты

* База проектов

* География проектов

* Заказчики

* Эксперты

* Отзывы

* Мероприятия

Медиа галерея

* Новости

* Видео

* Публикации

* Материалы

* Книги

Были рассмотрены методы открытой сортировки (для простого веб сайта - магазин игрушек) и закрытой сортировки (сложный веб-сайт - группы компаний). Метод сортировки карточек найдет применение сайтам любого типа, но для некоторых материалов он может быть слишком сложным. Сортировка карточек может быть полезной, чтобы показать людям, что пользователи иногда думают по другому.

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

1. 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. Scienceeditor: A. Burkov. SanFrancisco, California, USA, 2015. С. 39-47.

2. Билялова В.М., Рыбанов А.А. Применение закона Фиттса к оценке навыков работы пользователей с компьютерными устройствами целеуказания // NovaInfo.Ru. 2015. Т. 2. № 32. С. 9-14.

3. Котин А.И., Рыбанов А.А. Сравнительный анализ существующих программных средств оценки восприятия человеком зрительной информации // NovaInfo.Ru. 2016. Т. 3. № 56. С. 116-122.

4. Матрохин А.Е., Рыбанов А.А. Разработка навигационного меню учебного заведения с использование метода сортировки карточек / NovaInfo.Ru. 2016. Т. 3. № 57.

5. Панкова Л.А., Рыбанов А.А. Исследование методов адаптации к обучаемому в современных компьютерных обучающих системах // Известия Волгоградского государственного технического университета. 2008. Т. 5. № 5 (43). С. 67-69.

6. Рыбанов А.А. Применение метода сортировки карточек при проектировании навигационного меню информационной системы // NovaInfo.Ru. 2016. Т. 2. № 40. С. 15-21.

7. Рыбанов А.А. Электронный ресурс ''Метрики оценки качества пользовательского интерфейса'' // Хроники объединенного фонда электронных ресурсов Наука и образование. 2016. № 6 (85). С. 26.

8. Рыбанов А.А., Усмонов М.С.О., Попов Ф.А., Ануфриева Н.Ю., Бубарева О.А. Информационные системы и технологии / Научный ред. И. А. Рудакова / Центр научной мысли (г. Таганрог). Москва, 2013. Том Часть 4. -90 с.

Размещено на Allbest.ru