Привет! Вы в официальном канале дизайнеров и редакторов @tbank
Для связи: @nuiladno, @filipp_lyakh
Post #120
2.38K






Всем привет в этом чатике! Я Динара — дизайнер команды цифрового офиса, хочу рассказать, как мы делали интерфейс для бронирования ячеек)
В связи с переездом в новый офис нам поставили новенькие локеры — ящики, где сотрудники могут оставить свои личные вещи (и мерч, который лень тащить домой😁). Забронировать и открыть ячейку можно через экран, как раз для него и нужно было сделать интерфейс.
После схематично отрисованного флоу пошла обсуждать задачу с разработкой. Хотелось сделать процесс авторизации максимально бесшовным, но столкнулась с некоторыми техническими ограничениями. Для контекста — у сотрудника есть выбор как он хочет войти: по пропуску или по лицу 😏 Но face id работает не автоматически, как на системе входа в здание, а по запросу. А вот считыватель пропусков активен всегда. Поэтому открытие по пропуску осталось стартовым сценарием, а по лицу — дополнительным.
Таким образом, после авторизации мы либо сразу открываем сотруднику его ячейку, либо предлагаем забронировать, если таковой не имеется.
Следующий прикол — ячеек может быть как 16, так и 96 🤩 Подбирала универсальный размер, чтобы обойтись без скрола и стала придерживаться центральной композиции. А еще где-нибудь между рядов может быть столб 🙂
Дальше прорабатывала процесс бронирования и последующего открытия ячейки, нарисовала несколько вариантов свободных и занятых локеров и пошла проводить коридорки. Использовала самый удачный вариант)
В итоге, сейчас с радостью смотрю, как коллэээги за секунду открывают и пользуются своими ячейками, нереальный кайф!
Такая вот история, на все вопросы буду рада ответить в комментах🕺
В связи с переездом в новый офис нам поставили новенькие локеры — ящики, где сотрудники могут оставить свои личные вещи (и мерч, который лень тащить домой😁). Забронировать и открыть ячейку можно через экран, как раз для него и нужно было сделать интерфейс.
После схематично отрисованного флоу пошла обсуждать задачу с разработкой. Хотелось сделать процесс авторизации максимально бесшовным, но столкнулась с некоторыми техническими ограничениями. Для контекста — у сотрудника есть выбор как он хочет войти: по пропуску или по лицу 😏 Но face id работает не автоматически, как на системе входа в здание, а по запросу. А вот считыватель пропусков активен всегда. Поэтому открытие по пропуску осталось стартовым сценарием, а по лицу — дополнительным.
Таким образом, после авторизации мы либо сразу открываем сотруднику его ячейку, либо предлагаем забронировать, если таковой не имеется.
Следующий прикол — ячеек может быть как 16, так и 96 🤩 Подбирала универсальный размер, чтобы обойтись без скрола и стала придерживаться центральной композиции. А еще где-нибудь между рядов может быть столб 🙂
Дальше прорабатывала процесс бронирования и последующего открытия ячейки, нарисовала несколько вариантов свободных и занятых локеров и пошла проводить коридорки. Использовала самый удачный вариант)
В итоге, сейчас с радостью смотрю, как коллэээги за секунду открывают и пользуются своими ячейками, нереальный кайф!
Такая вот история, на все вопросы буду рада ответить в комментах🕺
- 🔥 43
- ❤ 17
- 👍 8
- 😍 4










