UX/UI-дизайн и редизайн сайта

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

Коротко о задаче

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

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

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

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

Мы ведём его как второе.

Что входит в услугу

• Анализ текущего сайта

Смотрим данные, а не ощущения: какие страницы приносят обращения, откуда уходят посетители, где обрываются сценарии, какие разделы не открывает никто. Смотрите {{ссылка: Веб-аналитика и настройка целей}}.

• Изучение поведения

Карты кликов и прокрутки, анализ пути по сайту. Запись действий посетителей применяем осторожно: она может фиксировать вводимые данные, и её использование требует отдельной проработки правовой стороны.

• Сценарии посетителей

Описываем, кто приходит и с какой задачей: изучить, сравнить, проверить надёжность, обратиться. Структура выстраивается под эти сценарии.

• Прототипы

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

• Дизайн и система компонентов

Оформление на основе повторяемых элементов. Это упрощает и разработку, и последующее развитие сайта своими силами.

• Адаптивность

Проработка всех размеров экранов. Мобильная версия делается как основная, а не как урезанная копия настольной.

• Скорость как часть дизайна

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

• План переноса при редизайне

Сопоставление старых и новых адресов, переадресации, перенос заголовков и описаний, сохранение страниц с трафиком. Пропуск этого этапа и обрушивает трафик.

• Формы обращения

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

• Замер до и после

Фиксация показателей перед запуском и сравнение после. Без этого невозможно понять, стало лучше или хуже.

Что это даёт заказчику

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

Как мы работаем

Начинаем с вопроса, зачем менять. «Устарело» — недостаточное основание: если сайт приносит обращения, риск редизайна может превысить пользу. Часто разумнее переделать несколько ключевых страниц, а не всё сразу.

Спорим на прототипах. Обсуждение оформления до согласования структуры превращает проект в бесконечную правку макетов.

Разработку ведём сами: {{ссылка: Разработка веб-сайтов и корпоративных порталов}}. Разрыв между дизайнером и разработчиком — то место, где обычно теряется половина задуманного.

Наш опыт

Мы разработали и развиваем nabla-lab.ru от структуры до кода. Мы также переносили крупный туристический портал на актуальную версию платформы, где сохранение адресов страниц и корректная настройка переадресаций определяли судьбу накопленного трафика. Смотрите {{ссылка: Обновление платформы и миграция версий}}.

Отдельная область — интерфейсы систем, в которых работают каждый день. Платформа, где ежедневно работают более ста девяноста человек из шестнадцати подразделений, предъявляет к удобству требования жёстче, чем корпоративный сайт: неудачное решение здесь стоит рабочего времени сотен людей. Смотрите {{ссылка: Автоматизация бизнес-процессов}}.

Расскажите, что не устраивает в текущем сайте. Начнём с анализа данных, а не с макетов.