Главное Авторские колонки Вакансии Образование
437 1 В избр. Сохранено
Авторизуйтесь
Вход с паролем

7 грехов веб-дизайнера

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

b_59f87a82745b5.jpg

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

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

Чти предков.

b_59f87addebe86.jpg

Запомни, даже если ты считаешь, что в мире уже не осталось дедушек-мониторов с соотношением 3:2 или 4:3, то ты ошибаешься, ведь они очень живучие. Всегда учитывай их при разработке и тестировании своего сайта.

Очень часто такими бывают вторые мониторы, которые как раз используются для серфинга в интернете, когда на основной монитор выведена рабочая информация. Да и часто люди сидят в интернете в офисе со старого рабочего компьютера, к которому подключен не менее старый 3:2 монитор.

Не дай взору заблудиться.

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

b_59f87b9b3e712.jpg

Обрати внимание, как сильно старается привлечь внимание кнопка ВКОНТАКТЕ. Почувствуй те усилия, которые прилагает твой мозг, чтобы не смотреть на эту абсолютно бесполезную кнопку.

Не обмани.

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

b_59f87c4cf1920.jpg

— Вот эта оранжевая фигуля справа — не кнопка, это просто графический элемент. Он достаточно сильно акцентирует на себя внимание, а также похож на кнопку «Далее», однако такой функцией не обладает. Это пример того, как можно пользователя заставить почувствовать себя идиотом.

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

Не лезь в чужой браузер.

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

b_59f87cab14dd4.jpg

— Такое простительно только поисковикам.

Подобное поведение сайта игнорирует кнопку «Назад», которая является самым распространенным способом возвращения к предыдущему сайту.

Алчность.

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

b_59f87d4140db6.jpg

Грамотная реклама занимает немного места, но расположена в максимально выгодных позициях и выглядит так, что она не мешает и при этом ловит взгляды:

b_59f87d6ff3a06.jpg

Насилие.

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

Фу, пишу об этом, и только от одной мысли о том, что такое все еще где-то есть, становится тошно.

b_59f87df8c527d.jpg

Гордыня.

Не пытайся напрямую текстом или картинкой заявлять нечто подобное про сайт или компанию:

  • «Мы лучшие»
  • «Лидеры на рынке»
  • «Самая успешная ... по версии ...»
  • #1 (или) №1
  • ТОП, VIP.

b_59f87e8e9ef1a.jpg

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

Подготовлено телеграм-каналом о дизайне «Дизайнер»

+1
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
DenyGo 80052
все круто,давайте по верстке что-то
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

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