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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Закрыть

Сообщить об ошибке

Отменить
4137 1 7
Новости Читать 6 минут 24 ноября 2016

Зачем нам новый дизайн Serpstat, если в старом и так все было хорошо

Зачем нам новый дизайн Serpstat, если в старом и так все было хорошо
Как мы решили сменить дизайн сайта, чем он лучше старого и почему не стоит скучать по старой «обложке» Serpstat — все в этой статье.
Фото Георгия Тельписа, главного Web дизайнера в Serpstat
Георгий Тельпис
Web Designer в Serpstat
Приветствую! Меня зовут Георгий, с июня 2016 года я отвечаю за дизайн сервиса Serpstat.

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

Эволюция внешнего вида Serpstat

С чего мы начинали и к чему пришли?
Самые верные пользователи Serpstat помнят, что когда-то (всего лишь полгода назад) мы объединили две версии сервиса — англоязычную и русскоязычную под единым названием. До того русскоязычной версии принадлежало название Prodvigator (Продвигатор). Именно так выглядела главная страница Продвигатора в самом зародыше — конце 2012-начале 2013 года:
Старая версия Продвигатора
Через время, после того как сервисом стали пользоваться внешние специалисты, Продвигатор обрел новую форму:
Версия Продвигатора для внешних SEO-специалистов
Дольше всего мы использовали этот дизайн, который следовал после:
Обновленный дизайн Serpstat
И наконец, после майского крупного обновления и объединения двух языковых версий вплоть до понедельника 21 ноября 2016 года Serpstat выглядел так:
Внешний вид Serpstat после объединения двух языковых версий
Детальнее изучить старый дизайн Prodvigator можно здесь, а Serpstat — здесь. Больше о том, как развивался Serpstat читайте в статье — Serpstat 2.0: как внутренняя разработка выросла в All-in-One SEO Platform.

Что сегодня изменилось в дизайне сервиса?


1. Панель инструментов


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

  • Главные разделы выделены белым цветом.
  • Подразделы и подразделы второго уровня — серым.
  • При наведении и выборе определенного подраздела, он становится серым более темного оттенка.
Над содержанием самого меню будем еще работать.
2. Форма поиска

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

Важно: главная страница еще будет дополняться, однако форма поиска останется в центре.
Главная страница старого Serpstat
3. Новый дизайн фильтров

Наши новые фильтры призваны более гибко настраивать отчетную таблицу. Это полный аналог привычных вам настроек Google Analytics.

Чтобы поработать с фильтрами нажмите «добавить фильтр»:

  • Кнопка «and» добавит новый фильтр, не исключая настройки прежнего.
  • Нажав на кнопку «or», вы прикажете роботу учитывать настройки либо одного фильтра из двух выбранных либо другого.

Затем останется дело за малым — выбрать желаемый фильтр (частотность / позицию / стоимость т.д.), его критерии (больше/меньше и т.д.), а также задать нужные числовые показатели.

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

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


Какие именно? Ловите три страницы для примера:
- О нас
Путь становления Serpstat
Реферальная система в Serpstat
Первые версии API Serpstat
Как видите, ничего глобального пока не случилось. Однако дизайн ради дизайна никто не делал. И вот почему.

Почему мы решили сменить дизайн?

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

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

Что всем нам даст новый дизайн?

1. Скорость. Сайт работает быстрее, нет лишнего кода и элементов.

2. Быстрое внедрение функций. Любые новшества теперь мы можем внедрять быстрее, так как есть своя библиотека стилей и элементов.

3. Современный дизайн. Сайт использует свою дизайн-систему, это означает, что нам не нужно будет делать полный редизайн раз в 2 года. Мы сможем постепенно и незаметно для пользователей обновлять дизайн в течение всего времени.

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

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

Каковы наши планы на ближайшее будущее?

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

Я очень прошу вас не волноваться, если что-то не работает, или работает не так, как вы привыкли. Мы уже исправляем найденные баги, и будем работать над ними и дальше, если найдем.

А пока вы можете немного помочь нам: пишите в комментариях к этому посту обо всех ошибках, которые обнаружили, а также оставляйте свое мнение о новом дизайне. Нам оно важно ;)

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

5 из 5 на основе 1 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

Экспорт недоступен для вашего тарифного плана. Вам необходимо улучшить свой тариф до Lite или выше, чтобы получить доступ к инструменту Подробнее

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов