← ЛЕНТА / статья

Кастомные клавиатуры в приложениях

28 апреля 2026г.

В мобильных приложениях часто можно встретить как системные цифровые клавиатуры, так и кастомизированные. Ввод код-пароля, PIN-кода, кода из СМС, подтверждение операций — казалось бы, цифры же вводим и везде должны быть какие-то одинаковые клавиатуры (для консистентности), но нет, одно и то же приложение использует разный вид клавиатур. Почему, зачем, какая «правильная»?

Код из СМС

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

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

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

Код-пароль, PIN-код

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

Но в сценарии код-паролей есть ещё важные особенности:

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

«Лишние» кнопки

Продолжим со сценарием ввода код-пароля и PIN. Обычно, юзер вводит пароль очень быстро, на автомате (моторная память).

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

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

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

Напоследок, вот вам от Рокетбанк примеры использования клавиатур немного не так, как все.

• Кастомная клавиатура на вводе номера телефона + код из смс. Ребята сделали кастомную клаву для ввода номера телефона — и на вводе СМС у них получился аккуратный блок-кнопка обратного отсчёта времени.
• Ввод PIN-кода в виде спиннера. Очень необычный паттерн, мне кажется долго и неудобно крутить на каждой цифре, но вот так решили.
• Подтверждение операции в ботом-щит + системная клавиатура. Обычно, подтверждение операций — это отдельный экран, юзер не видит, что именно он подтверждает (а надо ли?). Здесь ребята сделали всё в ботом-щите и смогли в него засунуть системную клавиатуру и поля ввода.
• Перевод денег с калькулятором. Обычно, на переводах делают системную клаву с цифрами. Но здесь ребята сделали не просто кастомную клавиатуру, а ещё и небольшой калькулятор, т.е. юзер может сразу же что-то пересчитать.

В пору ответить ребятам рекламным слоганом от другого банка: «Ты всё делаешь не так — продолжай!» ))

───
Тип клавиатуры определяется скорее не «красотой» и не «консистентностью», а задачей юзера:

• если ОС может помочь — системная;
• если важна моторика и стабильность — кастомная;
• если это обычный ввод цифр — системная.