Обзор интерфейса

Все версии свод.ли — десктоп, веб, мобильная — устроены одинаково. Боковая навигация (или нижние табы на телефоне) ведёт в разделы. Здесь — короткая карта, чтобы понять, что где искать.

Главные разделы

В бизнес-книге к этому набору добавляются свои разделы: Взаиморасчёты, Налоги, Отчёты, Документы и Платёжный календарь.

Из вложенного экрана — страницы категории, проекта, тега или контрагента, карточки счёта, «Покупок» и «Чеков» внутри «Аналитики» — можно вынырнуть обратно к списку раздела повторным нажатием на уже подсвеченный пункт меню. Работает одинаково в боковом меню, в меню разделов телефона, в мобильной шторке и в командной палитре.

Группа «Справочники»

Четыре справочника — Категории, Контрагенты, Проекты и Теги — собраны в одну группу. На компьютере и в вебе это сворачиваемая группа «Справочники» в самом низу бокового меню личной книги.

• По умолчанию группа свёрнута — клик по заголовку раскрывает её.
• Выбор запоминается на устройстве: свернули — так и останется.
• Если вы сейчас внутри справочника, а группа свёрнута, заголовок подсвечивается точкой — видно, где вы находитесь.
• Переход в справочник из командной палитры раскрывает группу сам.

И главное для работы со справочниками: строка любого из них открывает страницу записи — категории, проекта, тега или контрагента — с её операциями и аналитикой; правка там открывается карандашом в шапке, а на телефоне — ещё и долгим нажатием по строке.

В бизнес-книге боковое меню разбито на группы с подписями, и «Справочники» (Категории · Проекты · Теги) — последняя из них; «Контрагенты» стоят в группе «Расчёты» рядом с «Взаиморасчётами» и «Документами».

Архив проектов

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

• Архивный проект не предлагается в формах — ни в новой операции, ни в бюджете, ни в фильтрах по умолчанию.
• Он уходит из активного списка в секцию «Архивные проекты» внизу справочника — с датой архивации и итогом за всё время.
• Операции, бюджет и вся история сохраняются. В фильтре «Операций» такие проекты собраны в группу «Архив», а у операции, где проект уже проставлен, он показывается с пометкой «(в архиве)».
• Вернуть проект в работу — кнопка Вернуть. Действие обратимо, в отличие от удаления.

Удалить проект, как и счёт, можно только из архива — и там же выбрать, куда девать его операции: оставить без проекта или перенести в другой.

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

Где что в мобильном приложении

На телефоне внизу четыре основные вкладки и большая кнопка + для быстрого ввода:

• Сводка — дашборд.
• Операции — список и поиск.
• Счета — карты и наличные.
• Кэшбеки — правила кэшбека по картам.

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

Четыре справочника — Категории, Контрагенты, Проекты и Теги — живут в одной строке «Справочники» под «Бюджетами». Тап перелистывает меню на подуровень с ними и строкой Назад; само меню при этом не закрывается.

В бизнес-книге нижние вкладки свои: Сводка (дашборд с налогами и прогнозом), Операции, Счета и Контрагенты — а Взаиморасчёты, Налоги, Отчёты и остальные бизнес-разделы открываются из того же меню ···.

Часть приложения можно вынести на экран «Домой» телефона: виджеты быстрого ввода, бюджета, списаний и кэшбеков открывают нужный экран одним тапом.

Нижнюю панель можно собрать под себя

Стандартный набор подходит не всем: кто-то не пользуется кэшбеками, но каждый день заходит в «Аналитику». Поэтому четыре кнопки вокруг «+» настраиваются — в них можно поставить любой раздел книги.

1. Откройте Настройки → «Нижняя панель» — или просто нажмите на панель долгим нажатием.
2. Нажмите на слот, который хотите заменить.
3. Выберите раздел из списка. Если он уже стоит в другом слоте, слоты поменяются местами — дубликатов не будет.

• Разделы, не попавшие в панель, никуда не деваются — они остаются в меню ···.
• Наборы личной и бизнес-книги независимы: в личной можно держать «Бюджеты», в бизнесе — «Взаиморасчёты» или «Платёжный календарь».
• Кнопка Сбросить возвращает стандартный состав.
• Настройка хранится на этом устройстве и через облако не разъезжается.

В вебе на телефоне нижняя панель настраивается так же: Настройки → «Внешний вид» → «Нижняя панель» — те же четыре слота вокруг «+», отдельные наборы для личной и бизнес-книги и кнопка Сбросить. Раздел, поставленный в панель, уходит из меню «Ещё», чтобы не встречаться дважды, а вытесненный из неё возвращается в меню — даже «Операции» или «Кэшбеки» остаются в одном нажатии.

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

Вкладки листаются свайпом

Вкладки карточки счёта и «Аналитики» на телефоне переключаются не только нажатием по заголовку, но и горизонтальным свайпом по содержимому — как страницы. Подчёркивание активной вкладки едет за пальцем.

Веб на телефоне устроен как приложение

Веб-версия на узком экране — до 768 точек — повторяет приложение для телефона, а не уменьшает компьютерный интерфейс: та же нижняя панель с «+», остальные разделы — в меню «Ещё», те же подписи, пустые экраны и подсказки. Формы и выбор значений выезжают нижними шторками, а не окнами по центру экрана. «Импорт и экспорт» открывается во весь экран и показывает историю импортов, а несколько операций отмечаются долгим нажатием на строку. «+» на странице счёта, категории, проекта, тега или контрагента открывает новую операцию уже с ними.

Порядок карточек на «Сводке»

«Сводка» собрана из карточек — показатели, денежный поток, расходы по категориям, последние операции, бюджеты, цели, долги, кредиты. Порядок настраивается перетаскиванием, а лишние карточки убираются «глазиком» — на всех платформах, включая телефонную ленту. Как это работает — в разделе «Сводка → Порядок карточек».

На телефоне «Бюджеты», «Цели», «Долги» и «Кредиты» скрыты по умолчанию: лента открывается остатком и сразу идёт к операциям по дням. Нужный блок включается тем же «глазиком» в режиме «Настроить карточки».

На планшете — раскладка компьютера

На планшете приложение не растягивает телефонный интерфейс, а переключается на широкую раскладку: вместо нижнего таб-бара — боковая навигация со всеми разделами сразу, «Операции» — таблица, как на компьютере, «Сводка» и «Аналитика» разложены сеткой, «Счета» получают график динамики остатка, а справочники (категории, контрагенты, проекты) показываются таблицами. Выбор категории, счёта или даты раскрывается поповером у самого поля, а не шторкой снизу экрана. Бизнес-книга так же живёт в широкой раскладке — со своими разделами.

Раскладку определяет ширина окна, а не модель устройства: шире 768 точек — широкая, уже — обычная телефонная. Порог тот же, что у веба, поэтому на одном планшете приложение и веб-версия выглядят одинаково по структуре. В режиме разделённого экрана раскладка следует за окном: сузили — приложение вернулось к телефонному виду, расширили — снова к широкому.

Паритет с компьютером доведён и до мелочей: столбцы таблицы «Операций» настраиваются — «Название», «Проект» и бизнес-набор включаются и выключаются так же, как на компьютере, а теги видны строкой под названием операции. А из строки справочника («Контрагенты», «Проекты», «Теги») и из карточек «Аналитики» — сегмента диаграммы, строки «Крупных трат», тега — один тап ведёт в «Операции», уже отфильтрованные.

Сигнальные плашки «Сводки» — ближайший платёж по кредиту, конец беспроцентного периода и сверка выписки кредитки, скорые списания подписок, «Доступ закрыт» — стоят общим блоком над карточками, как на компьютере. А в таблице «Категорий» у категории с месячным лимитом под именем видна полоса бюджета.

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

Светлая и тёмная тема

По умолчанию свод.ли следует за оформлением системы, но тему можно зафиксировать вручную: Настройки → Внешний вид → Тема. Три варианта — Системная (подстраивается под систему), Светлая и Тёмная. Выбор запоминается на каждом устройстве отдельно.

Язык интерфейса

Свод.ли говорит на двух языках — русском и английском. На телефоне приложение по умолчанию открывается на русском, какой бы язык ни стоял в системе; на компьютере и в браузере при первом запуске берётся язык системы или браузера (если он не русский — английский). Язык меняется в любой момент: Настройки → Внешний вид → Язык, а на первом экране — переключателем языка. Выбор хранится на каждом устройстве отдельно и не влияет на данные книги. От языка интерфейса зависит набор кнопок входа через соцсети (см. «Аккаунт свод.ли облака»).

Поиск и фильтры

На вкладке Операции поиск ищет сразу по заметке, категории, контрагенту, тегам, товарам из чека и сумме. Можно комбинировать с фильтрами: период, счёт, категория, контрагент, проект, теги, сумма и тип операции. В чипах категорий, контрагентов, проектов и тегов можно отметить несколько значений и выбрать режим набора «Любой / Все / Скрыть»: хотя бы одно из отмеченных, каждое или ни одного. Частые наборы фильтров сохраняются под именем и включаются одним нажатием — чип «★» первым в ряду.

На компьютере фильтр-бар компактный: неактивные фильтры свёрнуты в круглые иконки, место занимают только применённые чипы, а кнопка «⇵» справа открывает импорт и экспорт. Подробнее о фильтрах и итоге по отфильтрованной выборке — в «Операциях».

Ввод сумм

В любом денежном поле — сумма операции, лимит бюджета, начальный баланс — разряды группируются по тысячам на лету: набираете «10000», в поле сразу видно «10 000». Так труднее ошибиться на ноль, а крупные суммы читаются с одного взгляда.

Предел суммы — 9 999 999 999 999,99. Число длиннее, например номер счёта, вставленный по ошибке, форма не сохранит и ответит «Слишком большая сумма» (подробнее — в «Операциях»).

Исправление опечаток (Windows)

В приложении для Windows слово с ошибкой в текстовом поле подчёркивается. Щёлкните по нему правой кнопкой — над пунктами «Копировать», «Вырезать» и «Вставить» появятся до пяти вариантов исправления. Клик по варианту заменяет слово, а Ctrl+Z возвращает исходное. В вебе подсказки орфографии даёт сам браузер, а в приложении для Linux проверки орфографии нет.

Горячие клавиши (десктоп и веб)

Сочетания работают в любой раскладке: приложение узнаёт клавишу по её месту на клавиатуре, а не по напечатанной букве. В русской раскладке N — это клавиша «Т», а G — «П». Так же работают Ctrl / ⌘ + K и / в поиске этой документации.

Несколько устройств одновременно

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

Подробнее о том, как это устроено — «Синхронизация».