Распространённая задача дизайна

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

Progressive disclosure показывает сначала основные действия, а специальные функции открывает по запросу. Nielsen Norman Group объясняет, как этот принцип может улучшить обучаемость, эффективность и снизить количество ошибок при правильном разделении.

Главное показывается первым

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

Название элемента должно объяснять результат. «Больше вариантов» обычно менее полезно, чем «Показать расширенные настройки экспорта». До открытия пользователь должен понимать, что появится.

Lag Din Fisk: взаимодействие по шагам

В проекте Lag Din Fisk для Akvariet i Bergen посетители рисуют рыбу на бумаге, сканируют рисунок и видят, как она плавает на экране. Это пример последовательной задачи с переходом от физического действия к цифровому результату.

Здесь уместно понятие staged disclosure — последовательное раскрытие по шагам. NN/G отличает его от открытия необязательных функций по запросу. Этапы последовательности проходят все; расширенные настройки открывают только при необходимости.

Для такого взаимодействия я бы проверил, понимает ли посетитель текущее действие, место сканирования и способ увидеть результат. Проект иллюстрирует последовательность; статья не сообщает об измеренном эффекте её разделения.

Когда принцип не подходит

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

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