Новая базовая тема оформления

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

Общая скорость работы в сравнении с предыдущей базовой темой возросла в 1.5-3 раза.

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

За счет технической оптимизации и переработки юзабилити, оптимизирована возможность кастомизации базовой темы клиентом, а также кастомизации и быстрых доработок веб-специалистами Mute Lab, которая не влечет за собой необновляемоcть кастомизированных частей.

Упрощена клиентская кастомизация CSS - все делается через визуальные классы, имеющие префиксы, их достаточно легко перебивать, клиентские стили отдельно вынесены вниз. Использование БЭМ-методологии гарантирует независимость стилей.

В рамках работ над новой темой мы внимательно прислушиваемся ко всех пожеланиям и рекомендациям для упрощения работы с Немо веб-мастерами клиентов.

Юзабилити и улучшение дизайна

• Все страницы, формы, кнопки, попапы приведены к общему дизайну;
• Улучшены главные части продающих страниц:

форма и результаты бронирования имеют общие тайтлы, степ-бары, унифицирован внешний вид и расположение кнопок;

• Унифицированы небронирующие страницы, а также боксы (в особенности, на странице информации о заказе);
• Проработаны юзабилити формы заполнения данных;
• Проработаны юзабилити с запоминанием кук, процес начат на форме поиска авиа, в ближайшем времени будет продолжен на все формы;
• Ко всем полям добавляются плейсхолдеры;
• Улучшена валидация, добавили новые правила для многих кейсов;
• Подготовлена платформа для имплементации более удобных автокомплитов и календарей;
• Улучшена локализация;
• Начата оптимизация иконок под Retina;
• Как один из важнейших оптимизационных процессов, в ближайшее время будет закончен переход от реквест стабов к попапам;
• Уменьшено количество ошибок,все ошибки отображаются понятно и корректно, оптимизирована скорость обработки 404, улучшено качество отдачи 404;
• Пересмотрен функционал в личном кабинете, проведен первый этап оптимизации работы с фильтрами и очередями;
• Начата переработка модулей моих пассажиров, профиля пользователя, заявок на модификацию, сообщений. В будущем дизайн этих модулей будет упрощен, но уже сейчас они соответствуют технологическим требованиям.
• Подготовка платформы для поддержки мобильных и тач-устройств.

Техническая часть

• Ускорена работа страниц;
• Уменьшено количество разметки;
• Введена методология разделения абстракцией, а также модели данных от визуальной составляющей и манипуляции с данными;
• Необходимые данные доступны везде в модели данных;
• Модель Model-View-Controller максимально примененная к верстке;
• Разделение: модель / разметка / визуальная CSS / манипуляции Javascript;
• Уход от использования инлайнового CSS и в максимально возможной степени, инлайнового Javascript;
• Оптимизирован и склеен CSS, строится на препроцессорах;
• Абстрагированы визуальные классы от классов для манипуляций;
• Оптимизирован нагрузочный трафик при Ajax, все корректно переведено на Json;
• Оптимизированны скрипты, все скрипты переписанны на последних версиях современных javascript-фреймворков с последующим обновлениям этих фреймворков;
• Специфические вещи вынесены как отдельные плагины, что позволяет не конфликтовать с подключаемыми клиентом плагинами;
• Максимально приведены в соответсвие со спецификациями;
• Улучшен раздел head;
• Полностью новая библиотека валидации с семантической разметкой правил, которая позволит создавать любые правила и таким образом направлять действия пользователей в любых кейсах;
• Внедрен фреймворк работы с куками, который позволяет максимально запоминать данные — как одно из приоритетных направлений развития;
• Новые постфильтры, скорость которых возросла в 2-3 раза, более того, они достаточно легко кастомизируются;
• Полностью переработана страница авиавыдачи, все три типа группировки результатов на выдаче работают с постфильтрами и максимально быстро;
• На страницу авиавыдачи вывели новые данные;
• Ввод ограничения на чтение тарифных правил, кроме случаев, если пользователь запрашивает непосредственно их;
• Переработан ЛК, как клиентский так и агентсткий, внедрен новый фреймворк работы с таблицей заказов, начали пересматривать системы филтьтров и очередей — в будущем предстоит разширение этого функционала;
• Очищены весь устаревший функционал;
• Переработана мини-форма: на данный момент она работает со всеми типами маршрутов и дополнительными параметрами без ограничений;
• Ускорена и унифицирована матрица дат;
• Оптимизированы для кастомизации попапы путеводителя, со временем будет совершен полный уход от использования iframe;
• Переход к поддержке только современных браузеров, что позволило ускорить работу страниц и уменьшить их вес.

Подключение компонент системы и работа с индивидуальными темами оформления

Новая базовая тема позволяет подключать и кастомизировать компоненты просто и быстро.

В новую базовую тему входит отельная компонента.

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

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

Поддержка браузеров

Основная концепция — мы поддерживаем две последние стабильные версии быстрообноляемых браузеров.

В частности: