Ui

С 60-х годов дизайн панели набора номера не менялся. Почему? Наверное потому что текущий вариант — идеальный. А что если я тебе скажу, что это архаизм, не учитывающий особенности современных средств связи? Сейчас объясню.

Впервые кнопочную модель набора номера представили в, как не трудно догадаться, 1963 году, тогда компания Bell System просто решила взять за основу дизайн панели набора на калькуляторах того времени. Однако, какой-то умный человек в этой компании задался вопросом, а почему у калькуляторов именно такой дизайн панели?

Вопрос был задан производителям калькуляторов (Texas Instruments и Sharp), на что они сказали, что этот дизайн взят просто «от балды», никаких исследований они не проводили. Класс. Но ребята из Bell System дураками не были, и решили провести собственное исследование с множеством вариантов дизайна панели набора номера:

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

Пока размеры экранов были небольшими, люди могли набирать номер, удерживая телефон одной рукой. Однако теперь смартфоны становятся все больше и больше. Эта модель перестает работать.

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

Большинство людей держит телефон одной рукой(правой), при этом вторая рука никак не задействована, то есть все действия выполняются большим пальцем правой руки:

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

— Области, демонстрирующие, куда проще или сложнее попасть большим пальцем, от зеленого к красному соответственно. Пример для правой руки.

Теперь, после изучения этой картинки, текущая панель набора номера уже не выглядит такой идеальной, верно? Все дело в так называемой проблеме большого пальца.

Мы с вами зажрались, нам нужны все бóльшие экраны смартфонов, без рамок, чуть ли не без задней панели, поэтому одним пальцем пользоваться смартфоном становится все сложнее, а держать его двумя руками — это не царское дело, т.к. обычно вторая рука занята: держит сумку, портмоне или руль.

Эта проблема со временем никуда не денется, а станет только более актуальной при взаимодействии со смартфоном.

Вот примеры того, как можно было бы попробовать оформить панель набора номера:

— Примеры не мои, но суть ясна. В любом случае, тут потребовались бы исследования с довольно значительной выборкой.

В общем-то, теперь, какой совершенный флагман ни возьми, везде будет старая, неудобная, неадаптированная под сам телефон панель набора номера, и это только из-за того, что дизайнеры не придают этому значения, говоря себе что-то вроде этого: «да ну его нафиг, всю жизнь пользуемся такой панелью, зачем ее менять, если бы она не была идеальной, она бы так долго не продержалась».

Не будь дураком, думай своей головой.

Подготовлено telegram-каналом о дизайне «Дизайнер»

Оформил документ на ребенка, после чего мне предложили сразу вбить его данные в профиль, чтобы подставлять в будущем автоматически. Не вопрос, я согласен. Но не тут-то было! Оказывается, серия свидетельства о рождении (которая подставилась в поле автоматически) вдруг стала неверной! (Можно вводить русские и латинские буквы...а дефис, вать машу?) Попробуем стереть и набрать заново? Ага, щаассс!!!

P.S. @L4ever сможешь посчитать, сколько кейфреймов мне пришлось вставить для замазывания личных данных? )

1. Sketch

По моим субъективным ощущениям Скетч лидирует на профессиональном рынке. Если вы отправитесь на собеседование в значительную компанию, почти наверняка вас спросят, умеете ли вы в Скетч? Правда, для работы он использует встроенные функции iOS: на версию под Win уже никто особо не рассчитывает.

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

Это небольшой и конкретный пример его превосходства над Figma и XD, о которых речь пойдет дальше. Если говорить о Фотошопе — Скетч превосходит его буквально во всём, что касается интерфейсов.

2. Figma

На данный момент самая удачная альтернатива Скетчу для win-юзеров. По сути, этот выбор за вас делает платформа.

Фигма тоже активно разрабатывается. Есть все надежды на то, что она ни в чём не будет уступать Скетчу, но уже сейчас у неё есть свои особенные фишечки, например, коллективная работа над документом — механика похожа на коллективную работу в GoogleDocs.

Можно брать.

3. Experience Design

Не то, что мне было что сказать о нём, но как дань былому величию Adobe; и XD, как надежде на хотя бы частичное его возвращение, думаю, стоит его упомянуть. Кто работает в XD, можете дополнить меня в комментариях.

На данный момент он очень сырой, но выглядит, тем не менее, перспективно. И, может быть субъективно, но в плане взаимодействия — приятнее Фигмы (потому что больше похож на Скетч).

Всё это здорово, но...

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

Как быть с обработкой растровых изображений (ретушь, коррекция, сменить-фон-убрать-прыщи)?

Никак. Всему свои инструменты: для разработки интерфейсов — Sketch, Figma etc; для работы с растровыми изображениями — Фотошоп. Никого не смущает, что мы не обрабатываем фотографии с помощью HTML/CSS, к примеру, так почему должно смущать, что мы не делаем это с помощью Скетча?

Что делать, если заказчик панически боится любых исходников, не заканчивающихся на .psd?

Внедрение Sketch или Figma повышает качество и скорость работы, как со стороны дизайна, так и со стороны разработки.

Для работы с исходником не требуется установки, покупки, пиратства дополнительного софта. Файл .sketch выгружаем в Zeplin (бесплатный, есть веб-версия, есть аналоги); .fgm никуда не выгружаем — Figma сама по себе бесплатная и имеет веб-версию.

Может быть, не все люди пойдут на встречу, но это не повод обрекать себя на фотошоп-болото и отказываться от развития.

Разработчик отправит меня на х#й Как быть, если панически боится разработчик?

Прежде всего, это какой-то неправильный разработчик. В нашей сфере, если ты не развиваешься, то очень быстро оказываешься на обочине. По возможности избегайте этого.

Маловероятно, что такой вопрос в принципе возникнет. Как правило, преимущества Zeplin/Figma над psd-исходником, им (разработчикам) даже очевиднее, чем нам (дизайнерам) — достаточно минимальной демонстрации.

Спасибо!

Прогресс бар стал в виде меча) Приятная мелочь )

Обычно так:

И, бонусом, адрес