Особенности дизайна сайта поддержки социологического исследования

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

Особенности дизайна сайта поддержки социологического исследования

Е.И. Афанасьева

Аннотация

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

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

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

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

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

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

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

Дизайнер выполняет творческую роль в развитии и продвижении сайта в веб-пространстве. Это влияет на эффективность и популярность сайта.

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

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

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

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

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

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

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

Уровень поверхности знакомит пользователя с сайтом и позволяет сформировать первичное впечатление о веб-ресурсе. На данном уровне посетитель обращает внимание на изображения и текстовый материал [2, с. 146]. Некоторые изображения и кнопки кликабельны, что помогает выполнить какие-либо действия, например увеличить изображение или подробнее ознакомиться с содержимым веб-страницы.

В качестве примера можно привести сайт «Комфортная городская среда» \ Представленный веб-сайт посвящен вопросам формирования и функционирования городской среды города Тамбова.

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

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

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

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

Например, на первом верхнем экране страницы сайта «Комфортная городская среда» расположены навигационные элементы «Главная», «Результаты», «Анкета» и «Дизайн». Это позволяет пользователю ориентироваться между разделами и быстро получать доступ к информации (рис. 1).

Рис. 1. Навигационные элементы на первом верхнем экране сайта «Комфортная городская среда»

Уровень набора возможностей. Структура определяет способ организации различных функциональных возможностей сайта социологического исследования в единое целое [2, с. 72]. На сайте «Комфортная городская среда» немного основных разделов, но каждая веб -страница содержит необходимый материал.

Например, в разделе «Анкета» пользователю предлагается пройти анонимный опрос с целью выявления его мнения о состоянии городской среды и путях улучшения условий жизни в городе Тамбове.

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

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

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

Другой пример, на сайте ВЦИОМВЦИОМ сегодня. URL: https://wciom.ru/about/aboutus/ (дата обращения: 23.09.2019). есть функция, с помощью которой можно ввести адрес и сохранить его один раз. В дальнейшем пользователю не придется указывать данные повторно. Эффективную работу с сайтом также обеспечивает удобный поиск по релизам. Включение данных или любых других функций в список функций сайта относится к возможностям сайта.

Уровень стратегии. Набор возможностей целиком определяется стратегией сайта [2, с. 52]. Например, цель владельцев сайта «Комфортная городская среда» заключается в реализации конкретной идеи, которая заключается в участии местного населения в градостроительных делах города Тамбова. Веб-сайт поможет выявить среди жителей города наиболее компетентных специалистов.

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

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

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

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

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

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

Функциональные возможности и визуальный дизайн сайтов социологических исследований претерпели сильные изменения с течением времени. Когда интернет-паутина только зарождалась, спектр возможностей был ограничен. По мере развития технологий совершенствования веб-браузеров и веб-серверов облик Сети стал меняться.

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

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

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

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

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

Аудитория делится на сегменты. Участники каждой группы будут обладать похожими особенностями. Аудитория делится по демографическим критериям: пол, возраст, семейное положение, уровень образования, уровень дохода и т. п. Например, основной целью сайта ВЦИОМ является изучение общественного мнения.

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

Основные клиенты сайта - сотрудники университетов, издательских домов, агентств по ипотечному жилищному кредитованию, страхованию вкладов ГК, политических партий, Федерального агентства по делам национальностей, фонда содействия реформированию ЖКХ и т. д. От правильного выявления целевой аудитории зависят визуальные характеристики и структура сайта.

Большую роль при разработке дизайна сайта социологического исследования играет цвет.

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

С помощью цвета можно сортировать, группировать объекты и показывать наиболее важную в исследовании информацию. «Человеческий глаз реагирует на цвет на физическом уровне, эмоциональная реакция является приобретенной устойчивой чертой, поэтому следует учитывать цели дизайна и те условия, в которых зрители будут его воспринимать» [4, с. 26].

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

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

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

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

Отобранные фотографии и иллюстрации должны соответствовать общему стилю и эмоциональному настрою исследования. Фотографии должны иметь понятный сюжет. Как показывают исследования, фотографии с людьми, вовлеченными в работу, привлекают больше внимания посетителей, чем кадры, на которых люди находятся в неподвижном состоянии, например просто стоят. Не располагают к себе постановочные фото, где люди улыбаются на камеру или получают призы и грамоты [6, с. 151]. В таком случае эффективнее показать лауреата за работой, которая была оценена высокой наградой. Неудачными считаются снимки, на которых группа людей (комитет, команды, офисный коллектив) выстраивается в линию. Этот фактор был учтен при подборе фотографий для страниц пресс-выпусков сайта ВЦИОМ Пресс-выпуск. ВЦИОМ. ИКЬ: wciom.ru/index.php?id=236&uid=9379 (дата обращения: 23.09.2019).. На большинстве фотографий люди показаны за работой и в соответствующей обстановке (рис. 2).

Рис. 2. Фотография на странице сайта ВЦИОМ

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

Не стоит забывать, что целевая аудитория может плохо слышать или читать. «Во многих случаях инфографика проще и доступнее излагает суть дела, чем целый абзац с разъяснениями» [6, с. 172].

Целесообразность использования определенного вида инфографики зависит от темы исследования. Например, если тема связана с политической деятельностью, то будут уместны справочные блоки с биографиями. Даты подразумевают использование временной шкалы, информация о географических областях - использование карт. Особое внимание следует уделять шрифту текста на сайте. Он должен быть отчетливо виден и гармонировать с дизайном веб -ресурса. Текстовые гарнитуры строятся таким образом, чтобы максимально облегчить пользователю восприятие текста [7, с. 14]. Для контента хорошо подходят шрифты без засечек (гротески). социологический сайт графический релиз

Шрифты с засечками (антиква) используются преимущественно в заголовках или печатных материалах. Наиболее популярными вариантами являются Arial, Trebuchet шестнадцатого кегля для основного контента и Georgia, Times New Roman восемнадцатого кегля для заголовков.

Шрифты имеют широкое распространение и способствуют удобочитаемости. Гарнитуры Impact и Comic Sans достаточно популярны, но использовать их не рекомендуется. Как удачный вариант в некоторых случаях выступает шрифт Verdana. Визуально он похож на Arial, но имеет более тонкий контур. Следует обратить внимание, что разные виды шрифтов обладают неодинаковым размером.

Например, если сопоставить размеры Times New Roman и Tahoma - 16 px, они будут выглядеть по-разному. Последний визуально будет казаться крупнее.

На сайте, который посвящен комфортной городской среде города Тамбова, используется шрифт Tahoma, для веб-сайта ВЦИОМ - Open Sans. В каждом из вариантов кегль равен 16 пунктам со способом начертания normal. Согласно утверждению специалиста в области юзабилити сайтов О. Рейхенштейна, 16 пикселей - это стандарт для нормального отображения шрифта в браузере Мнение: основной текст в 16 px. URL: https://habr.com/ru/post/135746/ (да-та обращения 29.09.2019).. При этом шрифт не будет выглядеть слишком крупным, и на практике это самый удобный размер шрифта для сайта.

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

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

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

1. Головач В.В. Дизайн пользовательского интерфейса. Искусство мыть слона. URL: http://www.uibook2.usethics.ru (дата обращения: 27.09.2019).

2. Гарретт Дж. Веб-дизайн: книга Джесса Гарретта. Элементы опыта взаимодействия. СПб.: Символ-Плюс, 2008. 192 c.

3. Унгер Р., Чендлер К. UX-дизайн. Практическое руководство по проектированию опыта взаимодействия. СПб.: Символ-Плюс, 2011. 336 с.

4. Жвалевский А., Гурская И., Гурский Ю. Компьютерная графика: Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. Сп6.: Питер, 2008. 992 с.

5. ПроузисД. Как работает компьютерная графика. СПб.: Питер, 2008. 654 с.

6. Хаген Р., Голомбински К. Добавь воздуха! Основы визуального дизайна для графики, веба и мультимедиа. СПб.: Питер, 2013. 272 с.

7. Буковицкая О. Дизайн текста: шрифты, эффекты, цвет. М.: ДМК, 2000. 322 с.

Abstract

Design features of sociological research support site

Afanasyeva E.I., Master's Degree Student in “Design” Programme. Derzhavin Tambov State University, Tambov, Russian Federation.

We consider the issue of forming the interface design of sociological research support site. We reveal the main principles, including sequential series of actions necessary to create a practical, convenient and high-quality interface design, taking into account aesthetic, cognitive, educational and differentiating functions. We also reveal the characteristic features of the graphic design of sociological research support site.

Keywords: sociological research; interface; interaction experience; targeted audience; information; design

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