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

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

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

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

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

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

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

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

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

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

Safari на iPad

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

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

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

Создания 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)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Toggle кнопки

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

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

SF Symbols

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

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

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

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

Разное

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ссылки

5252
14 комментариев

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

7
Ответить

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

9
Ответить

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

5
Ответить

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

1
Ответить

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

3
Ответить

Узнали?

3
Ответить

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

Ответить