Веб-дизайн и оформление научных и научно-популярных сайтов: принципы графики и технологии SVG для эффективной коммуникации

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

Для студентов и аспирантов, специализирующихся в информационных технологиях, дизайне или журналистике, понимание принципов веб-дизайна применительно к научной сфере становится фундаментом для создания востребованных и влиятельных цифровых продуктов. Курсовая работа, представленная здесь, призвана не только осветить теоретические основы веб-дизайна, но и глубоко погрузиться в специфику графических технологий, таких как векторная и растровая графика, а также перспективный стандарт Scalable Vector Graphics (SVG), которые являются краеугольным камнем в оформлении современных научных и научно-популярных сайтов.

Цель данной работы — разработать структурированный план исследования темы «Веб-дизайн и оформление научных и научно-популярных сайтов» с акцентом на принципы графики (векторной, растровой) и технологии SVG, что позволит создать исчерпывающую курсовую работу, соответствующую академическим требованиям.

Для достижения этой цели были поставлены следующие задачи:

1. Определить основные теоретические основы и принципы веб-дизайна, применимые к созданию эффективных научных и научно-популярных сайтов.
2. Раскрыть ключевые различия между векторной и растровой графикой и их влияние на оформление научных веб-ресурсов.
3. Проанализировать роль и преимущества использования Scalable Vector Graphics (SVG) в контексте научного веб-дизайна.
4. Исследовать наиболее эффективные подходы к UX/UI дизайну для улучшения восприятия и доступности научной информации.
5. Изучить эволюцию подходов к веб-дизайну научных ресурсов и выявить лучшие практики.
6. Сформулировать этические принципы использования графики в научной коммуникации.

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

Теоретические основы и фундаментальные принципы веб-дизайна

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

Определение и цели веб-дизайна для научных ресурсов

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

• Эффективной научной коммуникации: Передача сложных концепций, данных и результатов исследований в понятной и доступной форме.
• Формирования авторитета и доверия: Визуальное оформление должно подчеркивать строгость, достоверность и серьезность научного контента.
• Стимулирования взаимодействия: Поддержка дискуссий, обмена знаниями, коллаборации между исследователями и заинтересованной публикой.
• Образования и просвещения: Предоставление научно-популярной информации в увлекательной и легкоусвояемой форме.

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

Принципы визуальной иерархии и композиции

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

Для создания эстетически привлекательной и гармоничной веб-страницы часто применяется принцип «золотого сечения» (отношение примерно 1,618). Хотя это не строгое правило, его использование помогает создать сбалансированную композицию, которая интуитивно воспринимается человеком как приятная и упорядоченная. Например, расположение основного контента и сайдбаров в соотношении, близком к золотому сечению, может улучшить визуальное восприятие.

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

Цветовая палитра и типографика

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

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

В контексте веб-дизайна используются различные цветовые модели. Цветовая модель RGB (Red, Green, Blue) является аддитивной и предназначена для отображения на экранах, где цвета формируются путем добавления света. Для дизайнеров более удобна модель HSB (Hue, Saturation, Brightness), или HSV (Hue, Saturation, Value), которая позволяет интуитивно управлять оттенком, насыщенностью и яркостью, что облегчает подбор гармоничных цветовых схем.

Типографика, включающая выбор шрифтов, их размер и межстрочное расстояние, играет ключевую роль в читаемости и улучшении пользовательского опыта, особенно для сайтов с большим объемом текстовой информации, характерных для научной сферы. Важно выбирать шрифты, которые легко читаются на разных устройствах и при разных размерах. Для основного текста научных статей предпочтительны шрифты с засечками (serif) или без засечек (sans-serif) с хорошей читаемостью, такие как Georgia, Times New Roman, Open Sans или Lato. Межстрочное расстояние (line-height) должно быть достаточным, чтобы текст не сливался, но и не казался слишком разреженным.

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

Юзабилити и доступность: краеугольные камни эффективного научного веб-ресурса

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

Понятие юзабилити и его принципы

Юзабилити (от англ. «usability» — «удобство использования») — это показатель того, насколько посетителю удобно пользоваться интерфейсом сайта или мобильного приложения. Это не просто интуитивно понятная навигация, но и способность пользователя быстро найти интересующую информацию и выполнить целевые действия, будь то прочтение научной статьи, загрузка данных или регистрация на конференцию. Высокое юзабилити напрямую влияет на ключевые показатели:

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

В 1994 году Якоб Нильсен, один из пионеров в области юзабилити, сформулировал 10 основных правил юзабилити (эвристик), которые, несмотря на стремительное развитие технологий, сохраняют свою актуальность в современном веб-дизайне. Эти принципы служат руководством для дизайнеров при создании интуитивно понятных и эффективных интерфейсов:

1. Видимость состояния системы: Пользователь всегда должен понимать, что происходит. Например, индикаторы загрузки, подтверждения отправки формы или текущая позиция в навигации.
2. Соответствие системы реальному миру: Используйте язык и понятия, привычные для пользователя, а не специфический жаргон. Иконки должны быть узнаваемыми, а метафоры — понятными.
3. Предоставление пользователю контроля и свободы: Пользователь должен иметь возможность легко отменить действие, вернуться назад или выйти из нежелательной ситуации (например, кнопка «Отмена» или «Назад»).
4. Последовательность и стандарты: Единообразие в оформлении, терминологии и поведении элементов. Если кнопка «Скачать» выглядит одинаково на всех страницах, это снижает когнитивную нагрузку.
5. Предотвращение ошибок: Лучше предотвратить ошибку, чем заставлять пользователя ее исправлять. Например, проверка правильности ввода данных в формах до их отправки.
6. Узнавание вместо вспоминания: Минимизируйте необходимость запоминать информацию. Элементы интерфейса, инструкции и опции должны быть видимы или легко доступны.
7. Гибкость и эффективность использования: Предоставьте возможности как для новичков (подсказки), так и для опытных пользователей (горячие клавиши, кастомизация).
8. Эстетичный и минималистичный дизайн: Интерфейс не должен содержать избыточную или нерелевантную информацию. Каждый элемент должен служить определенной цели.
9. Помощь пользователям в распознавании, диагностике и исправлении ошибок: Если ошибка все же произошла, система должна четко объяснить, что случилось, и предложить пути решения.
10. Наличие справки и документации: Легкодоступная, понятная и релевантная информация, которая помогает пользователю в решении проблем.

Концепция доступности (Accessibility) и WCAG стандарты

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

Консорциум Всемирной паутины (W3C) разработал Руководство по обеспечению доступности веб-контента (Web Content Accessibility Guidelines, WCAG), которое определяет четыре главных принципа доступности цифрового контента.

1. Воспринимаемость (Perceivable): Информация и компоненты пользовательского интерфейса должны быть представлены в форме, доступной для восприятия пользователями. Это означает предоставление текстовых альтернатив для нетекстового контента (например, alt-текст для изображений), субтитров для аудио и видео, а также обеспечение достаточного контраста между текстом и фоном.
2. Управляемость (Operable): Компоненты пользовательского интерфейса и навигационные элементы должны быть управляемы. Пользователи должны иметь возможность взаимодействовать с сайтом различными способами, например, с помощью клавиатуры, голосового управления или вспомогательных технологий. Это также включает предоставление достаточного времени для выполнения задач и избегание элементов, вызывающих судороги.
3. Понятность (Understandable): Информация и управление интерфейсом должны быть понятными. Язык должен быть ясным и простым, навигация — предсказуемой и последовательной, а ошибки должны быть объяснены и легко исправлены.
4. Надежность (Robust): Контент должен быть достаточно надежным, чтобы его можно было обрабатывать разнообразным программным обеспечением, включая вспомогательные технологии. Это означает использование семантически корректного кода HTML, который позволяет скринридерам и другим адаптивным технологиям правильно интерпретировать структуру и содержание страницы.

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

Оценка юзабилити и соответствие стандартам

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

1. Результативность (Effectiveness): Насколько успешно пользователи достигают своих целей. Например, сколько читателей дошли до конца статьи, скачали нужный файл или нашли конкретное исследование. Положительная динамика в разрешении целей пользователем является ключевым показателем.
2. Производительность (Efficiency): Отношение затраченных времени и ресурсов к достигнутой результативности. Например, сколько времени потребовалось пользователю, чтобы найти определенную информацию, или сколько кликов он совершил для выполнения задачи.
3. Удовлетворенность (Satisfaction): Субъективная оценка портала пользователями. Это можно измерить с помощью опросов, интервью, шкал оценки или анализа отзывов.

Для достижения высокого уровня юзабилити и доступности рекомендуется опираться на международные стандарты. Серия стандартов ISO (Международная организация по стандартизации) описывает требования к эргономике взаимодействия человека с системой:

• ISO 18529: Определяет методы оценки пригодности использования программного обеспечения.
• ISO 14915: Относится к проектированию мультимедийных пользовательских интерфейсов.
• ISO 16071: Содержит рекомендации по доступности для людей с ограниченными возможностями.
• ISO 16982: Описывает методы юзабилити-тестирования.
• ISO 20282: Фокусируется на юзабилити потребительских продуктов.

Соблюдение этих необязательных, но авторитетных стандартов, таких как WCAG и ISO, делает систему более конкурентоспособной, надежной и, что особенно важно для научных ресурсов, доступной для максимально широкой аудитории, способствуя распространению знаний и инклюзивности.

UX/UI дизайн: путь к интуитивному восприятию научной информации

В современном цифровом мире успех любого веб-ресурса, включая научные и научно-популярные сайты, напрямую зависит от того, насколько хорошо он взаимодействует со своей аудиторией. Здесь на сцену выходят пользовательский опыт (UX) и пользовательский интерфейс (UI) — две тесно связанные, но различные дисциплины, которые совместно формируют путь к интуитивному восприятию сложной научной информации.

Разграничение и взаимосвязь UX и UI

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

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

Компоненты UX-дизайна включают:

• Исследование пользователей: Глубокое изучение целевой аудитории, ее потребностей, целей, поведения и болевых точек.
• Создание информационной архитектуры: Логическое структурирование контента, организация навигации таким образом, чтобы информация была легко обнаруживаема и понятна.
• Дизайн взаимодействия: Проектирование того, как пользователь будет взаимодействовать с элементами интерфейса (кнопками, формами, меню).
• Юзабилити-тестирование: Проверка удобства использования продукта реальными пользователями.

В свою очередь, Пользовательский интерфейс (User Interface, UI) — это то, как продукт выглядит и как с ним непосредственно взаимодействует пользователь. Это визуальное представление продукта: кнопки, иконки, типографика, цветовые схемы, расположение элементов на странице. UI-дизайн сосредоточен на эстетике, брендинге и интерактивности, чтобы сделать интерфейс привлекательным, последовательным и легким в использовании. Для научного сайта UI-дизайн обеспечит, чтобы графики были четкими, текст хорошо читался, а общий вид страницы внушал доверие и профессионализм.

Взаимосвязь UX и UI можно проиллюметрировать метафорой: UX — это архитектура здания (его функциональность, планировка, удобство перемещения), а UI — это его интерьерный дизайн (цвет стен, мебель, освещение, декор). Здание может быть красивым (хороший UI), но если в нем невозможно найти туалет (плохой UX), то опыт будет негативным. И наоборот, функциональное здание с неудобным и отталкивающим интерьером также не будет востребовано. Таким образом, эффективный и удобный цифровой продукт возможен только при неразрывной связи и гармоничном взаимодействии UX и UI.

Методологии исследования пользовательского опыта для научных аудиторий

Для создания по-настоящему ориентированного на пользователя научного веб-ресурса крайне важно провести глубокое исследование пользовательского опыта (UX-исследование). Оно помогает определить и подтвердить предположения о целевой аудитории, найти общие черты, распознать их потребности, цели и ментальные модели.

При разработке продукта следует четко разграничивать целевой рынок (кто будет пользоваться продуктом) и целевую аудиторию (кому продукт продается). В случае научного сайта эти группы могут частично совпадать, но иметь разные мотивы и потребности. Например, целевой рынок — все научное сообщество, а целевая аудитория для конкретного раздела — аспиранты, ищущие релевантные диссертации.

Для исследования пользовательского опыта применяются различные методы и инструменты, которые можно адаптировать к специфике научной аудитории:

1. Интервью: Глубокие беседы с представителями целевой аудитории (учеными, студентами, преподавателями) позволяют выявить их потребности, ожидания, проблемы при поиске и освоении научной информации. Важно задавать открытые вопросы, чтобы получить максимально полные ответы.
2. Наблюдение: Изучение того, как пользователи взаимодействуют с существующими научными сайтами (своими или конкурентов). Это может быть наблюдение за тем, как они ищут информацию, читают статьи, анализируют графики. Ценные инсайты можно получить, просто фиксируя их действия и трудности.
3. Карта пользовательского пути (Customer Journey Map, CJM): Визуализация всего пути пользователя от момента возникновения потребности до выполнения целевого действия на сайте. CJM помогает выявить «болевые точки», моменты разочарования и возможности для улучшения опыта. Для научного сайта это может быть путь от поиска статьи в поисковой системе до ее цитирования.
4. Фреймворк «Персоны» (Personas): Создание вымышленных, но реалистичных образов типичных представителей целевой аудитории. Каждая персона описывает демографические данные, цели, мотивации, болевые точки и поведенческие паттерны. Например, «Аспирант Анастасия», «Профессор Иванов», «Любитель науки Ольга». Это помогает дизайнерам и разработчикам эмпатично относиться к пользователям и принимать решения, исходя из их реальных потребностей.
5. User Stories: Короткие, простые описания функциональности с точки зрения пользователя. Формат: «Как [роль пользователя], я хочу [действие], чтобы [получить результат]». Например: «Как аспирант, я хочу фильтровать статьи по году публикации, чтобы быстро находить свежие исследования».
6. Тепловые карты (Heatmaps): Инструмент для визуализации того, куда пользователи кликают, прокручивают страницу или наводят курсор. Помогает понять, какие элементы привлекают внимание, а какие игнорируются.
7. А/Б-тестирование: Сравнение двух или более версий веб-страницы для определения, какая из них показывает лучшие результаты по заданным метрикам (например, время на странице, конверсия).

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

Графика в веб-дизайне научных и научно-популярных сайтов: от растра к вектору и SVG

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

Растровая графика: характеристики и применение

Растровая графика представляет собой изображение, состоящее из множества пикселей — крошечных цветных точек, каждая из которых имеет свое точное расположение и оттенок. Эти пиксели, подобно мозаике, формируют цельное изображение. Чем выше разрешение изображения (то есть, чем больше пикселей на единицу площади), тем больше деталей различимо и тем качественнее выглядит картинка.

Сильные стороны растровой графики:

• Фотореалистичность: Растровая графика идеально подходит для передачи мельчайших оттенков, светотеней, плавных переходов цвета, что делает ее незаменимой для фотографий, сложных иллюстраций и художественных работ.
• Широкие возможности для работы с цветом: Позволяет передавать естественные оттенки, цветовые переходы, обводки, размытости и тени.
• Детализация: Высокое разрешение позволяет отображать множество мелких деталей, что важно для изображений с богатой текстурой или сложными объектами.

Недостатки растровой графики:

• Потеря качества при масштабировании: При увеличении растровое изображение теряет четкость и качество, поскольку отдельные пиксели становятся заметны, приводя к эффекту «лестницы» или размытия. Это серьезное ограничение для адаптивного веб-дизайна, где изображения должны хорошо выглядеть на экранах разных размеров.
• Большой размер файлов: Высокое разрешение и фотореалистичность часто приводят к большим размерам файлов, что замедляет загрузку страниц и негативно сказывается на пользовательском опыте и SEO.

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

• Микроскопические снимки: Фотографии клеток, тканей, микроорганизмов, где важна каждая деталь и оттенок.
• Спутниковые снимки и аэрофотосъемка: Для географических и экологических исследований.
• Медицинские изображения: Рентгеновские снимки, МРТ, КТ, где важна точность и отсутствие искажений.
• Графики и диаграммы, требующие точной цветопередачи: Например, тепловые карты, визуализация спектров, где цветовые градиенты несут смысловую нагрузку.

Векторная графика: характеристики и преимущества

В отличие от растровой графики, векторная графика основана на математическом описании элементарных геометрических объектов, называемых примитивами: точек, линий, кривых Безье, многоугольников, окружностей. Вместо хранения информации о каждом пикселе, векторный файл хранит математические инструкции о том, как эти объекты должны быть нарисованы.

Ключевые преимущества векторной графики:

• Масштабируемость без потери качества: Это главное преимущество. Изображения, созданные с помощью векторной графики, сохраняют четкость и качество при абсолютно любом масштабировании, поскольку при изменении размера они перестраиваются по своим математическим формулам. Это делает их идеальными для адаптивного дизайна и использования на экранах с высокой плотностью пикселей (Retina-дисплеи).
• Малый размер файлов: Файлы векторной графики обычно имеют значительно меньший размер по сравнению с растровыми, так как они описывают объекты математически, а не хранят информацию о каждом пикселе. Это способствует быстрой загрузке страниц.
• Легкость редактирования: Векторные изображения легко редактируются. Можно изменять формы, цвета, толщину линий отдельных объектов, не влияя на качество всего изображения.
• Отсутствие фокуса на разрешении: Векторные изображения не зависят от разрешения, что позволяет использовать их в различных контекстах без предварительной подготовки для разных размеров.

Примеры применения векторной графики в науке:
Векторная графика незаменима там, где важны четкие линии, формы и возможность масштабирования:

• Логотипы и иконки: Брендинг научных организаций, иконки для навигации на сайтах.
• Иллюстрации: Схематические рисунки, изображающие сложные процессы, механизмы или структуры.
• Технические и научные диаграммы: Графики функций, блок-схемы алгоритмов, молекулярные структуры, электрические цепи.
• Инфографика: Для визуализации статистики, сравнения данных, хронологических шкал.
• Карты и схемы: Географические карты, планы зданий, схемы метрополитена.
• Образовательные материалы: Интерактивные схемы, иллюстрации для учебников и онлайн-курсов.

Популярные программы для работы с векторной графикой включают Adobe Illustrator, Inkscape (бесплатный аналог) и CorelDRAW.

Технология Scalable Vector Graphics (SVG)

Особое место в современном веб-дизайне занимает Scalable Vector Graphics (SVG) — это открытый стандарт векторной графики, основанный на XML, который позволяет описывать двумерные изображения в текстовом формате. SVG-файлы, по сути, являются фрагментами кода, которые браузер интерпретирует и отрисовывает как графику.

Преимущества SVG для научных сайтов:

• Масштабируемость без потери качества: Как и вся векторная графика, SVG масштабируется до любого размера без пикселизации, что критически важно для адаптивного дизайна и отображения на различных устройствах.
• Малый размер файлов: SVG-файлы, описывающие простые формы, значительно меньше по размеру, чем растровые аналоги, что ускоряет загрузку страниц.
• Легкая интеграция с HTML, CSS и JavaScript: SVG легко встраивается непосредственно в HTML-код, стилизуется с помощью CSS и становится интерактивным благодаря JavaScript. Это позволяет создавать анимированные графики, интерактивные схемы и управляемые пользователем диаграммы, что идеально подходит для визуализации научных данных.
• Индексация поисковыми системами (SEO): Тексты внутри SVG-файлов (например, подписи к графикам, легенды) индексируются поисковыми системами, что способствует SEO-оптимизации и улучшает обнаруживаемость научного контента.
• Доступность: SVG-файлы могут быть структурированы таким образом, чтобы вспомогательные технологии (например, скринридеры) могли их интерпретировать, повышая доступность контента.

Сравнение SVG и Canvas:
Важно различать SVG и Canvas, другую популярную технологию для веб-графики.

• SVG — это декларативный формат, основанный на XML, который описывает объекты как часть DOM (Document Object Model). Он оптимален для создания четких и адаптивных диаграмм средней сложности, иконок, логотипов, где важна интерактивность отдельных элементов и масштабируемость.
• Canvas — это API для рисования графики с помощью JavaScript на растровом холсте. Он подходит для высокоскоростной отрисовки, работы с большими объемами пиксельных данных, сложной анимации и игр в реальном времени. Например, для визуализации физических симуляций, сложных графиков с постоянно меняющимися данными.

Для большинства статических и интерактивных научных диаграмм, инфографики и схем SVG является предпочтительным выбором из-за своей масштабируемости, легкости редактирования и SEO-дружественности.

Оптимизация и форматы изображений для веб

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

Распространенные форматы изображений и их оптимальное использование:

Формат	Тип графики	Особенности	Применение
JPEG/JPG	Растровая	Сжатие с потерями качества, широкий диапазон цветов (16,7 млн).	Фотографии, сложные изображения с градиентами, где небольшой размер файла важнее идеального качества.
PNG	Растровая	Сжатие без потерь, поддержка прозрачности (PNG-8, PNG-24), широкий диапазон цветов.	Изображения с четкими границами, текст, скриншоты, логотипы, иконки, где нужна прозрачность и высокое качество.
GIF	Растровая	Поддержка анимации, прозрачности, ограничен 256 цветами.	Простые анимации, небольшие иконки, где не требуется много цветов.
TIFF	Растровая / Векторная	Сжатие без потерь, поддержка нескольких слоев, сочетание растра и вектора.	Профессиональная печать, хранение высококачественных сканированных изображений, научные публикации.
RAW	Растровая	Необработанные данные с матрицы камеры, высочайшее качество, полный контроль над обработкой.	Профессиональная фотография, научные исследования (для сохранения исходных данных без потерь).
WebP	Растровая	Разработан Google, лучшее соотношение качества/размера по сравнению с JPEG/PNG, поддержка прозрачности.	Универсальный формат для веб, замена JPEG и PNG для оптимизации скорости загрузки.
SVG	Векторная	Масштабируемость без потерь, малый размер, интерактивность, индексация.	Логотипы, иконки, схемы, диаграммы, инфографика, иллюстрации.

Методы оптимизации графики:

1. Сжатие файлов: Использование программ для оптимизации изображений (например, Adobe Photoshop, online-компрессоры) для уменьшения размера файла без заметной потери качества.
2. Выбор правильного формата: Для фотографий — JPEG или WebP, для логотипов и иконок — SVG или PNG, для анимации — GIF или видео.
3. Изменение размеров: Использование изображений в подходящем для отображения размере, избегая загрузки избыточно больших файлов, которые затем уменьшаются браузером.
4. Ленивая загрузка (lazy loading): Техника, при которой изображения, находящиеся за пределами видимой области экрана, загружаются только тогда, когда пользователь прокручивает страницу до них. Это значительно ускоряет первоначальную загрузку страницы.
5. Адаптивные изображения: Использование HTML-атрибутов srcset и sizes или тега <picture> для предоставления браузеру нескольких версий одного изображения, чтобы он мог выбрать наиболее подходящую для текущего устройства и разрешения экрана.

Этические принципы использования изображений в научных публикациях и на сайтах:
При использовании изображений в научных публикациях и на сайтах крайне важно соблюдать этические принципы, чтобы избежать манипуляций и сохранить достоверность данных.

• Рассматривать цифровые изображения как данные: Каждое изображение, особенно экспериментальное, является частью научного доказательства.
• Сохранять необработанные исходные файлы: Всегда хранить оригиналы изображений, не подвергнутые никаким изменениям.
• Выполнять простые корректировки для всего изображения: Допустимы лишь глобальные корректировки яркости, контраста или цветового баланса, применимые ко всему изображению равномерно.
• Обрезать изображения только при необходимости: Обрезка должна быть минимальной и не должна искажать контекст или убирать важные детали.
• Обеспечивать идентичные условия съемки и обработки для сравниваемых изображений: Если изображения сравниваются, они должны быть получены и обработаны в одинаковых условиях.
• Не рекомендуется использовать программные фильтры для улучшения качества биологических изображений или клонировать/копировать объекты внутри изображения.
• Для представления данных следует избегать вводящих в заблуждение графиков: Например, простые столбчатые диаграммы для сравнения средних значений без отображения распределения данных, или скрипичных диаграмм для малых выборок, где они могут быть некорректно интерпретированы.

Соблюдение этих принципов гарантирует не только визуальную привлекательность, но и научную целостность и достоверность представленной информации.

Эволюция, лучшие практики и этические аспекты веб-дизайна научных ресурсов

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

Историческая перспектива веб-дизайна научных ресурсов

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

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

В середине 2000-х с ростом популярности социальных сетей и развитием Web 2.0, акцент сместился в сторону интерактивности и удобства пользователя. Появились элементы, позволяющие комментировать статьи, делиться ими. Научные сайты начали интегрировать элементы UX/UI дизайна, осознавая, что даже самая важная информация будет проигнорирована, если ее сложно найти или понять. Начали использоваться более сложные макеты, цветовые схемы, и, что важно, внедряться первые адаптивные решения для мобильных устройств, хотя и в зачаточном состоянии.

Последнее десятилетие ознаменовалось бумом мобильного интернета и появлением концепции «mobile-first». Адаптивный веб-дизайн стал стандартом, а SVG и другие векторные форматы приобрели особую значимость для обеспечения масштабируемости графики на любых экранах. Современные научные ресурсы активно используют интерактивную визуализацию данных, видеоконтент, элементы геймификации для научно-популярных разделов и стремятся к максимальной доступности, соответствуя стандартам WCAG. Эволюция от простых текстовых страниц к сложным, интерактивным и адаптивным платформам демонстрирует растущее понимание того, что эффективная научная коммуникация требует не только достоверности, но и продуманного дизайна.

Лучшие практики и инновационные решения в оформлении научных сайтов

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

1. Чистый и минималистичный дизайн: Избегание избыточных элементов, фокусировка на контенте. Пример: сайты издательств Nature, Science. Они используют много свободного пространства, четкую типографику и логичное расположение блоков.
2. Эффективная визуализация данных: Отказ от статичных, сложночитаемых таблиц в пользу интерактивных графиков, диаграмм и инфографики. Использование SVG для создания масштабируемых, анимированных и динамически изменяющихся визуализаций. Например, сайты, использующие D3.js для построения сложных интерактивных диаграмм, позволяющих пользователю исследовать данные.
3. Адаптивный дизайн: Полная оптимизация для всех устройств (десктоп, планшет, смартфон). Графика, текст и навигация должны автоматически подстраиваться под размер экрана, обеспечивая удобство чтения в любом контексте.
4. Интуитивная навигация и поиск: Четкая структура меню, мощные поисковые системы с фильтрами по автору, дате, ключевым словам, типу публикации. «Хлебные крошки» для ориентации в структуре сайта.
5. Доступность (Accessibility): Соответствие стандартам WCAG. Это включает использование alt-текстов для изображений, корректную семантическую разметку, возможность навигации с клавиатуры, достаточный контраст цветов и поддержку скринридеров.
6. Высококачественный мультимедийный контент: Интеграция видеолекций, подкастов, 3D-моделей. Например, ресурсы, предоставляющие интерактивные 3D-визуализации молекул или анатомических структур.
7. Интеграция с репозиториями и DOI: Удобные ссылки на репозитории данных, ORCID авторов, автоматическое формирование ссылок для цитирования, привязка к идентификаторам DOI (Digital Object Identifier) для легкого поиска и цитирования статей.
8. Интерактивные образовательные элементы: Для научно-популярных сайтов это могут быть викторины, симуляторы, интерактивные карты, которые помогают усваивать сложную информацию в игровой форме.
9. Оптимизация скорости загрузки: Использование современных методов оптимизации графики (WebP, SVG, ленивая загрузка), кэширование, CDN для быстрой доставки контента пользователям по всему миру.

Примерами таких инновационных подходов могут служить сайты NASA с их интерактивными визуализациями космических данных, The New York Times с их известными научно-популярными лонгридами, использующими сложные графические истории, или отдельные академические порталы, которые интегрируют интерактивные инструменты для анализа данных непосредственно на странице.

Этические принципы использования графики в научных публикациях и на сайтах

Научная этика требует высочайшей степени честности и прозрачности. Это относится не только к текстовым данным, но и к визуальному контенту. Использование графики в научных публикациях и на сайтах сопряжено с рядом строгих этических требований:

1. Цифровые изображения как данные: Необходимо рассматривать каждое цифровое изображение, особенно полученное в ходе экспериментов (например, микроскопические снимки, спектрограммы), как необработанные данные. Любые изменения должны быть задокументированы и оправданы.
2. Сохранение необработанных исходных файлов: Оригиналы изображений, полученные непосредственно с оборудования, должны храниться и быть доступными для проверки. Это позволяет подтвердить подлинность и воспроизводимость результатов.
3. Допустимые корректировки: Разрешены лишь те корректировки, которые применяются ко всему изображению равномерно и не изменяют интерпретацию данных. К ним относятся глобальные изменения яркости, контраста, цветового баланса, необходимые для улучшения видимости, но не для искажения информации.
4. Избегание манипуляций: Категорически запрещено:
   • Избирательное усиление: Изменение яркости или контраста только в определенной области изображения для выделения желаемого результата.
   • Клонирование или копирование объектов: Добавление или удаление объектов на изображении для создания ложного впечатления.
   • Неоправданная обрезка: Обрезка изображения, которая скрывает важную информацию или искажает контекст.
   • Применение программных фильтров: Использование фильтров, которые могут сглаживать, размывать или улучшать качество изображения таким образом, что это скрывает недостатки или создает ложные особенности.
5. Идентичные условия для сравнения: Если сравниваются несколько изображений, они должны быть получены и обработаны в строго идентичных условиях.
6. Прозрачность в методологии: Подробное описание методов получения и обработки изображений в сопроводительной документации, чтобы другие исследователи могли воспроизвести результаты.
7. Избегание вводящих в заблуждение визуализаций данных: Некоторые типы графиков могут быть некорректно интерпретированы или сознательно использованы для введения в заблуждение:
   • Использование простые столбчатых диаграмм для сравнения средних значений без отображения распределения: Такие диаграммы могут скрывать значительную вариативность данных. Рекомендуется использовать боксплоты (ящик с усами) или точечные диаграммы, которые показывают медиану, квартили и выбросы.
   • Применение скрипичных диаграмм для малых выборок: В случае малых выборок (например, n < 5) скрипичные диаграммы могут создавать ложное впечатление о плотности распределения данных.
   • Искажение осей координат: Намеренное изменение масштаба осей для преувеличения или преуменьшения эффектов.
   • Некорректное использование 3D-графиков: Трехмерные диаграммы часто затрудняют точное сравнение значений и могут быть менее информативными, чем 2D-аналоги, если объемные эффекты не несут смысловой нагрузки.

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

Заключение

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

Было подчеркнуто критическое значение юзабилити и доступности. Десять эвристик Якоба Нильсена и четыре принципа WCAG (воспринимаемость, управляемость, понятность, надежность) являются незаменимыми ориентирами для создания инклюзивных и удобных сайтов, которые одинаково хорошо служат как профессионалам, так и людям с ограниченными возможностями, расширяя тем самым охват и влияние научной информации.

Анализ UX/UI дизайна показал, что пользовательский опыт и пользовательский интерфейс, хотя и различны, неразрывно связаны и совместно определяют успех взаимодействия пользователя с научным контентом. Методологии UX-исследований, такие как интервью, карты пользовательского пути и персоны, позволяют глубоко понять потребности научной аудитории и создать продукт, который интуитивно понятен и полезен.

Особое внимание было уделено графике — растровой и векторной. Мы выяснили, что векторная графика, с её масштабируемостью без потери качества и малым размером файлов, идеально подходит для создания научных диаграмм, инфографики и схем. Технология SVG предстала как ключевой инструмент современного веб-дизайна, предлагающий интерактивность, адаптивность и SEO-оптимизацию, что делает её незаменимой для динамичной визуализации научных данных. Важность оптимизации изображений и выбора правильных форматов для скорости загрузки сайта также была подчеркнута.

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

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

Список использованной литературы

1. Беляев, А.А. Аффордансы, оформительские соглашения и мета-форы в дизайне веб-интерфейсов // Дизайн СМИ: тренды XXI века. Материалы IV Международной научно-практической конференции 26-27 сентября 2014 года. – М.: Факультет журналистики МГУ, 2014. – 116 с.
2. Бурлаков, М. В. Illustrator CS3. Самоучитель с электронным справочником. + Комплект. — КУДИЦ-ПРЕСС, 2008. — 336 с.
3. Вайсбанд, Игорь. 5000 лет информатики. — М.: «Черная белка», 2010. — 352 с.
4. Дональд Херн, М. Паулин Бейкер. Компьютерная графика и стандарт OpenGL = Computer Graphics with OpenGL. — 3-е изд. — М.: «Вильямс», 2005. — С. 1168.
5. Инженерная и компьютерная графика. – М.: Высшая школа, 2004.
6. Инструкция по SVG Viewer Extension for Windows Explorer — расширение для проводника Windows, позволяющее просматривать в нём SVG файлы в виде эскизов, 2015.
7. Кариев, Ч. А., Масштабируемая векторная графика (Scalable Vector Graphics), М.- Развитие, 2007.
8. Коваленко, Н.С., Чепелева, Т. И. Высшая математика. Линейная алгебра. Векторная алгебра. Аналитическая геометрия; Юнипресс-Москва, 2006.-208 c.
9. Куликов, В. П., Кузин, А. В. Инженерная графика; Форум — Москва, 2009. — 368 c.
10. Никулин, Е. А. Компьютерная геометрия и алгоритмы машинной графики. — СПб: БХВ-Петербург, 2003. — 560 с.
11. Отрошко, Олег Живопись и графика; Айрис-пресс — Москва, 2009.-208 c.
12. Хандадашева, Л.Н., Истомина, И.Г. Информатика. Техническая Графика. Издательство МАРТ, 2005.
13. Черников, С. В., Комягин, В. Б., Пташинский, В. С. 100% самоучитель. CorelDraw X4. Векторная графика; Технолоджи-3000, Триумф — Москва, 2008. — 240 c.
14. Adobe Illustrator CS4. Официальный учебный курс. — Эксмо, 2009. — 512 с.
15. 10 принципов хорошего веб-дизайна // Молодой ученый. URL: https://moluch.ru/archive/334/74381/ (дата обращения: 01.11.2025).
16. Юзабилити – что это простыми словами, что включает в себя и зачем он нужен? Правила и принципы юзабилити, как оценить и улучшить интерфейс // Пентаскул. URL: https://pentaschool.ru/blog/chto-takoe-yuzabiliti (дата обращения: 01.11.2025).
17. Важные принципы веб-дизайна и их роль в создании эффективного сайта // дизайнерс. URL: https://designers.com.ua/blog/vazhnye-printsipy-veb-dizajna-i-ih-rol-v-sozdanii-effektivnogo-sajta/ (дата обращения: 01.11.2025).
18. ОСНОВЫ ВЕБ-ДИЗАЙНА // Электронная библиотека БГТУ. URL: https://elib.bstu.by/bitstream/123456789/40292/1/osnovy_web_dizaina.pdf (дата обращения: 01.11.2025).
19. Научный веб-дизайн // Архитектура. Проектирование. Готовые проекты домов. URL: https://www.ar-pro.ru/web/nauka.html (дата обращения: 01.11.2025).
20. Основы юзабилити, определение, правила юзабилити веб сайта // Convert Monster. URL: https://www.convertmonster.ru/blog/web-design/chto-takoe-yuzabiliti/ (дата обращения: 01.11.2025).
21. Юзабилити сайта: принципы и методы оценки // КиберЛенинка. URL: https://cyberleninka.ru/article/n/yuzabiliti-sayta-printsipy-i-metody-otsenki (дата обращения: 01.11.2025).
22. СОВРЕМЕННЫЙ ВЕБ-ДИЗАЙН: СЛЕДОВАНИЕ АКТУАЛЬНЫМ ТРЕНДАМ И ПОНИМАНИЕ ПОЛЬЗОВАТЕЛЬСКИХ ОЖИДАНИЙ // КиберЛенинка. URL: https://cyberleninka.ru/article/n/sovremennyy-veb-dizayn-sledovanie-aktualnym-trendam-i-ponimanie-polzovatelskih-ozhidaniy (дата обращения: 01.11.2025).
23. Юзабилити: что это, основные правила и принципы разработки // Яндекс Практикум. URL: https://practicum.yandex.ru/blog/chto-takoe-yuzabiliti/ (дата обращения: 01.11.2025).
24. Юзабилити сайта: что это такое, виды и основные принципы // Unisender. URL: https://www.unisender.com/ru/blog/yuzabiliti-sajta (дата обращения: 01.11.2025).
25. 9 принципов веб-дизайна, которые необходимо знать // Pixpa. URL: https://www.pixpa.com/blog/web-design-principles (дата обращения: 01.11.2025).
26. 13 основных правил веб-дизайна, которые полезно знать заказчику // IDBI. URL: https://idbi.ru/blog/osnovnye-pravila-veb-dizayna/ (дата обращения: 01.11.2025).
27. «Основы технологии WEB — дизайна». URL: http://mgei-kursk.ru/content/mgei/docs/metod_mat/inform_i_vych_texn/osnovy_texnologii_web-dizayna.pdf (дата обращения: 01.11.2025).
28. Юзабилити в контентных проектах: как сделать ресурс удобным для читателя. URL: https://medium.com/@giraff.io/юзабилити-в-контентных-проектах-как-сделать-ресурс-удобным-для-читателя-96a84c8a221f (дата обращения: 01.11.2025).
29. Доступность как основа инклюзивного веб-дизайна (на примере применения принципов WCAG 2.2 в модальных окнах одностраничного веб-приложения): магистерская диссертация // Электронной библиотеки ТГУ. URL: https://vital.lib.tsu.ru/vital/access/manager/Repository/vital:22828 (дата обращения: 01.11.2025).
30. ИССЛЕДОВАНИЕ ПОЛЬЗОВАТЕЛЬСКОГО ОПЫТА ВЗАИМОДЕЙСТВИЯ РАЗЛИЧНЫХ ЦЕЛЕВЫХ АУДИТОРИЙ С ИНТЕРФЕЙСОМ ПОРТАЛА // КиберЛенинка. URL: https://cyberleninka.ru/article/n/issledovanie-polzovatelskogo-opyta-vzaimodeystviya-razlichnyh-tselevyh-auditoriy-s-interfeysom-portala (дата обращения: 01.11.2025).
31. Что такое Accessibility: основы доступности для веб-дизайнеров // Продуктовый дизайн (UX/UI), брендинг и аналитика. URL: https://ux.pub/chto-takoe-accessibility-osnovy-dostupnosti-dlya-veb-dizajnerov-82b5444a737f (дата обращения: 01.11.2025).
32. Целевая аудитория: примеры, определение, портрет ЦА | Глава 4 // Ux Journal. URL: https://ux.pub/tselevaya-auditoriya-primery-opredelenie-portret-tsa-glava-4-e349605963ee (дата обращения: 01.11.2025).
33. Юзабилити сайта: что это, анализ, примеры и чек-лист. URL: https://www.seonews.ru/glossary/yuzabiliti-sayta-chto-eto-analiz-primery-i-chek-list/ (дата обращения: 01.11.2025).
34. Интерфейс доступный каждому: практические рекомендации // Habr. URL: https://habr.com/ru/articles/730596/ (дата обращения: 01.11.2025).
35. Понятие юзабилити сайта: показатели и стандарты проектирования // КиберЛенинка. URL: https://cyberleninka.ru/article/n/ponyatie-yuzabiliti-sayta-pokazateli-i-standarty-proektirovaniya (дата обращения: 01.11.2025).
36. ТОП-20 методов UX/UI-исследований: как проводить + примеры. URL: https://ux.pub/top-20-metodov-ux-issledovanij-kak-provodit-primery-11277a06f363 (дата обращения: 01.11.2025).
37. Удобство использования (юзабилити) электронного ресурса – решение задач пользователя с выгодой для компании // ResearchGate. URL: https://www.researchgate.net/publication/322791404_Udobstvo_ispolzovania_yuzabiliti_elektronnogo_resursa_-_resenie_zadac_polzovatela_s_vygodoj_dla_kompanii (дата обращения: 01.11.2025).
38. Методы исследования пользователей для понимания любой целевой аудитории // Ноушен. URL: https://www.notion.so/ru-ru/blog/user-research-methods (дата обращения: 01.11.2025).