CC BY
113
УДК 004.4
АНАЛИЗ СОВРЕМЕННЫХ ТЕНДЕНЦИЙ ОРГАНИЗАЦИИ ПОЛЬЗОВАТЕЛЬСКОЙ СРЕДЫ САЙТА
А. А. Сидоров
Сибирский государственный аэрокосмический университет имени академика М. Ф. Решетнева
Российская Федерация, 660037, г. Красноярск, просп. им. газ. «Красноярский рабочий», 31
E-mail: anryk-S@mail.ru
Представлен анализ основных тенденций в современном сайтостроении и используемые при разработке сайтов технологии. Рассмотрены особенности тенденций, позволяющих охватить большую пользовательскую аудиторию.
Ключевые слова: веб-технологии, веб-сёрфинг, веб-дизайн, пользовательская среда сайта.
ANALYSIS OF CURRENT TRENDS OF ORGANIZING USER'S ENVIRONMENT
OF WEB-SITE
A. A. Sidorov
Reshetnev Siberian State Aerospace University 31, Krasnoyarsky Rabochy Av., Krasnoyarsk, 660037, Russian Federation E-mail: anryk-S@mail.ru
The paper shows an analysis of the major trends in today's site development, and used in the development of technology sites . The features of the trends that allow the user to reach a larger audience.
Keywords: web technology, web surfing, web design, user's environment of web-site.
В современном обществе, веб-инфраструктура является одним из наиболее важных источников получения информации. И ни для кого не секрет, что в последние годы веб-технологии стремительно развиваются, а также появляется все больше браузеров с их поддержкой. В первую очередь это тесно связано с тем, что за несколько последних лет в обществе все больше стали обращаться за новостями в Интернет, а не в газеты и телевизор. Технологии 21 века позволяют в режиме реального времени получать информацию с помощью современных устройств, где бы не находился пользователь, и при разработке сайтов необходимо учитывать эту потребность пользователя. Вторым немаловажным аспектом является то, что в настоящее время существует очень большое количество сайтов, откуда можно получить информацию, но при этом не все сайты достаточно информативны и ориентированы на пользователя, что значительно снижает пользовательский интерес к таким ресурсам. По этой причине современные сайты постоянно эволюционируют, применяя технологии, позволяющие охватить все большую аудиторию. Эта инициатива также поддерживается и на законодательном уровне. Так, согласно закону «О социальной защите инвалидов в Российской Федерации» государственные организации обязаны предоставлять людям с ограниченными возможностями версию интернет-ресурса для слабовидящих. К основным актуальным тенденциям, позволяющим решить обозначенные проблемы при разработке сайта, можно отнести следующие:
- использование минималистичного дизайна;
- применение современных технологий HTML5 и CSS3;
- разработка одностраничных сайтов с использованием parallax-эффекта;
- фиксация блока с меню при прокрутке контента;
- применение слайдеров, адаптированных под мобильные устройства;
- использование адаптивной верстки;
- разработка версии для слабовидящих.
Рассмотрим особенности перечисленных тенденций.
Секция «Программные средства и информационные технологии»
В последнее время в разработке сайтов наблюдается тенденция использования минималистич-ного дизайна, который является одним из основных направлений в веб-дизайне. Такой дизайн сайта привлекателен для посетителей за счет того, что исключается все избыточное, и используются необходимые элементы взаимодействия с пользователем. Ключевым моментом минималистичного (плоского) дизайна является концентрация внимания посетителя на содержимом сайта, а не на графических элементах дизайна. В нем используются простые макеты, сплошные цвета, различные четкие значки и шрифты без засечек. Это не только помогает улучшить доступность, но также делает контент читабельным на различных устройствах.
Применение современных технологий HTML5 и CSS3 дает уникальные возможности для размещения на веб-странице аудио- и видео-, оффлайн средств, а также анимации в новые типы веб-форм. В сочетании с CSS3 разработчик может добиться потрясающих результатов. Благодаря новым правилам, появившимся в CSS3, стало возможным создание множества интересных визуальных эффектов, таких как закругленные углы у блоков, тени, градиент в качестве фона, полупрозрачные элементы, CSS-трансформации, использование веб-шрифтов и многое другое. Причем для реализации перечисленных функций больше не нужно использовать графические изображения и JavaScript [3].
Одним из самых популярных видов пользовательской среды на сегодняшний момент можно назвать одностраничные сайты с использованием parallax-эффекта. Это новое направление развивается и даже крупные мировые компании используют эффект parallax на своих сайтах. Parallax-эффект заключается в следующем: за счет разной скорости движения слоев макета при прокрутке страницы возникает потрясающий эффект глубины и перспективы. Все это привлекает еще больше внимание пользователя, а за счет того, что меню фиксируется сверху и сбоку, не пропадая при прокрутке, улучшается взаимодействие с посетителем.
Фиксация блока с меню при прокрутке контента позволяет позиционировать блок с навигацией относительно окна браузера, а не относительно самой страницы. За счет этого навигационный блок остается на своем месте при прокрутке страницы, в отличие от остального контента, который движется. Посетителю больше не нужно прокручивать страницу вверх, чтобы добраться до меню и перейти в другой раздел сайта. Такая фиксация блока меню дает пользователю удобную навигацию на каждой странице сайта [1].
Еще одним немаловажным трендом можно считать слайдеры, адаптированные под мобильные устройства. Размещение слайдеров на главной странице сайта - это надежный способ привлечения внимания аудитории. Галерея из крупных изображений листается в один щелчок или прикосновением к устройству. Слайдеры основаны на JQuery-плагинах с применением технологии CSS3. При смене изображений в них происходят интересные визуальные эффекты, которые выглядят очень привлекательно. Многие пользователи используют для веб-сёрфинга в Интернете смартфоны, планшетные компьютеры, поэтому самые известные J Query-плагины (Fancybox, Lightbox и другие) учитывают адаптацию в своей работе [3].
Адаптивная верстка (отзывчивый веб-дизайн) - это методика создания макета сайта, который в дальнейшем правильно отображает всю информацию на дисплее любого устройства. За счет этого сайт больше не ограничен фиксированными размерами. Будь это настольный ПК или смартфон - это не имеет значение, потому как сайт будет отображаться, адаптируясь к экрану. Эта технология не только внесла удобства для посетителей, но и облегчила жизнь разработчикам, теперь не нужно создавать несколько вариантов сайта для различных типов устройств [1].
Не так давно на ресурсах всех государственных структур без исключения была введена версия для слабовидящих. Этот модуль рекомендуется также ставить для коммерческих и общественных организаций. Версия сайта для людей с ограниченными возможностями по зрению привлечет неохваченную ранее аудиторию. Люди с ограниченными возможностями могут выбирать настройки в зависимости от предпочтений, менять цвет фона, увеличивать или уменьшать шрифт, отключать изображения, а также воспроизводить аудиально информацию [2].
Подводя итог, можно отметить, что современные сайты должны быть в первую очередь удобными для пользователя и ориентированными на него, быть многофункциональными и иметь приятный (ненавязчивый, минималистичный) дизайн. Больше половины населения в первую очередь заходят в Интернет с помощью планшетов и смартфонов, поэтому адаптивный (отзывчивый) дизайн играет очень важную роль в построении веб-сайтов. Минимизация flash-анимации повышает скорость загрузки сайтов. А реализация версии для слабовидящих не только уважает права инвалидов на получение информации, но дополнительно привлекает большую неохваченную ранее аудиторию. Учет
рассмотренных основных тенденций при разработке сайта позволит привлечь и донести информацию в доступной и удобной форме до большего количества посетителей.
Библиографические ссылки
1. 20 основных трендов веб-дизайна [Электронный ресурс]. URL: http://www.designonstop.com/ webdesign/trends/20-osnovnyx-trendov-veb-dizajna-v-2014-godu-po-versii-designonstop.htm (дата обращения: 20.04.2016).
2. Современные проблемы дизайна сайтов [Электронный ресурс]. URL: http://www.moluch.ru/ archive/81/14584 (дата обращения: 20.04.2016).
3. Современные тенденции в разработке сайтов [Электронный ресурс]. URL: http://mattweb.ru/ moj-blog/raznoe/item/95-sovremennye-tendentsii-v-razrabotke-veb-sajtov (дата обращения: 20.04.2016).
© Сидоров А. А., 2016
