← Назад в блог

Проблема со списками покупок из 100 пунктов

Текстовые списки не масштабируются. Вот как визуальная группировка позволяет управлять большими магазинами.

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

Списки текстов разрушаются под собственным весом

По мере роста списка:

  • Линии сливаются воедино.
  • Прокрутка становится бесконечной
  • Похожие имена прячутся рядом друг с другом
  • Поиск «то, что я добавил во вторник» превращается в поиск.

Вы тратите больше времени на навигацию по списку, чем на навигацию по магазину. Инструмент становится узким местом.

Визуальная группировка улучшает навигацию.

Значки не просто выглядят лучше в масштабе — они организуются в масштабе. Сопутствующие продукты имеют общее визуальное семейство: молочные продукты выглядят как молочные продукты, продукты — как продукты. Ваш глаз улавливает кластеры прежде, чем ваш палец найдет номер строки.

В Листисте вы также можете:

  • Измените порядок товаров в соответствии с маршрутом вашего магазина.
  • Группировать по папке или проходу.
  • Сканировать сетку вместо столбца.

Те же сто предметов. Совершенно другой опыт.

До и после

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

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

Большие списки не должны становиться сложнее использовать по мере их роста. В них должно стать проще ориентироваться, поскольку структура возникает из самих визуальных эффектов.


Большие списки не станут сложнее использовать.

Попробуйте список для вашего следующего крупного магазина — и перетащите товары в порядок, соответствующий вашему магазину.