Подписаться на блог
В Твиттере

Реплики и ссылки на заметки

В Фейсбуке

Ссылки на заметки

Вконтакте

Ссылки на заметки

В Телеграме

Ссылки на заметки

В Тумблере

Заметки целиком

В Же-же

Заметки целиком

По РСС

Заметки целиком

Если что-то из этого не работает, напишите мне: ilyabirman@ilyabirman.ru.

Айфон

Переворот в мобильном интерфейсе

Назрела необходимость переворота в мобильном интерфейсе.

Переворот в мобильном интерфейсе

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

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

Спрашивается: нафига ставить кнопки наверх, а потом придумывать костыли, если можно сразу их поставить снизу?

На Виндоус-фонах адресная строка браузера снизу:

Переворот в мобильном интерфейсе

Правда, там непонятно: на половине скриншотов всё-таки сверху. Эпл, когда сделаешь так же?

Интересно, что переворот уже коснулся приложения «Карты». Было-стало:

Переворот в телефонном интерфейсе

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

В Сейви (умный диктофон) мы тоже заморочились, чтобы важное прибивалось к низу. Пара промежуточных макетов:

Переворот в мобильном интерфейсе

Сначала управление записью жило наверху (слева). Потом плей переехал вниз (справа).

Но в итоге вообще весь интерфейс стал стремиться к низу:

Переворот в мобильном интерфейсе

В первый момент после переворота результат вам может не понравиться эстетически. Но наши представления о красоте в значительной степени формирует технический прогресс. Вся эволюция представлений о прекрасном имеет объективные причины. Мой любимый пример — рассказ Игоря Штанга о появлении швейцарского стиля в типографике из его курса.

Правило: в мобильных интерфейсах важные элементы управления ставьте вниз.

Поддельный интерфейс не катит

Это в первую очередь для студентов Школы стажёров, но вообще для всех.

Начинающие дизайнеры интерфейса порой рисуют подделки:

Вот что это за батарейка в ПВУ? Что за поле поиска такое невозможное? В нём всё не настоящее: размеры, углы, тень, расположение иконки и текста.

Или мишень в центре. Откуда она такая? Зачем?

Ещё и от самого телефона тень куда-то вбок падает.

Другой вариант:

Весь статусбар поддельный: не тот размер, не такие кружки, не тот шрифт, не та батарейка. Между статусбаром и тулбаром линейка, которой на настоящем Айфоне нет. В поле поиска тоже всё не настоящее, особенно стирающий крестик справа.

Тут сам телефон поддельный:

Откуда с правой стороны три фигулины торчат? Неужели трудно найти фотографию Айфона и вспомнить, с какой стороны у него что? Что творится с бликами по всему периметру?

Андроид:

В Андроиде я меньше понимаю, но шрифт точно поддельный, да ещё и порендерен чуть ли не на Виндоусе с «Клиртайпом». И поиск на Андроидах выглядит не так.

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

Ещё студентам:

Описания обновлений Альфа-банка для Айфона

Создатели некоторых приложений шутят в описаниях обновлений. Мало у кого это получается хорошо. Да что уж там, кроме Ситимэппера, смешные описания не умеет делать никто. Казалось бы, не умеешь — не берись? Что мешает просто перечислить, что изменилось? Но нет, надо пошутить.

Особое место среди шутников занимает Альфа-банк.

Описания обновления Альфа-банка для Айфона

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

Альфа-банк, не позорься, это же дичь запредельная.

5 марта   Айфон   идиоты

Что почитать на выходных — 146

Айфону 10 лет:

  1. Ten years of iPhone. Марко Армент: «I don’t expect it to be surpassed in my lifetime».
  2. The Moment of Awe. Дастин Кертис: «The moment of awe occurred when he placed his finger on the screen and flicked it upward».

А также:

  1. Кто здесь главный. Про ругань в дизайнерской среде.
  2. Why violin makers adopted the f-shaped hole.
  3. Павел Кац заказывает цветы. Интересная тема. Все же сейчас думают про разных умных чатботов. А ведь в чате могут быть просто живые люди.
  4. This Russian city says: «Don’t call us Siberia».

Спасибо спонсору рубрики — рассылке «Дизайнерский дайджест».

11 февраля   Айфон   дизайн   чтиво

10 лет Айфону

Трудно себе представить, насколько другим был мир ещё 10 лет и 1 день назад. Кадры исторической хроники:

Если вы вдруг не видели это, то стоит посмотреть, особенно первые минут 15. Даже если вы предпочитаете Андроид, посмотрите, хоть узнаете, откуда он взялся. Лучшая презентация Джобса, из-за которой «аналитики» оказывались «разочарованными» всеми последующими.

См. также: 5 лет Айфону (кажется, вообще вчера было).

9 января   Айфон   видео   Эпл
2016   Айфон   видео   реклама

Пожелания к ВВДЦ-2016

Значит, чего я хочу от Эпла завтра.

Хочу, чтобы они рассказывали о том, как всё, что уже есть, стало работать лучше, а не о том, сколько новой хрени они наворотили.

В Ай-ОСе 10 не хочу новых фич, хочу логики и последовательности в старых. Последние несколько релизов настолько беспорядочно добавляли разные функции в телефон, что сейчас там полный бардак, и меня это бесит. Я хочу, чтобы они сделали уборку. Особенно взрывают мозг два поиска, это просто же вообще ни в какие ворота не лезет. Но там такое явное отсутствие системного проектирование на каждом шагу.

По слухам, будет большое обновление Сири. АПИ, все дела. У меня главное пожелание к Сири: перестань, собака, вылезать, когда тебя не просят! Во-первых, иногда телефон даже на короткое нажатие кнопки хоум реагирует вызовом Сири, причём её после этого хрен закроешь, нужно раз восемь нажать хоум, чтобы она отвалилась. Во-вторых, она через раз вылезает при подключении блутусных наушников.

С Мак-ОСом — примерно так же. Хочу, чтобы починили всё то, что поломали за последние годы. Говорят, что систему переименуют в macOS (по аналогии с iOS, tvOS и watchOS). Это жопа. Надеюсь, что всё-таки врут.

А вот что касается железа, то я очень жду новых Макбуков. Последние слухи таковы, что хрен мне, а не новые Макбуки на ВВДЦ, но я не теряю надежды. Хочу лёгкую и тонкую 15-дюймовую ретиновую прошку.

2016   Айфон   Мак   Эпл

Айфон 6S плюс

Я всегда ржал над лопатофонами, а два месяца назад перешёл на Айфон 6S плюс и балдею.

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

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

Док для айфона 6S плюс

Самый главный прорыв — это 3Д-тач в клавиатуре, превращающий её в мышку. Если вы ещё не открыли эту функцию для себя, то она изменит вашу жизнь. Теперь я развёрнуто отвечаю на письма и редактирую большие документы прямо с телефона. Если нужно что-то переформулировать или поменять абзацы местами, то больше нет ощущения, что проще разбить телефон об асфальт. Берёшь и делаешь как ни в чём не бывало.

Это огромный плюс к свободе: теперь я могу поехать по любым делам и не думать, что я при этом выпал из работы. Программы «Гугль-док» и «Бейскемп», которые раньше стояли лишь на всякий случай, переехали из глубокой папки на домашний экран.

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

С такого большого экрана вполне комфортно читать книги — айпадом я больше вообще не пользуюсь. Я переживал, что меня будет парить, что на экране всё не попадает в пиксели (у него физическое и логическое разрешения не совпадают), но оказалось, что мне это совершенно пофигу.

Добавлено 20 января:
А ещё у этого телефона совершенно волшебный виброзвонок. Вот уж не думал, что буду кайфовать от ощущений виброзвонка. В предыдущих телефонах было неприятное ощущение расхлябанности: трясётся какая-то деталька внутри, а через это уже передаётся вибрация корпусу. И сам вибромотор у остальных телефонов слышно шумел. А тут весь телефон очень отчётливо вибрирует, но при этом делает это как цельный кусок железа, внутри ничего не болтается и звуков никаких не издаёт.

2015   Айфон

Дизайнеры, рисуйте клавиатуру на айфонах

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

Из обзора Айфона 6-эс Джона Грубера

Прочитал у Грубера обзор новых айфонов.

Самое крутое — вот это про 3Д-тач:

Trackpad Mode: Press on the keyboard and it turns into a trackpad. iPads running iOS 9 can trigger this trackpad mode, too, with a two-finger swipe on the keyboard. Doing it with a single finger on the iPhone, though, is a tremendous boon to text editing. This might be the single best new feature for text editing on the iPhone since the addition of selection and Copy/Paste in iOS 3 in 2009. In addition to moving the insertion point around, you can press again and switch to selection mode — like double-clicking the mouse button on a Mac. Trackpad mode is a once-you’ve-used-it-you-can’t-go-back addition to iOS.

По-моему, Эплы не показывали это на презентации, а между тем на айпаде режим трекпада, появившийся в ОС 9 — это суперкайф, я прям балдею. Если что-то подобное будет на айфоне, то, кажется, это сильно повысит удовольствие от работы с текстом на нём.

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

I find myself triggering the Quick Action menu inadvertently when I want to enter “jiggle mode” on the home screen, to either delete or move an app. Tap-and-wait long-pressing has always been a little frustrating to me. I don’t like to wait. I’m impatient. So when I go to move an app on the iPhone 6S, I press on it, and more often than not, I press hard enough to register as a 3D Touch. For apps that don’t have any Quick Actions (which is to say, as of this writing, all third-party apps), what happens next is that you get a wee bit of haptic feedback to let you know your press registered as a 3D Touch event, but that there are no Quick Actions for this app. It feels like two very quick gentle taps. This haptic feedback is very clever. There is no alert, and no sound. Just that little feedback that feels like the haptic equivalent of your phone telling you “Uh-uh”. But the experience is frustrating, because now it’s taking me even longer to enter jiggle mode: first, without thinking about what I’m doing, I accidentally trigger the “Uh-uh, no quick actions for this app” 3D Touch. Then I have to let go, purposefully tap-and-hold gently, and wait. I expect to get used to this over time, but at this point, 3D Touch and long-pressing feel like they’re at odds with each other.

Про то, что новая кликалка заменяет вибратор:

Speaking of the new Taptic Engine, it’s excellent. It doesn’t just provide for 3D Touch feedback, but it also serves as the vibrator for notifications. It is stronger, more noticeable, and in my opinion more pleasing than any previous iPhone vibrator. Back in 2011, Apple switched to a superior oscillating vibrator in the iPhone 4S (and the Verizon/CDMA iPhone 4). All previous iPhones used a cheaper rotational vibrator. The oscillating vibrator in the iPhone 4S was noticeably nicer. For whatever reason, Apple went back to a rotational vibrator in the iPhone 5, and stuck with it through the iPhone 6. The new taptic engine in the 6S feels as good or better than the old iPhone 4S vibrator. It’s just stronger and more pleasing.

Ещё про 3Д-тач:

The 3D Touch feedback is well-designed. Peeks feel gentle, pops feel stronger — sort of like a half tap and a full tap. When you press something in the interface that has only one level of 3D Touch (like the Quick Action menu on a home screen icon), you get the full-strength tap feedback, which is a way of letting you know, by feel, that there’s no reason to press harder. If you feel a peek, you know you can press hard to pop; if you feel a pop, you know you’re done. Once you get used to it, peek/pop is as intuitive as the shutter button on a camera, where you can press halfway to engage autofocus and set the exposure, and press the rest of the way to take a picture.

Нетерпится попробовать.

Про оптическую стабилизацию видео на 6-эс-плюс:

OIS for video reduces this jerkiness. And in my testing on the iPhone 6S Plus, the effect is dramatic. It’s a poor man’s Steadicam, built right into the iPhone 6S Plus. I say that this breaks my heart because, personally, I have no interest in owning the 6S Plus — I much prefer the pocketability and feel-in-hand of the 4.7-inch iPhone 6S. I could tell myself last year that the 6 Plus’s camera was only a wee bit better than the regular 6’s, and only under certain conditions. This year, OIS for video means the iPhone 6S Plus is capable of something the regular 6S is not: shooting smooth full-size videos while you walk around or pan the camera.

Вот видос, который показывает, насколько это круто.

Про выпуклость камеры:

Lastly, I can’t write about the camera without complaining that the bump for the lens is still there. I understand the physics and optics involved, but it bothers me every single day that I can feel that nubbin. The best argument for forgiving the camera bump is that a vast majority of iPhone owners use a case of some sort, and with a case, the camera bump is a non-issue. But for those of us who don’t use cases, and who appreciate Apple’s general attention to every little detail, it’s a very minor but daily irritation. My number one hope for next year is that Apple can continue to improve image quality while somehow getting rid of the bump.

Да. Это прям бесит.

Про тач-айди:

Apple is billing the new Touch ID sensor as «up to 2× faster». They’re underselling it. It’s so fast now that every single time I press it, it unlocks the phone, no matter how brief the contact is between my finger and the sensor. I can sit here and try to use the home button to get to the lock screen, and I can’t unless I purposefully only touch a small portion of the button or use an unregistered finger. It’s that fast. This actually takes some getting used it, if, like me, you sometimes use the home button just to get to the lock screen to check the date or time. With the new Touch ID sensor, the home button instantly unlocks the phone and I need to use the sleep/wake button to get to the lock screen.


Надо сказать, что на моём айфоне 5-эс тач-айди работает превосходно — именно так, как Джон описывает, рассказывая про 6-эс. Он глючил в начале, но вскоре после выпуска телефона вышел апдейт прошивки с пунктом «improves accuracy of Touch ID», и с тех пор у меня всё супер. Мне тоже приходится исхитряться, если я хочу нажать на хоум так, чтобы не разблокировать телефон, например, нажимать ногтем.

2015   Айфон   ссылки   цитаты
Ctrl + ↓ Ранее