Новое в iOS 15 для дизайнеров (и не только)

Статья дополняется…

Привет, я Антон Легкий 👋 Работаю дизайнером в Skyeng. Веду свой телеграм канал и люблю изучать обновления в iOS и Android. Поэтому я решил написать пост с самыми заметными обновлениями, которые представили Apple на WWDC.

Какие-то штуки я могу просмотреть или не включить намеренно, поэтому, если боитесь пропустить что-то важное, изучите самостоятельно лекции, в которых ребята рассказывают о всех нововведениях (ссылки будут ниже). Поехали 🎢

Новый дизайн уведомлений

Увеличились иконки приложений и добавилась сводка уведомлений. В сводке собираются несрочные уведомления в наиболее удобное время, например, утром или вечером. Встроенные интеллектуальные функции позволяют упорядочить уведомления по приоритету и вывести в верхние строчки списка наиболее важные, с учётом того, с какими приложениями работает человек

Обновился дизайн Safari

📹 В iOS вся навигация находится снизу, а переключаться между вкладками можно по свайпу

Safari на iPad

Safari на macOS Monterey. Теперь вкладки можно группировать

Создания 3D моделей с помощью iPhone и iPad (object capture)

Можно сфотографировать любой объект и создать его 3D модель. Не нужен специальный софт или специалисты по 3D моделированию. Для этого Apple предоставили разработчикам новое Object Capture API. В зависимости от фотографии нужно сделать от 20 до 200 снимков

📹 Сначала нужно сфотографировать объект во всех сторон → фотографии обрабатываются алгоритмами → получается 3D модель

Раньше для создания 3D моделей их нужно было моделировать в специальных программах и нанимать специалистов для их производства. Многие не хотели заморачиваться и создавать свои модели. Apple демократизировала и упростила создание 3D моделей. Логично, что больше образовательных проектов, интернет-магазинов и музеев будут использовать 3D модели, ведь теперь для этого нужен только телефон или планшет.

Антон (автор статьи)

Обновления в Apple Store

Теперь можно делать несколько вариантов страниц приложений в Apple Store (custom product pages) и можно делать А/Б тесты иконок и скриншотов приложений (product page optimization)

Разные варианты страниц приложений

На разных страницах можно менять маркетинговые материалы: видео, скриншоты, текст. Для каждой страницы генерируется своя уникальная ссылка. Максимум можно создать 30 разных вариантов страниц.

Для каждой страницы доступна своя аналитика, также доступна аналитика по поведению разных категорий пользователей (в зависимости от того, какой дизайн страницы они видели) внутри приложений

А/Б тесты иконок и скриншотов

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

В тесте могут находится максимум 4 варианта (1 изначальный, 3 тестируемый). Изначальный вариант страницы будут видеть 70% всех пользователей, остальные 30% разделятся между тестируемыми вариантами

По разным сравниваемым вариантом иконок, скриншотов доступна аналитика

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

Антон (автор статьи)

Обновилась sheet (выезжающая панель)

📹 Теперь она может открываться на пол-экрана и на весь экран

Live text («Онлайн-текст»)

Добавилась новая функция «Онлайн-текст». Устройство распознает текст на фотографиях и позволяет скопировать его для работы с ним в дальнейшем. Можно найти снимок написанного от руки бабушкиного рецепта или сфотографировать номер телефона на двери магазина и позвонить по этому номеру.

📹 Из изображений можно выделить текст, перевести его или скопировать

📹 Можно заполнять текстовые поля с помощью камеры. Разработчики смогут добавить свою иконку или кнопку, по нажатию на которую откроется камера с распознаванием текста (стандартное поведение — двойное нажатие на текстовое поле)

Если разработчик не задаст подсказки для текстового поля (предложенные варианты текста над клавиатурой), тогда появится кнопка для распознавания текста через камеру

Хорошее обновление (этакий аналог Google Lens), теперь можно быстро позвонить по телефону, если вы сфотографировали его или перевести меню не выходя из стандартного интерфейса камеры. Но большего всего зацепила возможность заполнять тестовые поля с помощью камеры. Навел камеру на номер договора → в поле вставился номер, красота. Разработчики смогут без проблем поддержать эту функцию в своих приложениях.

Антон (автор статьи)

Добавили новые кнопки

Кнопки которые будут доступны

Текст можно писать в две строки. В кнопки можно добавлять иконки

Toggle кнопки

📹 Pop-up кнопка. По нажатию на нее появляется контекстное меню

SF Symbols

• Добавили 600 новых иконок и упростили имена иконкам

• Теперь у иконок 4х цветовых стиля. Можно назначать свои цвета (для multicolor иконок цвет нельзя поменять)

• Обновили шаблон для отрисовки собственных иконок (теперь вы можете не рисовать весь набор иконок для всех размеров) и добавили рекомендации по их отрисовке

Разное

📹 Вернули барабан для выбора времени и даты. Теперь можно вводить время, дату с клавиатуры

Теперь на iPad можно открывать страницы в новых окнах

📹 В macOS Monterey аватар засыпает, если вы ничего не делаете, и трясет головой, если вы ввели неправильный пароль

Какая милота с аватаром :-)

Антон (автор статьи)

📹 Обновился дизайн подменю

У разработчиков больше параметров для аналитики их приложений. Немного обновили дизайн App Store Connect

📹 В iOS 15 добавили полноценный drag&drop. Можно перетаскивать объекты между приложениями

Когда вы доскролили до конца страницы, то у toolbar и tabbar теперь не будет фона. Это позволит сфокусировать пользователя на контенте

У заголовков списков не будет фона (если они не закреплены в верхней части экрана). Добавились новые виды списков с разной группировкой контента внутри

Поменяли дизайн панели Apple Pay при оплате

Я буду обновлять эту статью по мере просмотра новых лекций и появления новых материалов 👌

Ссылки

0
14 комментариев
Написать комментарий...
Alesya Sarycheva

Спасибо, очень полезно. Больше всего понравилась функция drag & drop. Барабан имхо странно, что вернули. У меня он подглючивал, предыдущее решение со скроллом удобнее 🤷‍♀️

Ответить
Развернуть ветку
Николай Беликов

А я рад, что барабан вернули. Он очень удобный.

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Anton Lehki
Автор

Ответил ниже Алеся 🙂

Ответить
Развернуть ветку
Adil B.

drag&drop и дизайн нового contextual menu самое то. 
Барабан был очень удобным, хорошо что его вернули.

Ответить
Развернуть ветку
Эдуард Ровинский

Узнали?

Ответить
Развернуть ветку
Владислав Романов

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

Ответить
Развернуть ветку
Вадим Владов

Отлично

Ответить
Развернуть ветку
Anton Lehki
Автор

Спасиб Вадим 💗

Ответить
Развернуть ветку
Андрей Кораблин

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

Ответить
Развернуть ветку
Anton Lehki
Автор

Спасибо 💗
Drag & Drop кажется максимально логичным и вообще странно, что его не было раньше.

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

Ответить
Развернуть ветку
Глеб Жигулин

Классный обзор👍🏻
Хотелось бы еще какого-то мнения и способов применения.

Барабан убирали в изначальном виде, он и в 14.5 есть, просто упрощенный, я к нему такому уже привык. Единственное что неудобно было это раскрывающееся меню даты, но решилось с переходом на 12.

Интересно про эпл пэй, что зачем и как.

Сафари просто пушка!🔥 
Как же давно я хотел нормально используемое пространство и папки(интересно как они будут работать) сейчас можно их заменять закладками. 

Драг&дроп не самая удобная функция на телефоне. Фото можно копировать и вставлять почти по всей оси, так что по сути функция и была.

Лучше бы они сделали что-то с выделением текста. А то с уходом 3д тач работать с текстом одной рукой крайне неудобно, в общем-то даже невозможно.
(если говорить о работе в зоне клавиатуры)

Ответить
Развернуть ветку
Anton Lehki
Автор

«Хотелось бы еще какого-то мнения и способов применения»

Я пока пытаюсь осознать все изменения, но предложение очень хорошее, добавлю саморефлексии и кейсов от себя 💗  Спасибо Глеб  💗 

«Интересно про эпл пэй, что зачем и как.»

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

Ответить
Развернуть ветку
Marshmy Low

А кто нибудь может направить или подсказать что нибудь по поводу управления цветом заливки в месте, где вырез? Можно ли задать через css своё правило?

Ответить
Развернуть ветку
11 комментариев
Раскрывать всегда