Итак, обо всем по порядку.
Редизайн сайта - это всегда стресс для пользователя, никто не любит перемен, все хотят находить ссылки на своих привычных местах, даже если это было не совсем удобно. Новый дизайн надо изучать, привыкать, заново искать привычные ссылки. Знаете старую шутку: "проснулся, а Дуров мне мебель в комнате переставил". ;)
Мы все это понимаем и хотим менять дизайн как можно реже.
Но время диктует свои условия: происходит поголовная “мобилизация” населения, появился огромный “зоопарк” устройств с различными экранами - от смартфонов до широкоформатных 27-дюймовых мониторов.
Мы, со своей стороны, были в постоянном поиске наиболее подходящей формы для нашего сайта. Новая структура рождалась постепенно, благодаря детальному анализу потребностей нашей аудитории.
Во-первых, INFOSTART.RU - это каталог публикаций, а потом уже форум, видеообучение, конференция, поиск людей и т.д.
В новом дизайне основной акцент сделан на отображение каталога, фильтрацию контента, поиск по словам, сортировке. Мы улучшили поисковый движок каталога, теперь многое зависит от наличия слова в заголовке публикации, его плотности и релевантности всей публикации. Показали наиболее значимые фильтры, а второстепенные скрыли. Специально сделали запуск фильтров по кнопке “Найти”, а не по изменению, чтобы лишний раз не грузить страницу.
Теперь настройку фильтрации можно запомнить, и тогда при следующем входе в каталог вам покажут только интересующие именно вас публикации. В будущем данная настройка, если вы пожелаете, будет действовать и для еженедельной рассылки новостей.
Во-вторых, необходимо отделить постоянных посетителей сайта от новичков, им нужна разная информация.
Незарегистрированный пользователь видит ознакомительную страницу (landing page), а постоянный посетитель сразу видит каталог лучших публикаций.
Таким образом для “старичка” главная страница сайта - это каталог. Такое расположение позволит больше внимания уделять новым интересным материалам, поспособствует более активному обсуждению и голосованию. Для тех, кто следит за новинками, так же удобно переключиться на закладку “Все” и последовательно посмотреть, что нового появилось в каталоге, отметив звездочкой понравившиеся, таким образом вытащив их на закладку “Лучшие”.
В лучшие публикации попадают материалы, которые набрали больше 10 баллов и сортируются в порядке даты создания. Казалось бы, простой алгоритм, но он временем доказал свою эффективность: самые свежие и первыми набравшие 10 баллов становятся в верху списка, и, следовательно, получают максимум внимания аудитории. Раньше по этому принципу формировался блок “В центре внимания”, а еще раньше - лента “Популярные”. Получается, мы вернулись к истокам, к традиционному виду, с которого начинался Инфостарт.
Новичку же мы сразу показываем поисковую строку по каталогу, рубрикатор и немного рассказываем о сайте. Такой вид главной страницы для новичка стал почти стандартом де-факто для контентных сайтов, будь то база клип-арта или база вакансий.
В-третьих, сделать универсальную форму, подходящую и мобильным устройствам, и настольным компьютерам.
Последний тренд в веб-индустрии - это создание адаптивных дизайнов, которые в зависимости от ширины экрана подстраиваются и показывают необходимую информацию.
Инфостарт всегда был на острие прогресса, мы одними из первых использовали модель Web 2.0, самостоятельно придумали еще в 2006 году систему “лайков”, сразу начали использовать ajax в своем интерфейсе. И на этот раз мы запускаем адаптивный дизайн одними из первых.
Главным элементом интерфейса стала кнопка Меню , которая уже является стандартом де-факто для мобильных приложений. Она раскрывает глобальное общее меню всего проекта, в которое мы объединили все ранее существовавшие. Глобальное меню можно скрыть и даже свернуть, превратив в иконки. В зависимости от ширины экрана, оно может автоматически скрыться, тогда его можно раскрыть уже привычной кнопкой Меню. В будущем данное меню станет вашей оперативной панелью, в которой будут помечаться важные изменения, например, ответ в Техподдержке пометится значком и вы не сможете его пропустить.
Каталог имеет два вида : списком и шахматкой, при этом переключение происходит без перезагрузки страницы. В виде шахматки блоки публикации заполняют все доступное пространство, которое позволяет широкоформатный монитор (попробуйте уменьшить масштаб и увидите это волшебство). It’s amazing!
Пока мы оптимизировали для мобильных устройств только каталог и публикацию, но со временем изменим все разделы сайта. А пока можно добавить наш сайт на экран "Домой".
Думаю, текущий редизайн окончательный и не будет меняться очень долгое время. Только гармонично развиваться и обрастать новыми полезными “плюшками” без радикального изменения.
Удачной автоматизации! И ... да, используйте готовые решения!