Введение
Глава 1. Адаптивный веб-дизайн, как подход: предпосылки, формирования, принципы, задачи компоненты
§ 1. Увеличение количества и растущая популярность мобильных устройств как предпосылка формирования адаптивного веб-дизайна 9
§ 2. «Отзывчивый» веб-дизайн 13
§ 3. Принцип «прогрессивного улучшения» 17
§ 4. Определение понятия адаптивного веб-дизайна как подхода 20
§ 5. Концепции «сначала мобильные» и «сначала контент» 23
§ 6. M-dot сайты как альтернатива адаптивным 28
ГЛАВА 2. РЕДИЗАЙН САЙТА ОБЩЕСТВЕННО-ПОЛИТИЧЕСКОГО СМИ
КАК ФАКТОР ПОВЫШЕНИЯ ЕГО АДАПТИВНОСТИ 33
§ 1. Современные медиа: тенденции и проблемы 33
§ 2. Современные тренды в дизайне сайтов СМИ 39
§ 3. Примеры редизайна сайтов общественно-политических СМИ с
переходом на адаптивные версии 43
§ 4. Журнал и портал «Город 812» 58
§ 5. Анализ конкурентной среды, предпочтений пользователей и пожеланий редакции 64
§6. Создание нового дизайн-макета портала «Город 812» 70
ЗАКЛЮЧЕНИЕ 76
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ 78
ПРИЛОЖЕНИЯ

Купить

Стремительно растет количество производимых мобильных устройств, чей размер и технические характеристики значительно отличаются; увеличивается зона покрытия мобильного Интернета и качество сигнала; у веб-специалистов появляются новые возможности для разработки мобильных сайтов и приложений. Вследствие всего этого, все больше пользователей заходят в Интернет через свои телефоны и планшеты. Многие из них получают информацию из социальных сетей и новостных агрегаторов, попадая на страницы онлайн-изданий, минуя главные страницы, часто даже не обращая внимания на бренд СМИ, чей портал они посетили. Глубина просмотра невелика, как и уровень вовлеченности. Посещения больше не гарантируют успех, а доходы от рекламы в Интернете не покрывают падение доходов на ТВ и в печати.
Чтобы не потерять, а привлечь аудиторию, современные СМИ вынуждены всегда быть максимально гибкими. Медиаменеджеры изобретают новые способы вовлечения читателей, журналисты - новые подходы к рассказыванию историй, а дизайнеры и веб-разработчики - новые способы передачи и отображения контента на любых устройствах в любых условиях. Решением этой проблемы является переход на адаптивные версии сайтов, которые способны изменяться в ответ на изменение среды, иначе говоря, ширины экрана устройства и его технических характеристик.
Первоначально сведенный к созданию «гибких» макетов, такой подход затем развился до полноценной стратегии проектирования, названной адаптивным веб-дизайном, в которую входят концепции «сначала мобильные», «сначала контент», «прогрессивное улучшение», о которых мы расскажем в тексте нашей работы. Приверженность этому подходу продемонстрировало множество современных зарубежных и российских СМИ, что выразилось в проведении большого количества редизайнов за последние несколько лет.
Тем не менее, несмотря на острую необходимость, сайты далеко не всех СМИ способны корректно отображаться на разных устройствах. В особенности это касается небольших региональных медиа.
Актуальность нашего исследования, таким образом, обусловлена значением адаптивного веб-дизайна для возрождения и приращения успеха онлайн-СМИ, которые в настоящее время испытывают падение посещаемости ввиду отсутствия возможности просмотра с мобильных устройств.
Новизна работы объясняется практически полным отсутствии научной литературы по теме, а также анализом современных тенденций и данных, ранее не изученных.
Объектом нашего исследования являются адаптивные сайты современных общественно-политических СМИ.
Предметом - редизайн портала «Город 812» с переходом на адаптивную версию.
Цель работы: разработать новую композиционно-графическую модель портала «Город 812».
В соответствии с поставленной целью были сформулированы следующие задачи:
1. раскрыть понятие адаптивного веб-дизайна как стратегии проектирования, изучить историю его развития, принципы, задачи и связанные с ним концепции;
2. проанализировать актуальные тенденции в дизайне онлайн-СМИ, а также исследовать примеры редизайна сайтов современных общественно-политических СМИ с переходом на адаптивные версии;
3. изучить предпочтения аудитории онлайн-изданий, выявить конкурентов портала «Город 812», а также его достоинства и недостатки;
4. с учетом полученных результатов разработать новую композиционно¬графическую модель сетевого медиапроекта.
В работе были использованы следующие методы исследования: опрос, интервью, анализ статистических данных, сопоставительный анализ, исторический метод, метод интерпретации, метод обобщения и метод конструирования.
Теоретическую базу диплома составляют работы в области адаптивного дизайна («Отзывчивый веб-дизайн» И. Маркотта, «Adaptive web design» А. Густафсона, «Сначала мобильные!» Л. Вроблевски, «Responsible responsive design» С. Джела), исследования по юзабилити и пользовательскому опыту Nielsen Norman Group (Р. Будиу, Я. Нильсен), труды по современным медиа («Медиаэкономика зарубежных стран» и «Медиасистема России» Е. Л. Вартановой, «Интернет-СМИ: Теория и практика» М. М. Лукиной, «Как новые медиа изменили журналистику» под науч. ред. С. Балмаевой, М. Лукиной), а также работы по дизайну СМИ («Дизайн-модель интернет-версии как результат трансформации модели печатного издания» и «Особенности графической модели интернет-версий периодических изданий (на материале итальянских СМИ)» А. А. Беляева, «Специфика медиадизайна» В. В. Волковой, «Дизайн и виртуальная среда: дигитальные ландшафты в аспекте гибридных медиа» М. Н. Долгих, «Guide to Journalism and Design» Х. Чаплин).
Эмпирическая база включает в себя онлайн-ресурсы современных общественно-политических СМИ, выпуски журнала «Город 812» за период с 12.09.2016 по 27.02.2017, а также статистические данные, отражающие развитие мобильной индустрии, развитие медиасферы, поведение пользователей и их медиапотребление и т.д. (Comscore, OpenSignal, Cisco, Всемирная газетная ассоциация, Reuters Research).
Диплом состоит из введения, двух глав, заключения, списка используемой литературы и приложения.
В нашей работе, мы коснемся не только аспектов, связанных с работой дизайнера над адаптивными версиями, но и технической стороны дела, так как она обуславливает конечный дизайн-процесс, и без ее понимания невозможно спроектировать по-настоящему удачный макет адаптивного сайта. Более того, границы программирования и дизайна в настоящий момент размываются: «две культуры - дизайн и инженерия - стали тяготеть к общей заинтересованности в использовании гибких систем в интерактивных сервисах и к исследованию пользовательского опыта» . Тенденция начала проявляться довольно давно: возникли конструкторы сайтов и программ, предлагающие готовые части кода, вроде Adobe Dreamweaver, распространение получили библиотеки CSS, а в последнее время появилось множество инструментов прототипирования, которые позволяют онлайн создавать мокапы и прототипы любой сложности, в том числе интерактивные. По данным, которые приводит Джон Маэда, известнейший специалист в области компьютерных технологий и профессор дизайна Массачусетского технологического института, из пяти дизайнеров каждый второй задействован в написании кода; каждый третий дизайнер имеет инженерное образование . Кроме того, в современных дизайн-студиях разработка макета ведется не в отрыве от написания кода, а одновременно с ним, и процесс сопровождается постоянным тестированием.
По этой причине кроме контекста в первой главе исследуются следующие концепции, связанные во многом не только с дизайном, но и с разработкой сайтов, - «отзывчивый дизайн», с опорой на труды Итана Маркотта по теме, и «прогрессивное улучшение», с опорой на тексты Аарона Густафсона. Только после этого будет дано определение адаптивного веб¬дизайна как подхода, поскольку данные работы лежат в его основе, и без детального разбора определение понятия не представляется возможным.
Вторая глава содержит исследование тенденций в сфере современных медиа, и связанных с ними трендов в области дизайна сайтов СМИ, а также изучение примеров редизайна общественно-политических СМИ с переходом на адаптивные версии. Кроме того, анализируется онлайн-версия «Город 812» и ее конкуренты, а также предпочтения аудитории общественно-политических порталов. В конце формулируется дизайн-концепция новой версии портала «Город 812».
В заключении сформулированы основные выводы исследования.

Купить