Подписка на блог

РСС — лучше всего

Ещё есть автоматические трансляции в Тумблере и Же-же. Если что-то не работает, напишите мне: ilyabirman@ilyabirman.ru.

Айфон

Прицеливалка в мобильном веб-инспекторе

Вы, наверное, знаете, что если в Сафари зайти в меню Develop, когда к компьютеру подключен Айфон, то там можно открыть веб-инспектор для любой вкладки, открытой в мобильном Сафари:

Прицеливалка в мобильном веб-инспекторе

Когда наводишь на что-то в веб-инспекторе —

Прицеливалка в мобильном веб-инспекторе

Оно даже честно подсвечивается на телефоне как в обычном окне Сафари:

Прицеливалка в мобильном веб-инспекторе

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

Прицеливалка в мобильном веб-инспекторе

Если на неё нажать (Шифт-Комманд-C), потом можно кликнуть в нужный элемент на самой странице, и тогда в инспекторе покажут именно его.

Кто бы мог подумать, что это работает и в мобильном Сафари? Нужно нажать на прицел на компьютере, а потом тапнуть пальцем в нужный элемент на телефоне — и он выделится в дереве в веб-инспекторе на компьютере!

5 июля   Айфон   веб-разработка   лайфхак   Сафари

Долина монументов 2

На ВВДЦ вышла новая «Долина монументов» — это самая прекрасная компьютерная игра в мире. Я её прошёл и наскриншотил по пути:

Долина монументов 2

Но картинки показывают только небольшую часть красоты. Во-первых, там всё живое, а во-вторых — там настолько же чудесный звук. Установите и поиграйте!

11 июня   Айфон   дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Андроид:

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

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

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

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

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

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

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

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

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

2017   Айфон   идиоты

Что почитать на выходных — 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».

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

2017   Айфон   дизайн   чтиво

10 лет Айфону

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

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

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

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

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

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

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

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

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

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

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

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

Айфон 6S плюс

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

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

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

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

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

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

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

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

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

2015   Айфон
Ранее Ctrl + ↓