Я смотрел через плечо Баса, когда он запускал свое последнее творение в Director. На экране его Mac я увидел что-то вроде растянутой клавиатуры iPhone. Фон, кнопки клавиш, цвет букв – все было то же самое, но по форме раскладка казалась явно больше в ширину, чем в высоту. Бас сказал мне, что предлагает такой дизайн клавиатуры iPad. Он сделал эту демоверсию, чтобы проверить различные варианты. По краям клавиатуры Бас разместил ряд экранных кнопок настройки, и, когда он нажимал на кнопки или передвигал бегунки, фон, клавиши, буквы на демонстрационной клавиатуре менялись. Он делал кнопки больше или меньше. Он переключался между светлыми буквами на темных клавишах и темными буквами на светлых. Он менял размеры пробела, убирал кнопку, возвращал кнопку, и, когда они увеличивались или исчезали, остальные клавиши меняли форму, чтобы заполнить пустое место. Каждый вариант сопровождался тщательно разработанной анимацией, подчеркивающей изменения. Показывая мне все свои варианты, Бас кратко объяснял, чем обоснован каждый из них и почему он может быть удобным. Помимо великолепной анимации, которая аккуратно указывала на отличия разных версий, самое большое впечатление на меня произвели соотношение ширины и высоты клавиатуры и ее форма в целом. Его предложение по сенсорной клавиатуре iPad больше напоминало клавиатуру настольного компьютера или ноутбука, чем тот дизайн, который мы использовали для iPhone. Клавиши со знаками препинания и Shift находились на своих обычных местах. Наверху был ряд с цифрами и присутствовали давно привычные пары: «!» и «1», «@» над «2» и т. д.
Несколько лет назад мы с Басом работали над клавиатурой iPhone и жестоко сражались за наполнение маленького экрана телефона. После множества экспериментов мы убрали с главной раскладки с буквами так много клавиш, как только смогли, использовав сэкономленное пространство, чтобы сделать размер каждой буквы как можно больше. Но даже тогда палец покрывал две-три кнопки с буквами. В нашем последнем варианте дизайна мы сделали знаки препинания и цифры на отдельной раскладке, доступной при нажатии клавиши «123». Мы беспокоились о том, что будут замечания и жалобы по поводу неудобства этого нововведения, но оказалось, что это одна из вещей, к которой люди легко адаптировались и приняли без лишнего шума.
Переключаясь между различными вариантами своей демоверсии, Бас сказал, что хочет использовать крупный экран iPad, чтобы вернуться к более традиционной раскладке клавиатуры, напоминающей раскладку компьютера Mac. Все это время, пока мы разговаривали, он продолжал двигать бегунки и нажимать кнопки, а демоверсия переходила от одного прекрасного изменения к другому в рамках одной общей темы: большой экран, дающий нам больше места для кнопок. Бас игрался с клавиатурой, и его воодушевление передалось мне. Когда он закончил показывать варианты и посмотрел на меня, я широко улыбался. Я вернулся в свой кабинет и начал обдумывать демоверсию, которую только что видел. Я представил, как бы она работала на прототипе iPad, лежавшем на моем столе, а не на компьютере Баса. Самая отчетливая мысль, появившаяся у меня в голове, – надо добавить больше кнопок. Это казалось логичным, особенно потому, что на большом экране планшетного компьютера места было достаточно. Я подумал, что людям понравится вводить точки и запятые, не нажимая кнопку «123».
Пока я сидел и смотрел то на экран прототипа iPad, то на клавиатуру Mac, у меня появилась идея. Я взял iPad, перевернул его горизонтально и поднял над клавиатурой. Я заметил, что длинная сторона экрана практически той же длины, что и верхний ряд букв. Это позволяло мне разместить десять букв из ряда QWERTYUIOP и подогнать их под длину экрана iPad. Места для цифр над верхним рядом букв не оставалось, но, скорее всего, получилось бы не так уж и плохо, ведь в результате выходил дизайн, как у клавиатуры iPhone, однако на экране iPad буквы могли быть почти такими же большими, как на макбуке. Это противоречило подходу Баса, который ужал полную раскладку клавиатуры до размера экрана iPad.
Теперь у меня было две интересные идеи. Моя концепция предлагала более крупные клавиши, которые легче нажимать, но пользователям придется поискать цифры и знаки препинания. Если использовать дизайн Баса, найти их будет легче, но каждая клавиша станет меньше, иначе они не поместятся на экране. Я решил сделать демоверсию, чтобы попробовать оба варианта.
Пока несколько недель назад меня не повысили, я отвечал за ежедневное поддержание в рабочем состоянии кода клавиатуры, поэтому все программное обеспечение я знал как свои пять пальцев. Я мог написать код для двух новых клавиатур за пару дней. Я сделал один для раскладки Баса, где было больше клавиш, и еще один – для моей, где буквы были большего размера. Создание таких демоверсий давало огромные преимущества. В отличие от презентации Баса, сделанной в Director, где были только картинки и анимация, мои давали полностью функциональные клавиатуры, которые могли работать в любом приложении iOS.
Еще поразмыслив об этом, я решил сделать клавиши моей более крупной раскладки совпадающими по размеру с клавишами на аппаратной клавиатуре настолько, насколько это было возможно.
Вероятно, я также мог бы воспроизвести и ступенчатое расположение рядов. Если я смогу скопировать всю геометрию клавиатуры в целом, может быть, для пользователей Mac набирать текст на iPad будет удобнее и привычнее.
Для того чтобы сделать эту работу по дизайну как можно точнее, мне нужно было сделать кое-какие измерения. Была нужна линейка. Вроде ничего такого у меня не было, но я все равно начал рыться в ящиках стола и нашел пару старых микросхем ОЗУ, несколько канцелярских кнопок и коллекцию прототипов iPhone. Линейки не было. Я спросил нескольких коллег, чьи кабинеты находились в моем коридоре, но все они только с недоумением смотрели на меня и разводили руками: да что вообще может захотеть измерить программист? Я проверил запасы в кладовке с офисными принадлежностями. Там обнаружилось практически бесконечное разнообразие зажимов и скрепок для бумаги, но линейки не нашлось. Затем я вспомнил, что на бульваре Стивенс-Крик в Купертино, примерно в миле от офиса есть магазин «Таргет»[10].
По пути туда я представил себе ту самую линейку, которую я куплю. Она будет красивой, прочной, металлической, подходящей для профессионального чертежника – одним словом, инструмент для точного измерения, который был достоин компании Apple. В «Таргете» не было ничего, подобного этой воображаемой идеальной линейке. Единственная линейка, которая там имелась, была длиной в тридцать сантиметров. Ее изготовили из бледно-голубого пластика с желто-зеленой разметкой. Она выглядела дешево и была дешевой. Полагаю, несколько десятков лет назад тот я, который шел в первый класс, был бы вполне доволен этой линейкой так же, как и парой карандашей с Железным Человеком, но, честно говоря, судьба линейки решилась, когда я заметил, что могу купить полукруглый пластиковый транспортир той же расцветки. Сделано.
Вернувшись в офис компании Apple со своими двумя новыми игрушками – кхм, инструментами! – я начал измерять клавиатуру настольного компьютера и его клавиши, клавиатуру и клавиши ноутбука, экран и клавиши iPhone и экран iPad. Я хотел создать собственную базу данных по этим элементам клавиатуры, повозиться с ними, почувствовать эти объекты и установить свои отношения с каждым из них. Я записал размеры и углы всего. Я сделал несколько зарисовок в Adobe Illustrator, я накладывал изображение одного на изображение другого и раздумывал, что же делать. Я начал писать код, который был нужен, чтобы ввести обе новые клавиатуры в эксплуатацию. Для дизайна Баса с большим количеством клавиш я мог точно скопировать их со своего ноутбука, исключив ряд функциональных клавиш сверху. Для моего дизайна касательно доступных клавиш я мог взять за образец клавиатуру iPhone, но я переместил Delete и добавил еще один Shift. Я придумал еще несколько деталей и потратил пару дней, чтобы написать код программы. Принимая во внимание, что в iOS уже имелась кнопка с изображением глобуса для переключения между языками, я менял две свои клавиатуры так, как будто они были раскладками на разных языках. Моя демоверсия была готова. Я пошел показать ее Басу.