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

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

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

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

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

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

Safari на iPad

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Toggle кнопки

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

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

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

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

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

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

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

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

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

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

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

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

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