Сегодня Лайфхакер порадует вас чудесной новостью: лучший (по нашему мнению) список покупок на iOS под названием «Купи батон!» обновился до версии 3.0. Мы подготовили детальный обзор новой версии приложения, который раскрывает не только внешние, но и некоторые внутренние изменения, недоступные взгляду пользователя (разработчики нам всё рассказали).

Разработчики «Купи батон!» — наши друзья, но мы пользуемся их софтом не по дружбе. Это как раз та ситуация, когда ты ставишь всего одно приложение, и в тот же вечер твоё представление о настоящих юзабилити, простоте и интуитивности полностью меняется. Это не пустые слова: «Купи батон!» не просто так становился выбором редакции Apple в App Store. Он надёжно сидит в топах и сейчас. Однако, хватит восхищений, вы и сами всё увидите, когда начнёте им пользоваться.

Мы будем рассказывать о приложении как о новом продукте. Итак, основной смысл и функция «Купи батон!» — обеспечение походов в магазины без геморроев. Наша память любит с нами шутить, мы забываем купить что-то такое важное и необходимое даже для себя, не говоря уже о семейных закупках, когда список покупок становится в-о-о-о-о-о-т таким.

Зачем нам это?

И сразу немного науки: мы знаем, что всё внешнее и внутреннее устройство супермаркетов заточено под одну цель: заставить нас купить больше, купить то, что мы не планировали и не хотели. Так вот, наличие списка покупок позволяет избежать практически все ненужности, которые поджидают нас там: импульсивные покупки, ложно-необходимые покупки и так далее. Но не ходить же в магазин с бумажкой. Мы покупаем смартфон за пару-тройку десятков тысяч рублей, а ходим с мятым списком в кармане? А если позвонит жена и попросит докупить ещё 3-5 продуктов? Будете всё запоминать, или ещё и ручку с собой возьмёте?

Ну что, мы убедили вас в необходимости наличия списка покупок на смартфоне? Значит, пора переходить к самому приложению.

Работа с продуктами

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

Фото 29.05.13, 10 27 02 Фото 29.05.13, 10 29 52

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

Фото 29.05.13, 10 42 11 Фото 29.05.13, 10 42 20

Если вместе с продуктом нужно указать его необходимое количество, то вместо «Готово» сначала тапаем на соответствующую кнопку «Добавить количество» (либо пишем всё руками через двоеточие согласно инструкции). Клавиатура переключится на цифровую, мы введём нужное число, и уже после этого нажмём «Готово». Если продукт введён неверно, то просто делаем по нему свайп влево или вправо, и приложение предложит удалить его из списка.

Фото 29.05.13, 10 42 43 Фото 29.05.13, 10 54 12

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

Фото 29.05.13, 10 51 04 Фото 29.05.13, 10 54 30

Зачем оставлять на экране то, что уже в корзине? А вдруг вы случайным тапом вычеркнули не тот продукт? Достаточно тапнуть на него ещё раз (когда он уже на тёмном фоне под списком), и продукт вернётся в список. Ну а если эти вычеркнутые позиции так сильно давят на глаза, то просто «тащим» список по экрану вверх: в нижней части появится подсказка-действие. Продолжаем тянуть список вверх, и подсказка сменится на опцию очистки вычеркнутых продуктов.

Фото 29.05.13, 10 55 59 Фото 29.05.13, 10 56 10

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

Фото 29.05.13, 10 43 05 Фото 29.05.13, 17 15 12

Естественно, предустановленный словарь продуктов полностью настраиваемый и изменяемый. Можно добавлять свои продукты (они вносятся в словарь автоматически) и попутно присваивать им нужную категорию через соответствующие цветные квадратики над клавиатурой. Персонализация, ага.

Работа со списками

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

Фото 29.05.13, 10 54 52 Фото 29.05.13, 10 47 21

Кстати, ландшафтная ориентация поддерживается во всех меню интерфейса.

Фото 29.05.13, 11 05 16

Фото 29.05.13, 11 05 05

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

Фото 29.05.13, 10 47 27

Синхронизация

Вот мы и добрались до этой чудесной функции. Видите иконку в левой верхней части интерфейса? Нажатие на неё перенесёт пользователя к экрану авторизации в системе. Да, «Купи батон!» позволяет создать учётку, которой могут одновременно пользоваться несколько человек. Что это даёт? Всё просто: если пользователь, авторизовавшийся под определённой учёткой, вносит какое-либо изменение в списках продуктов, то эти изменения в реальном времени отобразятся на всех других устройствах, на которых выполнен вход в «Купи батон!» под этой же учётной записью.

Фото 29.05.13, 10 27 26 Фото 29.05.13, 10 27 58

Такая шустрая и наглядная синхронизация, кстати, и стала главной фишкой версии 3.0. Изменения не только мгновенно синхронизируются на всех устройствах и в веб-интерфейсе, но и визуально отображаются на других устройствах.

Смотрим ещё раз на кнопку управления списками. Что-то случилось? Почему она вдруг стала синей? Всё просто: такая метаморфоза означает, что в одном из списков произошли изменения (на скриншотах iPad, привязанный к той же учётке «Купи батон!»).

IMG_0296 IMG_0299

Тапаем по иконке управления списками и ищем список с синим значком. Именно в нём что-то добавилось или удалилось. Это реально удобно.

Чуть выше мы написали про веб-интерфейс «Купи батон!», и стоит чуть-чуть рассказать и о нём. Это типичный сайт, зайдя на который и авторизовавшись созданной в «Купи батон!» учёткой, можно свободно управлять своими списками, будто вы находитесь в мобильном приложении. Ну а что? Не у всех же членов семьи, друзей и коллег могут быть устройства на iOS. Они могут работать со списками именно через веб.

5

Сюрприз

Наверное, многие пользователи Android после прочтения текста тоже захотели такую крутоту на свой смартфон. Разработчики рассказывали нам, что Android версию «Купи батон!» просили у них с первых дней релиза первой версии приложения в App Store. А теперь смотрите на главную страницу сайта «Купи Батон!».

1

Да, Android версия будет, её активно разрабатывают, и мы советуем вам подписаться на получение новости о релизе «Купи батон!» в Google Play. Вы получите уведомление о доступности даже раньше, чем мы успеем об этом написать.

По секрету: у нас уже есть полностью рабочая стабильная бета-версия Android приложения, и мы скажем просто: она очень крутая, в чём-то даже круче своего iOS прародителя, но мы её вам не дадим:)

Screenshot_2013-05-29-12-29-31

Нет, мы не жадные и не вредные, просто пока нельзя, так что вам придётся дождаться релиза в Google Play, и поверьте, это будет бомба!

Итог

О чём мы ещё не рассказали? Наверное, только о том, что версия «Купи батон!» 3.0 — это абсолютно новый продукт, написанный с нуля: само приложение, синхронизация, всё-всё-всё. Был учтён прошлый опыт и ошибки, и решение о полном переписывании продукта вместо установки дополнительных костылей — безусловно похвальная инициатива.