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

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

1. Непонятно, куда человек попал

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

Образный заголовок работает, когда рядом есть ясный подзаголовок. Фраза о цифровых мирах задаёт настроение, а следующая строка объясняет, что речь о разработке сайтов. Эмоция цепляет, конкретика помогает понять предложение. Как мы собираем первый экран и всю главную, описано в статье «Что должно быть на главной странице сайта».

2. На экране слишком много всего

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

Делать сайт стерильным при этом не надо. Мы даём каждому элементу свою роль: один создаёт впечатление, другой объясняет, третий помогает действовать. Если кричит всё сразу, не слышно ничего.

3. Анимация ради анимации

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

Мы осторожно обращаемся с эффектами, которые перехватывают прокрутку, задерживают показ содержания или мешают нажать на кнопку. Анимация должна усиливать идею и помогать ориентироваться. Если её можно убрать и смысл не пострадает, мы её убираем. Подробнее в статье «Анимации на сайте: когда вау помогает, а когда мешает?».

4. Текста много, а ответа нет

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

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

Как рассказать о своей услуге так, чтобы вас поняли

5. Навигация как загадка

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

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

6. Мобильная версия как будто никому не нужна

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

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

7. Сайт обещает больше, чем может подтвердить

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

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

Как мы смотрим на сайт глазами посетителя

Если по вашему сайту набирается несколько таких пунктов, посмотрите статью «Семь признаков, что вашему сайту пора на редизайн»: часть проблем мы исправляем точечно, без переделки всего.

Что в итоге важно

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

Необычный дизайн не требует жертвовать ясностью. В SOMO STUDIO мы обсуждаем визуальную идею вместе со структурой и задачами проекта, чтобы сайт запоминался и при этом помогал людям разобраться в предложении. Форматы и стартовые цены собраны на странице «Стоимость и этапы».

— SOMO STUDIO