Сортировка карточек – это известный метод, который используется для проектирования навигационного меню веб-ресурса [1,2].

Сортировка карточек предполагает два подхода [3]:

1. Открытая сортировка, где пользователям предлагается определенный набор карточек и возможность создавать свои группы для последующего распределения в них карточек [6].

2. Закрытая сортировка, где уже имеется заранее созданный набор групп, в которые и нужно распределить все карточки.

Для реализации такого метода используется свободно распространяемое программное обеспечение для платформы Windows под названием UXSort (http://www.uxsort.com/) [1].

В качестве примера для реализации этого метода взято навигационное меню сайта про популярные танковые баталии.

Полный список карточек представлен на рис. 1.

Рисунок 1. Список карточек

Далее проводится анализ с помощью открытой сортировки 5 участниками, пример одного из которых представлен на рис. 2.

Рисунок 2. Анализ с помощью открытой сортировки

На рис. 3 представлена дендограмма результата анализа с пороговым результатом, равным 16.

Рисунок 3. Дендограмма результата анализа с пороговым расстоянием

Данное пороговое расстояние полезно для определения списка групп, на которые можно разбить навигационное меню. Само пороговое расстояние можно определить по графику, представленному на рис. 4.

Рисунок 4. График с пороговым расстоянием

В результате анализа можно составить следующее навигационное меню:

Об игре

• Скачать игру
• Укрепрайоны
• Глобальная карта
• Танковые асы
• Обновления
• Календарь событий
• Экономика
• В разработке

Обучение

• Обучающие комиксы
• Полезный софт
• Руководство
• Новичку

Игрок

• WGTravel
• Форум
• Безопасность
• Зал славы
• Игроки
• Подобрать клан
• Достижения

Кланы

• Кланы
• Аллея славы
• Рейтинг кланов

Творчество

• Видео
• Фан-видео
• Арт
• Фан-арт
• Моделирование
• Рендеры
• Саундтрек
• Танковое радио

Сортировка карточек – метод, применяющийся для структурирования содержания информационного приложения, информационными архитекторами.

Этот метод, помогает надежно и быстро спроектировать навигационное меню сайта, в зависимости от которого будет эффективность взаимодействия пользователя с информационным содержанием ресурса [1].

Два метода сортировки карточек существует [2]:

1. Открытая сортировка: участники создают группы и распределяют по ним карточки из предложенного списка карточек, где обозначено содержание сайта.
2. Закрытая сортировка: участники имеют карточки, которые они должны распределить в уже готовые наборы групп.

Windows-приложение UXSort, было использовано для проведения исследований, связанных с методом сортировки карточек и оно поддерживает до 1000 карточек [1].

При использовании UXSort для проектирования навигационного меню для игрового портала всего было использовано 17 карточек. На рисунке 1 приведен пример сортировки одного из участников эксперимента.

Рисунок 1 – Результаты сортировки карточек одним из пользователей

На рисунке 2  показана дендограмма результата, после обработки результатов всех пользователей..

Рисунок 2 – Дендограмма результата сортировок карточек пользователями

Для определения списка групп, должно быть выбрано пороговое расстояние, через него проведена перпендикулярная линия и подсчитывало количество пересечений с ветвями дендограммы, определяющее количество групп [1]. С использованием точечной диаграммы, созданной по шагам и расстоянию дендограммы можно определить Пороговое расстояние. Результат показан на рисунке 3, где оранжевым цветом выделена точка порогового расстояния.

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

В итоге был выбран последующий вариант навигационного меню:

• Новости
  
• Все новости
  
• Даты
  
• Релизы
  
• Анонсы
  
• Видео
  
• Трейлеры
  
• Ролики
  
• Видеоблогеры
  
• Видеопрохождения
  
• Все видео
  
• Изображения
  
• Изображения
  
• Обои
  
• Скриншоты
  
• Дополнительно
  
• Форумы
  
• Коды
  
• Конкурсы
  
• Ключи ЗБТ
• Прохождения

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

Проблемы создания качественного меню связаны не только с семантическими аспектами наполнения его структуры [3, 4, 7], но и взаимным расположением управляющих элементов и их размерами [5, 6, 8].

Сортировка карточек – метод, применяемый информационными архитекторами, для структурирования контента информационного приложения.

Данный метод помогает быстро и надежно спроектировать навигационное меню сайта, от которого зависит эффективность взаимодействия пользователя с информационном контентом ресурса [1].

Существует два метода сортировки карточек [2]:

1. Открытая сортировка, при которой участникам предлагается список карточек, где обозначены названия материала сайта. Участники сами создают группы и распределяют по ним карточки.
2. Закрытая сортировка, при которой участникам предлагают уже готовый набор групп, в которые они должны распределить карточки.

Для выполнения исследований, связанных с методом сортировки карточек используется windows-приложение – UXSort, имеющее поддержку до 1000 карточек [1].

Используем возможности данного приложения для проектирования навигационного меню для веб-ресурса, предоставляющего информацию о деятельности учебного заведения. Всего использовано 30 карточек. На рис. 1 приведен пример сортировки одного из участников эксперимента.

Рисунок 1. Результаты сортировки пользователя

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

Рисунок 2. Дендограмма результата

Для определения списка групп, необходимо выбрать пороговое расстояние, через которое проводится перпендикулярная линия и подсчитывается количество пересечений с ветвями диаграммы, определяющие количество групп [1]. Пороговое расстояние можно определить по точечной диаграмме, построенной по шагам и расстоянию дендограммы. Результат представлен на рис. 3, где точка порогового расстояния выделена красным цветом.

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

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

Информация

• Поздравления
• Новости

Студентам

• Учеба
• Выпускникам
• Поступающим
• Университетская жизнь

Поиск

Профориентация и трудоустройство

Пресс-служба

• Международное сотрудничество
• МГУ в СМИ
• Отзывы и благодарности
• Интервью ректора

Сайт

• Карта сайта
• Сайты МГУ

Адреса

• Центры и другие подразделения
• Факультеты
• Институты

Как и все методы, сортировка карточек имеет свои недостатки. Сортировка рассчитана только на материалы, без учета задач пользователя. Электронная сортировка карточек является объективным, дешевым и простым подходом к проектированию меню информационных систем.