Важно. Переключение на новый сайт. Небольшой обзор

31.10.19

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

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

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

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

Закупки

Слева старая версия, здесь мы видим поле поиска, фильтр по категориям, сортировку и переход на режим отображения товарами. Та-же страница в новой версии справа. Единственное отличие в том что если нужно выбрать категорию, то нужно нажать на слово «КАТЕГОРИИ» и раскроется список категорий. Все остальное тоже самое что и было, но не нужно двигать экран вправо – влево.

Товары

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

Страница закупки

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

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

Возможно не привычно будет то, что изменена кнопка для подписки на комментарии. В старой версии кнопка подписаться на комментарии (как в закупке, так и на форуме и в других разделах сайта) была в виде галочки. Теперь-же кнопка подписаться оформлена в виде значка похожего на значок wi-fi (на самом деле это значок rss ленты). В любом разделе сайта такой значок обозначает подписку на комментарии.

Еще одно отличие это смайлики. Раньше смайликов было мало и они не красивые) Теперь их стало много, точнее это эмодзи и можно использовать не только те, которые есть, а можно вставлять и свои.

Страница товара

На странице товара появились следующие удобные новшества.

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

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

Кнопка в виде сердечка обозначает положить товар в избранное, раньше она называлась «Отложить на потом» Если  не планируете заказывать товар в ближайшее время, то лучше не захламлять корзину, а положить в Избранное.

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

Так-же появился блок «Вы недавно смотрели» очень полезно просматривали товары, помните что то понравилось, но что именно найти сложно, в этом случае список «Вы недавно смотрели» может пригодится.

Меню пользователя (левое меню)

Это наверно основное что может показаться необычным в новой версии. В старой версии сайт не помещался в экран телефона в основном потому что всегда отображалось левое меню. То что меню всегда под рукой это удобно, но удобно только на больших экранах, т.к. на телефоне оно занимает место и просто мешается смотреть закупки и товары. В новой версии на самом деле меню есть и его так-же легко использовать. Нужно либо вытянуть его с левой стороны (все уже привыкли что в приложениях на телефоне можно пальцем вытянуть меню либо слева либо с право), либо же нужно нажать на свою аватарку в правом верхнем углу. В итоге увидим такое же меню как и было раньше, такое же пункты Корзина, Мои заказы, Ожидают оплаты и другие, т.е. изменений в сравнении со старой версии нет.

Корзина

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

Мои заказы

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

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

Это основные разделы которые используются чаще всего, описывать остальное наверно нет смысла.

Скоро будет обновление

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

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

Если используете устаревшие версии браузеров, в особенности Internet Explorer новая версия сайта будет работать хуже, нужно установить новый браузер например Google Chrome, Яндекс Браузер, Firefox.

Будем рады услышать Ваши пожелания через "обратную связь".

Спасибо за внимание!