Как сделать прототип устройства за три месяца и не облажаться

Это вторая часть серии статей о создании «Симкомата X». Первую часть читайте здесь.

Меня зовут Илья Александров. Я проектирую интерфейсы и продукты, а также руковожу разработкой.

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

Я уже работал над «большим» симкоматом раньше, поэтому тема и проблемы мне были знакомы (кстати, о процессе проектирования есть подробная статья).

Однако новое устройство — это совершенно иной продукт. Продакт-менеджер проекта Антон Бочкарёв, который ещё появится в следующих материалах, поделился со мной новой, более простой концепцией, которую они вынашивали последний год.

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

Схема взаимодействия человека и нового симкомата выглядит примерно так:

  • Симкомат раздает открытый Wi-Fi.
  • Пользователь подключается к этому Wi-Fi с помощью своего телефона, если у него нет интернета в телефоне.
  • В телефоне пользователя появляется окно captive portal, такое же, как появляется при подключении к Wi-Fi в метро, например. В этом окне рассказывается об услуге.
  • Чтобы купить SIM-карту, человек тут же в телефоне проходит верификацию и оплачивает услугу.
  • По окончании процесса система генерирует QR-код, который высвечивается на телефоне человека.
  • Пользователь подносит экран телефона с QR-кодом к сканеру симкомата, который всегда находится в режиме ожидания.
  • Симкомат сверяет отсканированный с экрана телефона QR-код с базой данных на сервере и, если код совпадает, выдаёт SIM-карту.

После анализа и уточнения всех требований у меня получилась такая условная схема устройства:

Как сделать прототип устройства за три месяца и не облажаться

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

  • Финализировать требования к устройству и его прошивке.
  • Организовать работу распределённой команды разработки.
  • Проектировать и арт-директорствовать.
  • Контролировать качество и сроки.

Прототип нужен был, чтобы закрыть сразу несколько важных для бизнеса целей:

  • Участвовать в намечающейся выставке, презентовать устройство журналистам.
  • Показывать процесс работы устройства в процессе продаж.
  • Разработать и протестировать коммуникационную связку «симкомат-сервер-телефон».
  • Сделать тестовый дизайн и доработать требования перед созданием полноценного промышленного образца

Срок, выделенный на разработку, — три месяца. Это довольно мало для предсерийного прототипа. Но самой большой проблемой было то, что команда, которая должна была заняться разработкой, была не знакома ни мне, ни Артёму с Антоном. Кроме того, мы находились в разных городах: команда разработчиков в Ижевске, я в Петербурге, Артём в Москве.

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

Мы сидели на втором этаже их гаражного лофта, пили чай и «прощупывали» друг друга. Классика жанра: «Какой-то левый тип пришёл и заявляет, что будет сейчас нами руководить, а мы-то и сами знаем, что нам делать».

По итогу встречи я решил, что по конструкции, электронике и прошивке ребята справятся, а для дизайна нужно найти человека извне.

Чтобы не облажаться, мы всё подробно описали: ТЗ (сейчас смотрю на него и понимаю, что не такое оно уж и подробное), план работ, описание ролей и ответственности, завели чатик в Telegram и ударили по рукам.

Разработка

Разработка шла в два параллельных потока:

  • Дизайн корпуса.
  • Железо.

Ижевская команда занималась подбором и тестированием электроники, что называется, «на столе». Это когда все нужные электронные компоненты (источник питания, модем, диспенсер, сканер и прочее) собираются в единую систему и их пытаются запустить.

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

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

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

Промышленный дизайн

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

Устройство обещало получиться не очень большим — примерно как старые таксофоны. Оно должно иметь возможность устанавливаться на специальной ножке либо без неё, например на стол, а также подвешиваться на стену.

Рафаэль получил габаритные размеры всех внутренних компонентов, мою схему, требования и приступил к наброскам.

Как сделать прототип устройства за три месяца и не облажаться
Как сделать прототип устройства за три месяца и не облажаться
Как сделать прототип устройства за три месяца и не облажаться

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

Картонный прототип симкомата с габаритными моделями внутренних устройств
Картонный прототип симкомата с габаритными моделями внутренних устройств

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

Вариант компоновки с выдачей SIM-карты в сторону
Вариант компоновки с выдачей SIM-карты в сторону

Вся команда была не в восторге от такой идеи, поэтому от неё отказались, хоть и не без скрипа.

Едем дальше. Развернули диспенсер картой вперёд. Глубина устройства сразу увеличилась. Получили примерно следующее:

Вариант компоновки с диспенсером, выдающим карту вперёд. Экран сканера смотрит вверх
Вариант компоновки с диспенсером, выдающим карту вперёд. Экран сканера смотрит вверх

Здесь вроде бы всё хорошо, но внешний вид нам не нравится. Пробуем ещё. Форму подсказывает Г-образная форма диспенсера, в результате получили вот такого уродца (на переднем плане):

Вариант компоновки, в котором экран сканера смотрит вниз
Вариант компоновки, в котором экран сканера смотрит вниз

Что-то в этом есть. Сверху можно установить сканер QR-кода, чтобы человек мог поднести руку с телефоном, держа его экраном вверх. Пространство между верхней и нижней частью окрестили «пещерой».

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

Как сделать прототип устройства за три месяца и не облажаться

В таком дизайне мы можем разместить сканер как сверху, так и снизу:

Вариант 1. Расположить сканер снизу для пользователя значило, что человек при сканировании должен перевернуть телефон вниз экраном.

Вариант 2. Расположить сканер сверху значило, что человеку не нужно поворачивать телефон экраном вниз.

Последнее решение кажется более логичным и за него были разработчики. Но в нём был огромный недостаток с точки зрения взаимодействия — сканер не виден человеку.

Мы провели быстрый «коридорный» тест второго варианта со случайными людьми на картонном прототипе. Даже тем, кто понимал, что сканер «должен где-то быть», требовалось визуальное подтверждение, и некоторые пытались заглянуть снизу.

В то же время решения вроде первого варианта со сканером, направленным вверх, встречаются в природе, например, для сканирования билетов на турникетах. И похоже, они привычны для людей.

Киоск S7 для печати билетов
Киоск S7 для печати билетов

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

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

Как сделать прототип устройства за три месяца и не облажаться

Стойка

Чтобы человек мог распознать устройство издалека, требовалось сделать визуальные отличительные знаки, место для рекламы и описания услуги. Устройство небольшое, и на передней его поверхности места для размещения дополнительных графических материалов нет. Поэтому мы решили для надписей использовать стойку.

Одновременно с этим хотелось сделать стойку максимально незаметной и лёгкой, поэтому надписи разместили на боковые стенки. Получилось вот так:

Как сделать прототип устройства за три месяца и не облажаться

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

Кроме того, у нас образовалась ещё одна проблема — устойчивость конструкции на такой ноге. Прикреплять болтами к полу не везде дадут, а точнее, не дадут почти нигде, поэтому надо было вопрос решать иначе.

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

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

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

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

Софт

Тем временем на стороне софта тоже велись работы. Антон Бочкарёв (менеджер со стороны «Симкомата») со своими программистами подготовили API, чтобы «подружить» сервер с будущим устройством. Инженерам также удалось запустить сканер и заставить диспенсер выдавать карты.

Тестируем сканер

Конструкция и производство прототипа

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

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

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

Скриншот из программы для конструирования
Скриншот из программы для конструирования

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

Гнутая пластиковая поверхность (белая деталь)
Гнутая пластиковая поверхность (белая деталь)

Диспенсер выдаёт карту через невзрачное прямоугольное отверстие, на котором однако имеются лампочки для индикации. Арсений спроектировал прекрасные «губы» для лицевой части устройства, которые были напечатаны на 3D-принтере. Получившийся при этом эффект индикации стал очень важной частью образа нашего детища.

Белая пластиковая деталь на переднем плане — «губы» симкомата, через которые он выдаёт карту
Белая пластиковая деталь на переднем плане — «губы» симкомата, через которые он выдаёт карту

Вот так это выглядит в действии

Тестирование индикации диспенсера симкомата

Стенки корпуса и стойку сделали с помощью фрезерования из МДФ. Для прототипа этого достаточно, но было понятно, что на серии нужно будет делать из металла.

Делаем части и собираем конструкцию:

Стенки корпуса
Стенки корпуса
Собранный корпус с выдвижным блоком
Собранный корпус с выдвижным блоком
Стойка. Сделана также из МДФ
Стойка. Сделана также из МДФ
Внутренние устройства, собранные на выдвижном блоке
Внутренние устройства, собранные на выдвижном блоке

Инженеры, возможно, в этом месте поперхнутся чаем — не сильно красиво у нас внутри, но как же красиво будет на следующем этапе! Об этом в следующей статье.

Окрашенный корпус и лицевая панель
Окрашенный корпус и лицевая панель

Последняя стадия производства самая напряжённая. Вылезают мелкие косяки, на устранение которых нужно много времени. Внезапно сгорает источник бесперебойного питания, подводят подрядчики (классика), а ножка оказывается на 10 сантиметров выше, чем нужно. Но мы сдюжили.

Итого нам удалось разработать и сделать прототип за два месяца и 29 дней (ножку мы потом неспеша переделали).

Устройство нужно было Артёму в Москве. Антон с командой программистов протестировали устройство, кое-что поправили и отправили его в столицу.

Тестирование и настройка симкомата перед отправкой в Москву
Тестирование и настройка симкомата перед отправкой в Москву
«Симкомат X», готовый к отправке
«Симкомат X», готовый к отправке

Что было дальше, я могу судить только по заголовкам интернет-изданий. Заказчик выглядит довольным.

Артём показывает симкомат журналистам
Артём показывает симкомат журналистам
Доволен
Доволен

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

Этим этапом занимался Михаил Санников — крутейший специалист и менеджер в хардварной разработке. Он будет рассказывать об этом процессе в следующей части. Не пропустите.

P.S. Если вам нужно спроектировать интерфейсы для устройства или софта, вы можете обратиться ко мне.

3333
16 комментариев

Здорово получилось! Подход, дизайн, мне всё понравилось!
Не знаю, насколько аппарат актуален в связи с грядущим переходом на e-sim, но работа крутая 👏🏼👏🏼👏🏼

11
Ответить

Да уж, прямо резкий переход )) Аппаратов то еще с гулькин нос, да и пользователи у нас не обновляют их так часто. Кроме того он же не только симкарты может выдавать, а любые карты которые поместятся в диспенсер.

Ответить

Е-сим, переход с сохранением номера... Носятся с этими симкоматами как с писанной торбой, кому они нахрен нужны в таких масштабах? Спамерам?

Ответить

Юхуу, офигенно! Молодцы, приятно читать. И снова жду продолжения

2
Ответить

К середине недели будет третья часть

1
Ответить

Комментарий недоступен

1
Ответить