Типичные пробелы дизайна в WEB-среде

Содержание:

Введение

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

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

Однако создать сайт, идеально отвечающий всем запросам клиента, довольно непросто. В данной работе мы проанализируем

типичные проблемы дизайна в WEB-

среде и выявим способы их

решения.

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

3

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

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

4

Трудности WEB-дизайна и их последствия

Успешное создание страницы – результат слаженной работы вовлеченных специалистов. И вот здесь начинаются самые типичные проблемы, без решения которых создание сайта просто невозможно: поиски веб-дизайнеров, разработчиков интернет-маркетинга. На сегодняшний день проблемой №1 выступает дефицит специального образования. В России очень мало специальных учебных заведений, которые бы выпускали полноценных не просто дизайнеров, а специалистов, работающих на площадках всемирной паутины. Отрадно отметить, что в числе немногих – Московский финансово-промышленный университет «Университет». Можно назвать еще два – три вуза. В основном же это курсы, дающие лишь основы профессии, но не углубляющие знания о связи веб-дизайна и бизнеса. Кроме того, в базе знаний зачастую отсутствует последовательность и иерархичность. Существующие видео-уроки и статьи разобщены и не обладают свойством системности.

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

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

5

Отсюда вытекает и еще одна составляющая успешности тех, кто находится в нише веб-дизайнера, – умение отслеживать новые тренды во всемирной паутине. Адаптироваться в условиях постоянно меняющихся требований довольно сложно дизайнерам любого уровня мастерства.

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

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

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

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

6

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

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

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

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

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

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

7

Факторы, влияющие на практичность WEB-сайта

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

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

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

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

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

8

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

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

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

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

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

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

9

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

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

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

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

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

Это правило распространятся и на использование графики. Графика имеет место быть, если имеет определенную цель, к примеру, привлечь внимание потребителя. К тому же все графические изображения необходимо обязательно оптимизировать для интернета. Сделать это можно с помощью графического редактора Photoshop. Сохранив файл (Shift+Contr+Alt+S) при помощи настроек, которые станут доступными, можно значительно уменьшить размер изображения.

Основные ошибки контента тематических сайтов

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

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

Второе место в перечне ошибок занимает выбор шрифта. Несколько лет назад информационный директор и основатель компании Information Architect Оливр Райхенштайн потряс технологический мир, заявив, что веб на 95% состоит из написанного текста, а веб-дизайн – на 95% типографика. Учитывая проявляющийся в последних тенденциях минимализм, значимость типографики стала ощутимее. Хорошая типографика – залог легкодоступной информации, в то время как при неудачной типографике приходится прикладывать усилия для понимания текста. Это происходит, во-первых, если шрифт слишком мелкий либо фиксированного размера. Во-вторых, если в тексте используется более трех разных шрифтов. В этом случае вебсайт теряет структуру и выглядит непрофессионально.

Злоупотребление размером и стилем шрифта может испортить любую разметку. Поэтому следует использовать один – максимум два шрифта.

11

При этом удачным будет применение таких шрифтов, к которым привыкли пользователи. Хотя в сервисах можно найти много интересных начертаний, которые смогли бы добавить в дизайн нечто новое и необычное, легче читается стандартные шрифты. Наилучшие из них – системные ( Ariai. Calibri). Исключением может стать необходимость придерживаться шрифтов, заданных клиентом, к примеру, для создания чего-то запоминающегося.

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

Третье препятствие удачной веб-разработки, которое следует обойти команде дизайнеров, – нестандартные ссылки. Главное правило для ссылок – ясно указывать на странице, что является ссылкой. Кроме того, пользователи должны знать, что они обнаружат, перейдя по ссылке. Не следует использовать в ссылке текст "щелкнуть здесь" или другие подобные ничего не говорящие фразы.

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

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

"увеличить фотографию", видит ту же самую фотографию.

Заключение

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

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

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

1. Анализ коммуникативной связи между веб-сайтом и пользователем позволяет констатировать, что не всегда веб-ресурс соответствует ожиданиям аудитории. По мнению пользователей, веб-сайт должен привлекать не только красивыми изображениями, а прежде всего быть качественным информационным инструментом, пользоваться которым просто и понятно.
2. Структурирование факторов, влияющих на практичность веб-сайта, делает очевидным утверждение того, что создать качественную интернетстраничку - процесс довольно сложный. Из результатов исследованных материалов я отметил, на мой взгляд, пять важных проблем, с которыми сталкиваются как потребители сайта, так и его создатели.
   1. Навигация.
   2. Изобилие информации и неумение ее систематизировать.
   3. Скорость загрузки сайта.
   4. Цвета и важность их подбора.
   5. Автозапускающиеся элементы, навязчивая анимация и избыточная графика.

13

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

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

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

Только в этом случае у пользователя сформируется целостная картина и правильное восприятие сайта и его содержания.

Проведенная работа важна, на мой взгляд, веб-дизайнерам – новичкам.

Выводы помогут ориентироваться и мастерам в данной области.

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

ЛИТЕРАТУРА

Информационные технологии: мультимедиа авторы: Жук Ю.А

Основы мультимедийных технологий Авторы: Катунин Г.П.

В.Н. Васильев, Ю.В. Гугель, В.П. Гуров Анализ методов передачи видеоинформации в компьютерных сетях

Международный журнал экспериментального образования. – 2017. – № 4 (часть 2)

https://works.doklad.ru/view/c6qUNDLo58Y/all.html