Новый дизайн сайта - Reference Audio Analyzer

23-03-2018

Новый дизайн сайта


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

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

На данный момент есть три версии верстки под стационарный монитор, планшет и смартфон. Если автоматическое определение сработало неверно (например планшет на OC Windows определен как обычный монитор), то переключите в нужные режим через меню.

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

Особенности нового дизайна

Как и раньше, для больших разрешений экрана используется отображение отчета в две колонки, слева график, справа - краткий F.A.Q.. Для малых разрешений все группируется в одну колонку. Это распространяется только для монитора и планшета, а для смартфона возможна только одна колонка независимо от разрешения экрана.

Блоки теперь окрашиваются отдельными зонами по концепции «плоского дизайна».






Спойлеры - раскрывающиеся блоки

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

Верска раскрывающихся блоков реализована на современном HTML5, который старые версии браузеров и вечно "отстающий" Internet Exporer могут не поддерживать. К слову, в Microsoft Edge все работет корректно. Основная отладка проводится в браузерах Chrome и Firefox.

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

На страницах on-line сравнений и подбора блоки настроены так, что бы второстепенные были закрыты (выбор производителей, моделей и прочих параметров).

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

Управляющие элементы-кнопки аналогично более крупные для смартфона и планшета.











Верстка сервисов on-line

На страницах сервисов on-line сравнений за счет сворачивающихся блоков достигается компактность.




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

В on-line сравнениях с таблицами используется более компактная верстка.

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






Последние новости


Поделиться

Если заметили опечатку или другую неточность, то выделите и нажмите Ctrl+Enter. Это ускорит процесс совершенствования отчетов.
Отслеживать новые отчеты можно в социальных сетях. Подписывайтесь!