Школа
Хорошая админка без дизайнера
Как спроектировать хорошие и удобные интерфейсы в админке самостоятельно
Хорошая админка без дизайнера
Собрал Кирилл Борзов👁 2803
Как спроектировать хорошие и удобные интерфейсы в админке самостоятельно
Собрал Кирилл Борзов👁 2803

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

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

Кнопки
Первая функция кнопки — дать команду системе. Текст на кнопке отвечает на вопрос «Что сделать?».

Как правильно располагать кнопки в формах

Иногда правильным решением будет отказ от кнопки

Поиск и фильтрация
Показать много фильтров для выбора продуктов
Прошу у вас совета, как привести в порядок огромное количество блоков выбора параметров продукта

Показывать ответ ещё до того, как полностью сформулирован вопрос.
А почему у Гугля и Амазона фильтр слева?

Человеку проще выбрать из того, что ему предлагают, чем сформулировать абстрактный запрос к базе данных,— «сначала данные». Если выбрать сразу не получается, то пожелания стоит уточнить,— «потом фильтры».
Как в наше время решается проблема вертикального главного меню?

Фильтр мгновенного действия применяется к данным «на лету», по мере настройки. Фильтр отложенного действия срабатывает после настройки и получения от пользователя команды «Отфильтровать».
Уместен ли такой фильтр в форме?

Формы

Бирман разбирает и комментирует формы.

Таблицы

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

Избавляемся от слова «замена» в каждой строке

Вместо таблицы написали в строку. Таблица не нужна, если нет сравнения

Упрощаем одну таблицу разбиванием на две

Товеровский устроил большая чистка графического мусора по  Эдварду Тафти

Выравнивание чисел в ячейке и шапка с подписями

Никаких перестроек, упрощаем только графдизайн

Снизили наглядность, но уменьшили в 4 раза

Вместо столбиков таймлайн. Не обошлось и без замены строк на столбики

Двойное комбо: сначала Бирман поменял подлежащие со сказуемым местами, и таблица сократилась в два раза; затем он придумал новые названия столбикам, и исчезло еще три строки

А. Г. предложил разбить таблицу на три, а Никита Прокопов наоборот все объединил вместе. Проблема исходника была, видимо, не в способе представления, а в плохой типографике

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

Число столбцов увеличилось, но как нагляднее стало время вылета, пересадки и прилета

Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть