<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Электронный научно-практический журнал «Современные научные исследования и инновации» &#187; Rikisan</title>
	<atom:link href="http://web.snauka.ru/issues/author/rikisan/feed" rel="self" type="application/rss+xml" />
	<link>https://web.snauka.ru</link>
	<description></description>
	<lastBuildDate>Fri, 17 Apr 2026 07:29:22 +0000</lastBuildDate>
	<language>ru</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Применение метода сортировки карточек для создания навигационного меню игрового порталам</title>
		<link>https://web.snauka.ru/issues/2017/01/76898</link>
		<comments>https://web.snauka.ru/issues/2017/01/76898#comments</comments>
		<pubDate>Wed, 11 Jan 2017 13:32:37 +0000</pubDate>
		<dc:creator>Rikisan</dc:creator>
				<category><![CDATA[05.00.00 ТЕХНИЧЕСКИЕ НАУКИ]]></category>
		<category><![CDATA[игровой портал]]></category>
		<category><![CDATA[метод сортировки карточек]]></category>
		<category><![CDATA[навигационное меню]]></category>

		<guid isPermaLink="false">https://web.snauka.ru/issues/2017/01/76898</guid>
		<description><![CDATA[Проблема создания качественного меню связана как с размерами и взаимным расположением управляющих элементов[5, 6, 8], так и с семантическими аспектами наполнения структуры меню [3, 4, 7]. Сортировка карточек – метод, применяющийся для структурирования содержания информационного приложения, информационными архитекторами. Этот метод, помогает надежно и быстро спроектировать навигационное меню сайта, в зависимости от которого будет эффективность взаимодействия [...]]]></description>
			<content:encoded><![CDATA[<p style="background: white;"><span style="color: black;">Проблема создания качественного меню связана как с размерами и взаимным расположением управляющих элементов[5, 6, 8], так и с семантическими аспектами наполнения структуры меню [3, 4, 7].<br />
</span></p>
<p style="background: white;"><span style="color: black;">Сортировка карточек – метод, применяющийся для структурирования содержания информационного приложения, информационными архитекторами.<br />
</span></p>
<p style="background: white;"><span style="color: black;">Этот метод, помогает надежно и быстро спроектировать навигационное меню сайта, в зависимости от которого будет эффективность взаимодействия пользователя с информационным содержанием ресурса [1].<br />
</span></p>
<p style="background: white;"><span style="color: black;">Два метода сортировки карточек существует [2]:<br />
</span></p>
<ol>
<li>
<div style="background: white;"><span style="color: black;">Открытая сортировка: участники создают группы и распределяют по ним карточки из предложенного списка карточек, где обозначено содержание сайта.</span></div>
</li>
<li>
<div style="background: white;">Закрытая сортировка: участники имеют карточки, которые они должны распределить в уже готовые наборы групп.</div>
</li>
</ol>
<p style="background: white;"><span>Windows-приложение UXSort, было использовано для проведения исследований, связанных с методом сортировки карточек и оно поддерживает до 1000 карточек [1].<br />
</span></p>
<p style="background: white;"><span>При использовании UXSort для проектирования навигационного меню для игрового портала всего было использовано 17 карточек. На <em>рисунке 1</em> приведен пример сортировки одного из участников эксперимента.<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2017/01/011117_1330_1.jpg" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 1 &#8211; Результаты сортировки карточек одним из пользователей<br />
</span></p>
<p style="background: white;"><span>На <em>рисунке 2</em>  показана дендограмма результата, после обработки результатов всех пользователей..<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2017/01/011117_1330_2.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 2 &#8211; Дендограмма результата сортировок карточек пользователями<br />
</span></p>
<p style="background: white;"><span>Для определения списка групп, должно быть выбрано пороговое расстояние, через него проведена перпендикулярная линия и подсчитывало количество пересечений с ветвями дендограммы, определяющее количество групп [1]. С использованием точечной диаграммы, созданной по шагам и расстоянию дендограммы можно определить Пороговое расстояние. Результат показан на <em>рисунке 3</em>, где оранжевым цветом выделена точка порогового расстояния.<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2017/01/011117_1330_3.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 3 &#8211; Точечная диаграмма шагов и расстояний<br />
</span></p>
<p style="background: white;"><span>В итоге был выбран последующий вариант навигационного меню:</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: black;"><strong>Новости</strong><br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Все новости<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Даты<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Релизы<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Анонсы<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;"><strong>Видео</strong><br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Трейлеры<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Ролики<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Видеоблогеры<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Видеопрохождения<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Все видео<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;"><strong>Изображения</strong><br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Изображения<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Обои<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Скриншоты<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;"><strong>Дополнительно</strong><br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Форумы<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Коды<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Конкурсы<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: black;">Ключи ЗБТ</span></div>
</li>
<li>
<div style="background: white;">Прохождения</div>
</li>
</ul>
<p style="background: white;"><span>Сортировка карточек, как и многие методы, имеет свои недостатки. Он рассчитан только на материалы, не учитывая задачи пользователя. Именно поэтому, полученный результат не гарантирует, что будет создана структура, которая будет помогать пользователям и исполнять требуемые от неё действия [2]. Для получения подходящей структуры интерфейса нужно проводить опрос среди заинтересованных пользователей. Такой тип сортировки карточек объективен, дёшев и имеет простой подход к проектированию меню информационных систем.</span></p>
]]></content:encoded>
			<wfw:commentRss>https://web.snauka.ru/issues/2017/01/76898/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
