Дизайн Valentina Malievskaia
6 086

Разработка клавиатуры iPhone: бывший дизайнер Apple показал схемы и рассказал о создании первых проектов

Отрывок из книги Кена Косиенды “Creative Selection”.

В закладки

В сентябре 2018 года выйдет книга “Creative Selection” Кена Косиенды, работавшего дизайнером и разработчиком в Apple с 2001 по 2016 годы. В ней он рассказывает о работе над дизайном первых моделей iPhone и iPad.

В одной из глав Косиенда описывает, как создавал клавиатуру для iPhone. В конце 2005 года Apple попросила всех разработчиков компании представить собственную модель клавиатуры. При этом никто из них ещё не видел, как выглядит iPhone: разработчики знали только, что ширина клавиш должна быть не менее 44 пикселей, чтобы пользователи могли попадать по ним.

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

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

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

Справа — следующая модель клавиатуры, в которой несколько букв объединены одной клавишей, как в кнопочных телефонах. Сначала на клавиатуре предполагалось три ряда по четыре клавиши в каждом. Поэтому Косиенда планировал разработать систему вроде Т9, угадывающую слово, которое пытается написать пользователь.

Разработчик показал макет клавиатуры, к которой добавились ещё четыре клавиши, Скотту Форстоллу, руководившему в то время разработкой iOS. Тот попросил его представить проект топ-менеджерам Apple Филиппу Шиллеру и Тони Фаделлу.

Макет клавиатуры, который Косиенда представил Форстоллу, Шиллеру и Фаделлу

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

После этого я задумался, как улучшить мой проект.

Я вырезал из бумаги прямоугольник размером меньше половины кредитной карты — столько занимает клавиатура на iPhone. И стал думать, как уместить клавиши в этом крошечном прямоугольнике так, чтобы пользователям было удобно.

Кен Косиенда

Позже Скотт Форстолл выбрал проект клавиатуры с похожим на предложенный Кеном Косиендой дизайном.

#дизайн

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Valentina Malievskaia", "author_type": "self", "tags": ["\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 15, "likes": 14, "favorites": 1, "is_advertisement": false, "subsite_label": "design", "id": 43764, "is_wide": false, "is_ugc": true, "date": "Thu, 16 Aug 2018 11:27:02 +0300" }
{ "id": 43764, "author_id": 179194, "diff_limit": 1000, "urls": {"diff":"\/comments\/43764\/get","add":"\/comments\/43764\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/43764"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114 }

15 комментариев 15 комм.

Популярные

По порядку

Написать комментарий...
32

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

Ответить
21

Я правильно понял, что статья про чувака который предложил дизайн клавы для ифона, его не приняли и потом приняли чей-то другой дизайн, который похож на предложенный чуваком. Ничего не упустил?

Ответить
1

ты тока тсссс....

Ответить
1

Статья это громко сказано. Это отрывок.

Ответить
1

Уоу-уоу! Да тебе бы твиттер tjournal вести.

Ответить
2

Да уж, сейчас клавиатуры с несколькими символами на одной клавише смотрятся очень странно, а лет 15 назад никто на эту тему особо и не жаловался

Ответить
2

Концовка эпичная.

Ответить
1

Воу, концовка - топ. Я так понял дальше лень писать стало?

Ответить
1

Нужно куда-то заплатить, чтобы читать продолжение?

Ответить
0

Обидно, что на этих клавиатурах в итоге на ходу нельзя набирать, мне вот после кучи клавиатурников, включая блэкберри, этого не хватает :(

Ответить
1

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

Ответить
1

Вообще зависит от привычки и телефона.
На нексусе5 вообще чуть ли не с закрытыми глазами печатал, возможно даже быстрее, чем на компе.
Потом купил xiaomi a1, как он вышел. Все ещё не могу печатать даже с той же скоростью, что и на нексусе. Не говоря уже о закрытых глазах.
Возможно дело в привычке (всё-таки 3 года и год - разное время), но мне кажется, что дело и в размерах, и в качестве экрана. Нексус все же приятнее, даже спустя 5 лет после выхода. Очень бы хотелось сравнить с нынешним гуглфонами

Ответить
0

пользуюсь свайп на сяоми, после обучения своему словарю полет отличный

Ответить
0

набираю на гугл клавиатуре на ходу голосом и чувствую себя прекрасно.

Ответить
0

Душетрепещущая история - можно прямо сериал снимать

Ответить
0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Хакеры смогли обойти двухфакторную
авторизацию с помощью уговоров
Подписаться на push-уведомления
{ "page_type": "default" }