Кнопки такие мелкие
Думаю, большинство видело клавиатуру мобильного устройства. Примерно такую:
Если экран маленький, то без стилуса или длинных ногтей ввод текста очень труден.
Да, конечно были попытки сделать ввод данных немного удобнее – убирался ряд цифр и клавиши выше – а что делать, если пользователь привык к qwerty раскладке, в которой 10 символов в верхнем ряду (про русский язык разговор вообще особый).
Также существует вариант полноэкранной клавиатуры, когда экран поворачивается в альбомный режим и клавиатура разворачивается на полный экран, но у такого решения огромный недостаток – очень маленькое место для отображения собственно текста.
Что всем нужно
Итак я предлагаю решение которое позволит:
1. Увеличить размер области в которую нужно попасть
2. Уменьшить размер занимаемый клавиатурой
3. Избавиться от ошибок, когда палец проскальзывает вбок
Концепция (tap&drag)
Суть рецепта выражается в двух словах – нажми и двигай (tap&drag). В стандартной клавиатуре обрабатывается только нажатие. Если добавить к этому движение то в общем случае получаем 5 возможных символов на 1 область.
Конкретный пример
Я сделал пример реализации qwerty клавиатуры с использованием данного подхода в матрице 5x2. Для ввода «Q» надо нажать на область «1» и тянуть вправо, для ввода «a» нажать 1 и тянуть вниз, для ввода «1» нажать и отпустить.
Ширина картинки примерно соответствует ширине экрана смартфона, можно приложить палец к экрану и самому убедиться, что на первой клавиатуре очень тяжело куда-нибудь попасть, а на tap&drag вполне удобно, и при этом размер собственно клавиатуры меньше.
Дополнительные возможности
1. Верхний регистр – в левой области клавиатуры протянуть вверх, выше клавиатуры
2. Включение ввода символов — в центре клавиатуры протянуть вверх, выше клавиатуры
3. Переключение раскладки – в правой области клавиатуры протянуть вверх, выше клавиатуры
4. Удаление – движение справа налево больше 3-х областей
5. Пробел – движение слева направо больше 3-х областей
6. Ввод – правый верхний угол вниз и влево
Что ещё
Русская раскладка
Раскладка ввода спецсимволов
Английская раскладка 6x2
p.s. Рисунки сделаны в Excel, обрезание и конвертация в Paint, да и с графическим дизайном я не дружу.