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

Содержание:

Введение.

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

Сфера информационных технологий довольно быстро развилась за последние тридцать лет. Если пользователи первых сайтов были довольны хотя бы выведенной информации на экран, а появление первых дизайнов у многих популярных сайтов (Google, Youtube, Wikipedia), тогда могло вызвать бурю эмоций, но смотря сейчас на них, большинство людей скорее бы не использовали их. Так как дизайн в наше время имеет много разных критериев, основанных на человеческой психологии.

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

Основные проблемы дизайна web-сайта.

Первая проблема – неправильно подобранная цветовая гамма.

Используемые цвета, имеют большое значение при восприятии web-страницы. При выборе цвета необходимо учитывать целевую аудиторию и тот факт, что цвета также могут передавать информацию и выбрав правильную цветовую гамму можно существенно улучшить сайт и сделать его более привлекательным для пользователя. В то же время при неправильном подборе цветов восприятие страницы может значительно ухудшиться (например, использование одного цвета, разной насыщенности, может ухудшить читабельность текста). Также сочетание негармоничных цветов с одной стороны может привлечь внимание посетителя своей необычностью и контрастом, а с другой стороны может сделать сайт непригодным к использованию. Важно учитывать, что некоторые люди могут не различать цвета. Примерно 2-8% мужчин и 0.8% женщин страдают дальтонизмом^[1]. Чаще всего они не различают красный и зеленый цвета, но встречаются и редкие формы, когда не различаются желтый и синий, а также форма, когда человек все видит черно-белым. При выборе цветов и создании дизайна сайта необходимо подбирать цвета так, чтобы они были достаточно контрастными, но при этом хорошо сочетались друг с другом. В интернете есть множество шаблонов и рекомендаций по выбору цветов.

Следующая проблема – неудобная/непонятная навигация.

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

Третья проблема – скорость загрузки сайта.

Удобство использования сайта зависит не только от цветовой гаммы, структуры и навигации, но еще и от типа соединения с Интернет. Многие используют высокоскоростное DSL-соединение, но еще остаются пользователи, которые подключены к сети при помощи телефонных линий, в лучшем случае это ISDN, в худшем – модем со скоростью 56 Kbps. При создании сайта необходимо учитывать количество графики и различных эффектов, используемых на странице, поскольку посетитель не будет ждать, когда это все загрузится, ему легче вернуться в поисковик и найти другой сайт. Но это не одна из проблем долгой загрузки. Ранжирование сайтов в поисковиках сильно зависит от их скорости загрузки. Если сайт долго грузится, робот поисковой системы может не успеть его полностью проиндексировать. Также в исследовании Akamai^[2] говорится что задержка загрузки на 0.1 секунду уменьшает конверсию^[3] сайта на 7%.

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

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

Еще одна проблема заключается в том, что пользователи используют различные браузеры и операционные системы. Многие сайты в Интернет оптимизированы под определенную платформу и браузер. Это не лучшее решение, поскольку в этом случае есть риск потерять посетителей, которые используют другой браузер. Поэтому при разработке страницы, по возможности ее надо просматривать в различных браузерах и на различных платформах, поскольку один и тот же браузер, установленный на разных платформах может по-разному отображать страницы (например Internet Explorer, работающий на платформе Windows, существенно отличается от той же версии, установленной на MacOS X). Это позволит избежать проблем с их отображением. Ни в коем случае нельзя на странице писать, что она оптимизирована под определенный браузер и смотреть ее надо, пользуясь именно им. Пользователь должен сам решать, чем ему удобнее пользоваться и нельзя заставлять его использовать то, что ему не нравится. Чаще всего, если страница не будет отображаться корректно, он просто уйдет и никогда больше на этот сайт не вернется. Решением проблемы может быть использование CSS для форматирования и позиционирования элементов, поскольку в большинстве браузеров страницы будут отображаться корректно (могут возникнуть некоторые проблемы с браузером Internet Explorer, для которого надо будет немного оптимизировать код).

Заключение.

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

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

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

1. https://ru.wikipedia.org/wiki/Заглавная_страница
   1. https://ru.wikipedia.org/wiki/Дальтонизм#:~:text=Наследственная%20природа%20нарушений%20цветового%20зрения,-Передача%20дальтонизма%20по&text=Разной%20степенью%20дальтонизма%20страдают%202,%2C%20а%20скорее%20—%20особенностью%20зрения.
2. https://impulse-design.com.ua/vybor-tsveta-dlya-sajta.html
3. https://blogs.akamai.com/2017/04/new-findings-the-state-of-online-retail-performance-spring-2017.html

1. Статистика из Wikipedia. ↑

2. Список литературы, пункт 3. ↑

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