Составление структуры веб-сайта с использованием открытой карточной сортировки
Рассмотрены основные положения информационной архитектуры, приведены результаты исследования по составлению, ориентированной на пользователя, структуры веб-сайта. Информационная архитектура – сочетание схем организации, предметизации и навигации.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | статья |
| Язык | русский |
| Дата добавления | 30.07.2020 |
| Размер файла | 160,3 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Составление структуры веб-сайта с использованием открытой карточной сортировки
Шайдуллин Радик Фанилович
Аннотации
В статье рассмотрены основные положения информационной архитектуры, приведены результаты исследования по составлению, ориентированной на пользователя, структуры веб-сайта.
The article describes the main points of the information architecture, and provides the results of the study about developing user friendly structure of website.
Ключевые слова: информационная архитектура, структура веб-сайта, карточная сортировка, иерархическая кластеризация.
Keywords: information architecture, website structure, card sorting, hierarchical clustering.
В современных реалиях все более сложной задачей становится привлечение пользователей к веб-сайту. Для вовлечения пользователей к своему веб-сайту, веб-сайт должен соответствовать множеству ключевых факторов. Одними из основных факторов являются удобство использования и логичность структуры веб-сайта. Данные задачи решаются разнообразными способами. Так, по мнению автора, для решения данных задач, необходимо изначально проектировать веб-сайт, сосредотачиваясь на более тщательной и детальной разработке "информационной архитектуры".
Информационная архитектура - это сочетание схем организации, предметизации и навигации, реализованных в информационной системе.[2]
Информационная архитектура состоит из следующих компонентов:
* система организации;
* система именования;
* система навигации;
* система поиска [3].
Для проектирования компонентов, то есть для разработки информационной архитектуры, существуют множество разнообразных подходов и методов. Один из подходов был предложен Л. Розенфельдом и П. Морвилем, который имеет следующий вид (Рис. 1).
Рис. 1 - Процесс создания информационной архитектуры
Так на этапе исследования следует изучение контекста и пользователей предстоящего веб-сайта, а также изучение содержимого, которым будет заполняться веб-сайт [1]. информационный архитектура пользователь сайт
На этапе стратегии следует проектирование самой стратегии разработки информационной архитектуры, а также разработка концептуальной структуры веб-сайта [1].
На этапе проектирования происходит детальное проектирование каждого компонента информационной архитектуры [1].
После разработки схем информационной архитектуры происходит этап реализации, в котором данные схемы реализуют в исходный веб-сайт. Далее, после реализации, начинается этап администрирования, в котором происходит сопровождение и совершенствование веб-сайта [1].
При разработке информационной архитектуры, одной из главных задач является создание понятной пользователям структуры веб-сайта. Для решения такой задачи, по мнению автора, наиболее привлекательным инструментом является "Карточная сортировка".
Карточная сортировка - это классификационный метод, при котором пользователи сортируют различные элементы разрабатываемого веб-сайта по нескольким категориям [4].
Карточная сортировка разделяется на:
· открытую - категории изначально не определены;
· закрытую - категории изначально определены.
При проектировании нового или при переработки старого веб-сайта используется открытая карточная сортировка. Закрытая карточная сортировка используется либо при расширении существующего веб-сайта, либо как дополнительная проверка открытой карточной сортировки, то есть используется после неё.
Логика проведения открытой карточной сортировки следующая (Рис. 2).
Рис. 2 - Алгоритм открытой карточной сортировки
При фиксировании результатов происходит процесс выделения групп-категорий.
Следующее исследование произведем на основе случайной выборки, в котором 15 респондентов распределили 15 карточек по 3-4 группам, итого 54 группы, также имеется условие, что карточки могут относиться к нескольким категориям. Задача исследования - выделение групп-категорий.
Сформировавшаяся выборка представляется в виде таблицы со значениями в ячейках "1" или "0", то есть карточка входит в группу или нет. Исходя из задачи и типа данных, для решения воспользуемся методом иерархической кластеризации.
Таблица 1 - Таблица принадлежности карточек к группам
|
Карточки\Группы |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
… |
50 |
51 |
52 |
53 |
54 |
|
|
1 |
0 |
0 |
1 |
1 |
1 |
0 |
1 |
1 |
0 |
0 |
1 |
0 |
… |
0 |
0 |
0 |
0 |
1 |
|
|
2 |
1 |
1 |
0 |
1 |
0 |
1 |
0 |
1 |
0 |
0 |
1 |
0 |
… |
0 |
0 |
1 |
0 |
0 |
|
|
3 |
0 |
1 |
0 |
1 |
1 |
0 |
1 |
0 |
1 |
0 |
1 |
0 |
… |
1 |
1 |
1 |
0 |
1 |
|
|
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
… |
|
|
13 |
1 |
1 |
0 |
0 |
0 |
0 |
1 |
0 |
0 |
1 |
1 |
0 |
… |
0 |
1 |
1 |
0 |
0 |
|
|
14 |
0 |
0 |
1 |
1 |
0 |
1 |
1 |
0 |
1 |
0 |
1 |
1 |
… |
0 |
0 |
1 |
1 |
1 |
|
|
15 |
0 |
1 |
0 |
1 |
1 |
1 |
0 |
1 |
0 |
0 |
0 |
0 |
… |
1 |
0 |
1 |
1 |
0 |
Сначала необходимо построить матрицу сходства. Для этого воспользуемся бинарной мерой сходства Жаккара [5]:
где
c - количество общих признаков,
a - количество признаков первой карточки,
b - количество признаков второй карточки.
Признаком, в данном случае, является вхождение карточки в ту или иную группу.
В итоге сформировалась следующая матрица сходства (Таб. 2).
Таблица 2 - Матрица сходства
|
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
||
|
1 |
1 |
0,302 |
0,500 |
0,364 |
0,475 |
0,400 |
0,478 |
0,227 |
0,465 |
0,350 |
0,439 |
0,463 |
0,256 |
0,442 |
0,364 |
|
|
2 |
0,302 |
1 |
0,310 |
0,300 |
0,244 |
0,231 |
0,304 |
0,314 |
0,310 |
0,278 |
0,186 |
0,300 |
0,314 |
0,286 |
0,405 |
|
|
3 |
0,500 |
0,310 |
1 |
0,341 |
0,415 |
0,341 |
0,457 |
0,325 |
0,319 |
0,325 |
0,349 |
0,439 |
0,359 |
0,386 |
0,255 |
|
|
4 |
0,364 |
0,300 |
0,341 |
1 |
0,375 |
0,268 |
0,488 |
0,351 |
0,372 |
0,351 |
0,341 |
0,333 |
0,316 |
0,381 |
0,366 |
|
|
5 |
0,475 |
0,244 |
0,415 |
0,375 |
1 |
0,378 |
0,400 |
0,361 |
0,415 |
0,324 |
0,286 |
0,222 |
0,256 |
0,239 |
0,341 |
|
|
6 |
0,400 |
0,231 |
0,341 |
0,268 |
0,378 |
1 |
0,250 |
0,211 |
0,341 |
0,211 |
0,308 |
0,300 |
0,211 |
0,286 |
0,238 |
|
|
7 |
0,478 |
0,304 |
0,457 |
0,488 |
0,400 |
0,250 |
1 |
0,415 |
0,457 |
0,381 |
0,432 |
0,422 |
0,381 |
0,535 |
0,362 |
|
|
8 |
0,227 |
0,314 |
0,325 |
0,351 |
0,361 |
0,211 |
0,415 |
1 |
0,293 |
0,375 |
0,195 |
0,316 |
0,222 |
0,300 |
0,282 |
|
|
9 |
0,465 |
0,310 |
0,319 |
0,372 |
0,415 |
0,341 |
0,457 |
0,293 |
1 |
0,293 |
0,381 |
0,341 |
0,233 |
0,356 |
0,439 |
|
|
10 |
0,350 |
0,278 |
0,325 |
0,351 |
0,324 |
0,211 |
0,381 |
0,375 |
0,293 |
1 |
0,256 |
0,351 |
0,333 |
0,368 |
0,351 |
|
|
11 |
0,439 |
0,186 |
0,349 |
0,341 |
0,286 |
0,308 |
0,432 |
0,195 |
0,381 |
0,256 |
1 |
0,410 |
0,225 |
0,357 |
0,310 |
|
|
12 |
0,463 |
0,300 |
0,439 |
0,333 |
0,222 |
0,300 |
0,422 |
0,316 |
0,341 |
0,351 |
0,410 |
1 |
0,250 |
0,415 |
0,333 |
|
|
13 |
0,256 |
0,314 |
0,359 |
0,316 |
0,256 |
0,211 |
0,381 |
0,222 |
0,233 |
0,333 |
0,225 |
0,250 |
1 |
0,209 |
0,250 |
|
|
14 |
0,442 |
0,286 |
0,386 |
0,381 |
0,239 |
0,286 |
0,535 |
0,300 |
0,356 |
0,368 |
0,357 |
0,415 |
0,209 |
1 |
0,381 |
|
|
15 |
0,364 |
0,405 |
0,255 |
0,366 |
0,341 |
0,238 |
0,362 |
0,282 |
0,439 |
0,351 |
0,310 |
0,333 |
0,250 |
0,381 |
1 |
Затем, исходя из матрицы сходства, строим дендрограмму. Для постройки дендрограммы был выбран метод невзвешенного попарного среднего, поскольку он эффективно строит как разноразмерные кластеры, так и одинаково хорошо кластеры "цепочного" типа.
Формула невзвешенного попарного среднего[6]:
где
D - мера сходства кластера,
T - количество объектов в кластере.
Рис. 3 - Дендрограмма
Категории из дендрограммы выделяются следующим образом. Сначала определяемся с необходимым количеством категорий, далее, исходя из количества необходимых категорий, строим такую линию на дендрограмме, чтобы она пересекалась с необходимым количеством кластеров. Входящие в данные кластеры карточки будут принадлежать определенным категориям.
Таким образом, используя данный подход, можно составить понятную пользователям структуру веб-сайта.
Список литературы
1. Розенфельд Л., Морвиль П. Информационная архитектура в Интернете, 2-е издание. - Пер. с англ. - СПб Символ-Плюс, 2005. С 258 - 259.
2. Информационная архитектура [Электронный ресурс]. - Режим доступа: https://ru.wikipedia.org/wiki/Информационная_архитектура.
3. Как правильно составить структуру сайта [Электронный ресурс]. - Режим доступа: https://events.yandex.ru/lib/talks/3084/.
4. Метод карточной сортировки [Электронный ресурс]. - Режим доступа: http://seoyeti.ru/metod-kartochnoi-sortirovki/.
5. Коэффициент Жаккара [Электронный ресурс]. - Режим доступа: https://ru.wikipedia.org/wiki/Коэффициент_Жаккара.
6. Метод невзвешенного попарного среднего - UPGMA [Электронный ресурс]. - Режим доступа: http://www.aiportal.ru/articles/autoclassification/upgma.html.
Размещено на Allbest.ru
...Подобные документы
Проектирование структуры и информационного содержания сайта. Анализ поисковой статистики и подбор синонимов. Целевая аудитория сайта. Реализация каркаса сайта. Разработка навигации и дизайна сайта с использованием css. Реализация интерактивности.
курсовая работа [10,7 M], добавлен 01.09.2016Формулировка требований к разработке и оформлению информационного сайта предприятия. Описание архитектуры сайта, меню навигации и алгоритма работы, листинг программного кода. Выбор серверной части и процесс отладки. Методы продвижения сайта в Интернете.
курсовая работа [4,6 M], добавлен 18.01.2014Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.
дипломная работа [3,6 M], добавлен 08.04.2014Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.
курсовая работа [346,7 K], добавлен 18.09.2016Характеристика деятельности, структуры и функций агентства. Анализ текущей структуры сайта заказа наружной рекламы. Описание функциональной архитектуры и архитектуры данных проектируемого автоматизированного модуля. Проектирование интерфейса пользователя.
дипломная работа [2,0 M], добавлен 22.07.2015Разработка информационно-развлекательного сайта Шахтинской Открытой Лиги КВН "Шаолинь" с целью информирования посетителей и организации команд. Методы создания сайта, выбор и сравнение программных платформ. Разработка структуры, реализация сайта.
дипломная работа [2,5 M], добавлен 25.03.2014Основы рекламной деятельности по раскрутке сайта. Описание информационной модели сайта и используемых классификаторов, состав входных документов и справочников. Описание архитектуры проекта со стороны пользователя. Экономическая эффективность проекта.
дипломная работа [6,8 M], добавлен 21.03.2015Анализ предметной области и функций сайта. Разработка структуры базы данных, структуры и дизайна web-сайта. Описание установки CMS "Joomla!" и программной оболочки Denwer, создание гостевой книги, галереи и карты Google, результаты их тестирования.
дипломная работа [2,3 M], добавлен 19.01.2017Характеристика структуры, программного обеспечения и основных бизнес–процессов ЗАГСа. Разработка базы данных и структуры сайта для молодоженов. Управление аккаунтом пользователя, описание страниц сайта. Расчёт экономических затрат на создание сайта.
дипломная работа [448,5 K], добавлен 14.01.2013Анализ предметной области. Характеристика информационной системы. Обоснование выбора среды разработки. Проектирование, разработка, тестирование и внедрение сайта образовательной организации. Содержания школьного сайта, его организационной структуры.
дипломная работа [3,4 M], добавлен 15.02.2017Разработка архитектуры сайта, структуры данных и необходимых программных модулей. Учет фирменного стиля компании при создании дизайна. Внедрение интерфейса административного редактирования сайта. Проведение экспериментального тестирования и отладки.
дипломная работа [3,0 M], добавлен 19.01.2017Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".
курсовая работа [3,5 M], добавлен 05.06.2015Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.
контрольная работа [2,8 M], добавлен 02.12.2009Разработка информационной структуры, дизайна и информационное наполнение web-сайта, который предоставляет сведения участникам турниров юных математиков. Создание анимированного баннера, логотипа, шаблона сайта. Обзор графического программного обеспечения.
дипломная работа [3,2 M], добавлен 15.05.2014Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.
контрольная работа [3,2 M], добавлен 15.02.2011Актуальность создания фирменного web-сайта. Разработка, внедрение web-сайта под названием "Удачная постройка". Анализ существующих программных решений, выбор инструментальных средств разработки. Архитектура сайта, структура данных. Тестирование и отладка.
дипломная работа [4,7 M], добавлен 19.01.2017Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.
презентация [2,8 M], добавлен 01.09.2019Формирование виртуальной странички предприятия в Internet. Обоснование выбора платформы. Разработка структуры и дизайна сайта, электронного каталога продуктов фирмы. Оптимизация сайта под поисковые системы. Основные принципы и правила продвижения сайта.
дипломная работа [3,0 M], добавлен 01.01.2018Проектирование архитектуры и разработка веб-сайта для магазина строительных материалов. Анализ ключевых процессов работы интернет-магазинов, составление схем работы сервиса и схем товарооборота. Проектирование базы данных и бизнес-логики приложения.
курсовая работа [826,4 K], добавлен 09.09.2022
