Качественная навигация по отчетам LuckyTemplates

В этом блоге я покажу вам высок��качественный отчет LuckyTemplates. Этот пример появился в результате задачи LuckyTemplates, которую мы запускаем в LuckyTemplates. Я разработал этот. Я действительно хотел бросить себе вызов и создать превосходную навигацию по отчетам LuckyTemplates. Вы можете посмотреть полное видео этого урока в нижней части этого блога.

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

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

Оглавление

• Функции навигации по отчетам LuckyTemplates
• Дизайн навигации по отчетам LuckyTemplates
• Создание навигации по отчету LuckyTemplates
• Вдохновение при разработке отчетов
• Заключение

Функции навигации по отчетам LuckyTemplates

Если вы посмотрите на весь этот отчет, то не увидите, что в отчете есть какие-то отдельные страницы. Это похоже на одно бесшовное веб-приложение.

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

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

Я также создал другой раздел под названием Details .

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

Я также создал область настроек , уникальную для LuckyTemplates. Вы можете создавать такие страницы, которые выглядят как индексные страницы. Таким образом, вместо того, чтобы менять дату на каждой странице или указывать основной выбор на каждой странице, я перенесу его на страницу настроек и сделаю такие выборы (только для северо-востока и юга).

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

Дизайн навигации по отчетам LuckyTemplates

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

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

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

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

Одна вещь, которую я сделал, и которую я считал хорошей идеей веб-типа, которую я украл, заключалась в том, что я поместил эти две стрелки здесь, чтобы я мог щелкнуть одну из них, чтобы перейти к другим отчетам. Благодаря этому навигация по отчету LuckyTemplates выглядит безупречно.

Создание навигации по отчету LuckyTemplates

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

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

И то, что я сделал для этих названий отчетов (Сводка, Брокеры, Клиенты), на каждое текстовое поле я наложил прозрачный прямоугольник, который затем наложился на слова. Затем я также устанавливаю пункт назначения соответственно.

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

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

Вдохновение при разработке отчетов

Для получения дополнительных сведений об отчетах перейдите на страницу нашей (KB). Именно здесь я черпал вдохновение для этого конкретного дизайна навигации по отчету LuckyTemplates. Мы собираем множество отчетов и идей из чего угодно, не только из LuckyTemplates. Существует множество замечательных веб-сайтов, и мы собрали их в этом разделе: .

Вы найдете так много удивительных докладов там. Это пример отличного дизайна отчета, который сделал участник одного из наших челленджей.

И это послужило источником вдохновения для примера навигации по отчету LuckyTemplates, который я сделал. Это не LuckyTemplates, но вы можете легко сделать отчет LuckyTemplates похожим на этот.

Создание системы отчетности с помощью LuckyTemplates
Методы создания отчетов LuckyTemplates: настройка отчетов, подобных приложениям,
настраиваемым визуальным элементам LuckyTemplates — создание приложения для создания отчетов

Заключение

Это то, что вы можете найти на хорошо спроектированном веб-сайте, и теперь мы можем сделать это в LuckyTemplates. Требуется лишь немного творчества и воображения.

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

Ваше здоровье,