Дайджест продуктового дизайна
53.3K subscribers
101 photos
18 videos
548 links
Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны и тренды с 2009 года. 250 000 читателей на vc, VK и других каналах.

Все выпуски — https://jvetrau.com/category/digest/
ВК — https://vk.com/pdigest

РЕКЛАМЫ НЕТ.
Download Telegram
Вчера анонсировали iOS 12https://www.apple.com/ios/ios-12-preview/. С точки зрения интерфейса изменений немного, основной упор сделан на повышение производительности (iOS 11 была одной из самых сырых и глючных). Причём её можно будет поставить на те же устройства, что работали с прошлой версией — пул доступных устройств получается шире.

Неплохие обзоры обновления сделали The Verge — https://www.theverge.com/2018/6/4/17417730/apple-ios-12-iphone-update-best-features-wwdc-2018 и Engadget — https://www.engadget.com/2018/06/04/apple-ios-12-update-wwdc-2018/. Какие визуальные и интерфейсные нюансы можно отметить:

1. iOS-приложения можно будет портировать для MacOShttps://www.engadget.com/2018/06/04/apple-ios-apps-mac-cross-platform-sort-of/. Пока это сделано для некоторых приложений Apple, со следующего года станет доступно сторонним разработчикам. Но это не объединение платформ, о чём мечтают многие.

2. Уведомления от приложений складываются в стопки — https://cdn.vox-cdn.com/thumbor/m_Y8ggxPlX7nqaMl6dXJxKHTDRA=/1600x0/filters:no_upscale()/cdn.vox-cdn.com/uploads/chorus_asset/file/11476969/groupednotif.gif
и https://www.engadget.com/2018/06/04/ios-12-grouped-notifications/.

3. Apple Books (бывший iBooks) использует шрифт с засечками для заголовковhttps://o.aolcdn.com/images/dims?resize=2000%2C2000%2Cshrink&image_uri=https%3A%2F%2Fs.blogcdn.com%2Fwww.engadget.com%2Fmedia%2F2018%2F06%2Fwwdc18-501.jpg&client=a1acac3e1b3290917d92&signature=36b48b85f9a0abf7890f06b46f3acf5ab0c7bd97 и https://www.engadget.com/2018/06/04/apple-books-replaces-ibooks-ios-12/. Палитра визуального языка становится ещё богаче.

4. Как и свежий Android, платформа будет помогать бороться с телефонной зависимостьюhttps://www.engadget.com/2018/06/04/ios-12-will-help-you-fight-your-phone-addiction/. Неплохой пример экрана с инфографикой оттуда — https://www.apple.com/ios/ios-12-preview/overview/screentime/image_large_2x.jpg.

5. Ещё один стиль кнопок в action sheetshttps://www.apple.com/ios/ios-12-preview/overview/notifications/image2_large_2x.jpg.

6. Apple, Adobe и Pixar продвигают единый стандарт файла для описания дополненной реальностиhttps://www.engadget.com/2018/06/04/apple-pixar-adobe-standardized-ar-file-format/.

7. Shortcuts, своя версия IFTTT на базе купленного продукта Workflow — можно создавать собственные операции для Siri, которые затрагивают несколько действий в разных приложениях — https://www.theverge.com/2018/6/4/17414648/siri-update-new-features-apple-wwdc-2018.

8. Автоподстановка кодов подтверждения, которая поможет мобильным банкам.

9. Умельцы раскопали намёк на тёмную темуhttps://developer.apple.com/documentation/uikit/uiuserinterfacestyle?changes=latest_minor. Она появится в новом MacOS, в iOS была в некоторых приложениях (например, будильник).

Короче, для дизайнеров новостей мало, получился скорее релиз про полировку и оптимизацию. Полный список изменений — https://www.apple.com/ios/ios-12-preview/features/. iOS 12 будет доступна в сентябре, но уже сейчас можно поставить бета-версиюhttps://beta.apple.com/sp/betaprogram/.

#ios #mobile
Ежегодная конференция WWDC приносит свежий iOS и какие-нибудь нежданчики для дизайнеров интерфейсов, делающих модные приложения. В этот раз приехало со стороны со стороны планшетов.

iPadOS
Поскольку разумного подхода с единой операционкой для компьютеров и планшетов от Apple ждать не приходится, продолжается ползучая миграция планшетов в сторону полноценности (с попутным отказом от многих мантр концепции «Post-PC»). В этом году iOS выделили в отдельную ветку iPadOS. Что интересного произошло с интерфейсом:

1. Более серьёзная работа с файловой системой после всех тех баек о ненужности этой «устаревшей концепции». Есть даже свои флешки — через адаптер можно подключить SD-карточку.

2. Приложения можно запускать несколько раз (они будут во вкладках).

3. Стартовый экран теперь с виджетами, а сетка иконок приложений плотнее.

4. Более лучшее переключение между приложениями.

5. Простые жесты для копирования и вставки, а также отмены при редактировании документов.

6. Можно ставить шрифты (судя по описанию, через AppStore).

7. Постепенно работают над браузером, который был очень далёк от современных возможностей на десктопе. Уже хвалятся работой Google Docs, так что наверняка сможет Figma и грядущий Sketch для браузера.


8. iPad может стать вторым экраном для ноутбука или компьютера. Можно также управлять компьютером с планшета.

Обзор обновлений для разработчиков и дизайнеров.

iOS 13
Особых обновлений интерфейса нет (снова фокус на ускорение работы и уменьшение размера приложений), но:

1. Тёмная тема оформления, как и в любом чайнике в 2019 году. Гайдлайны.

2. Новый паттерн фильтра в фотографиях и расширенный редактор во встроенной почте.

3. Авторизация в сторонних сервисах через учётную запись Apple. Позволяет войти через отпечаток пальца или распознавание лица, ну и поможет спрятать почту от спамеров.

4. Быстрый набор на клавиатуре через свайпы — всего-то с отставанием почти на десять лет от Android.

5. Управление голосом для пользователей с ограниченными возможностями теперь покрывает, кажется, вообще все возможные сценарии использования.

Обзор обновлений для разработчиков и дизайнеров. А ещё появились шрифт New York и библиотека иконок с вариативной толщиной линий.

Ещё из полезных инструментов — фреймворк SwiftUI для любых ОС от Apple, который сильно упрощает сборку интерфейса. Так, что это могут делать дизайнеры — можно набросать элементы на экран и потом корректировать код. К нему идут пошаговые уроки, а вездесущий Meng To запустит курс осенью.

Ну и традиционное награждение лучших по дизайну приложений.

watchOS 6
Часы развиваются как инструмент для мониторинга здоровья. Теперь у них есть свой магазин приложений, не требующий телефона.

Другие околоинтерфейсные анонсы
Project Catalyst (анонсированный ранее как Marzipan), который позволяет портировать iPad-приложения на Mac, уже доступен разработчикам. Например, Twitter быстро запилили приложение.

Редизайн CarPlay. Разделение экрана для двух приложений, так что не придётся переключаться с карт на музыку, плюс контекстные подсказки приложений.

Обновлённый Apple TV может работать с контроллерами Xbox и PlayStation.

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

Были анонсы железок, но это уже из разряда общетехнологических обзоров, а мне интересно влияние показанного на работу дизайнера интерфейсов. Хотя осенняя презентация может привезти интересные новости, касающиеся новых форм-факторов, способов управления и экранных инноваций, так что история ещё не закончена.

#ios #trends #events
Вчера Apple показали iOS 14 на WWDC 2020, которая, как и всё остальное в этом году, прошла в онлайне. Традиционно подсветил обновления, которые касаются дизайнеров интерфейсов:

iOS 14:

1. Виджеты на главном экране. Теперь, как и на Android, его легко замусорить. Давний закон гласит: 95% пользователей не настраивают интерфейс (и редко меняют предустановленные производителями устройств настройки). Гайдлайны.

2. Siri не перекрывает экран, а показывает фирменный абстрактный знак внизу и плашку с результатом вверху.

3. Звонки также не перекрывают экран, а показываются в виде плашки вверху.

4. Мини-версии сайтов и приложений без установки по QR-коду или NFC. Предполагает помощь в простых действиях вроде зачисления баллов в программе лояльности кофейни, где лень ставить приложение. Правда, это работает только со своим форматом QR-кодов, а значит вряд ли получит нормальный охват. Гайдлайны.

5. Наглядная информация о собираемых приложением данных (примерно как пищевая ценность продукта).

6. Открытие машины с телефона, которое постепенно поддержат крупные автопроизводители.

7. Режим «картинка в картинке», позволяющий свернуть любое видео до маленького размера и перемещаться между приложениями.

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

9. Экран умного дома лучше показывает текущий статус устройств.

iPadOS 14:

1. Постоянная боковая панель навигации, что ещё ближе к десктопным приложениям.

2. Универсальный поиск в духе spotlight.

3. Распознавание рукописного текста и фигур.

watchOS 7:

Позволяет комбинировать информацию из нескольких приложений на экране. Развитие возможностей отслеживания здоровья и помощи в занятиях спортом. Из актуальной повестки: смотрит, насколько эффективно моете руки.

macOS:

Обновление интерфейса, делающее его ещё немного визуально ближе к iOS.

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

Бета-версии уже можно поставить, а финальные выйдут, как обычно, в сентябре. Это чутка поинтереснее и полезнее Android 11, который запинали под ковёр.

#ios #trends #events
Apple показали iOS15. Это итеративное улучшение на базе текущего дизайна — фокус скорее на возможностях ключевых приложений. Что можно подсмотреть в интерфейсе для своих задач:

— Переработанная панель навигации в Safari — это плавающая панель с адресом сайта и списком вкладок вместо стандартного tab bar. В браузере также появились расширения.

В уведомлениях показывается фото контакта, а не просто иконка приложения. Они также собираются в мини-дайджест (например, утром).

Новый вид стопок фото в мессенджере. А также индикатор фото, ссылок, музыки и другого контента, которым поделились в мессенджере.

В фотографиях распознаётся текст — его можно скопировать, а по телефону в объявлениях на улице — позвонить. Всё это также можно перевести на другой язык (пока у них ограниченный набор). Камера распознаёт и суть объектов — например, даст справку о достопримечательности или картине.

— В приложении Здоровье появился необычный список контактов с интересным представлением аватаров (градиентный фон под ними).

— Фокусный режим, который выключает часть уведомлений и показывает статус в мессенджере.

Новый вид карт, включая навигацию в 3D и дополненной реальности.

Развёрнутые детальные результаты поиска.

Редизайн приложения Погода. Добавились декоративные карточки.

iPadOS

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

Ноутбук и планшет смогут управляться с одной клавиатуры и мыши, они автоматически связываются друг с другом через Universal Control. Например, можно перетащить картинку с планшета на компьютер.

— При подключении клавиатуры приложение показывает горячие клавиши.

Виджеты добрались и до планшета. Как и автокаталог приложений.

Песочница для создания приложений на Swift.

Что нового в MacOS Monterey.

Что нового в watchOS8.

Интерфейс развивается органично, так что пока обошлось без революций. Бета-версия должна появиться в июле, а финальная станет доступна на осенней презентации.

#ios #trends #events
Вчера прошла ежегодная WWDC, выставка новых операционок Apple. Как и месяц назад в Android 13, интерфейсных обновлений особо нет, в основном развитие самой оболочки и ключевых приложений. Но два раза пропускать анонсы грешно, так что подсвечу хотя бы это:
 
iOS 16
Экран блокировки можно настраивать стилистически (серия обоев и шрифт), а также добавлять виджеты. Уведомления теперь показываются внизу, в схлопнутом виде — это усложняет их беглый просмотр.
 
— Можно вырезать объект на фотографии в стандартной галерее и вставить его из буфера в другое приложение. А ещё — скопировать текст из видео.
 
Помощь при открытии двери для слабовидящих — показывает, насколько она далеко, как её открыть, какой номер и надписи.
 
Популярный сервис рассрочки встроен в Apple Pay, плюс расширяются возможности кошелька.
 
Центр безопасности и приватности помогает контролировать все доступы и разрешения в одном месте.
 
— Объявили финалистов Apple Design Awards — https://developer.apple.com/design/awards/
 
iPadOS 16
Развитие многозадачности: окна могут наслаиваться, как в обычной десктопной ОС. Можно также подключить внешний монитор как дополнительный рабочий стол.
 
Доска Freeform для совместной работы при групповом звонке в FaceTime. Можно писать заметки, рисовать и вставлять контент из буфера — первый шаг к собственному FigJam.
 
CarPlay
— Более тесная интеграция в интерфейс машины.
 
watchOS 9
— Развитие функций отслеживания здоровья и обновления ключевых приложений.
 
Помимо реально крутых интерфейсных решений Apple регулярно выдаёт порцию костыльного невменько. На этот раз — iPhone как замена слабой веб-камеры Макбука.
 
Бета-версии появятся в июле. Возможно, в следующем году будет что-то и для дизайнеров интерфейсов. Хотя продуктовым командам облегчение — меньше ежегодной подгонки приложений.
 
#ios #trends #events
В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Лёгкое дежавю из такого же поста прошлого года: как и месяц назад в Android 14, интерфейсных обновлений особо нет, в основном развитие самой оболочки и ключевых приложений. Зато количество мемов про очки Vision Pro перебило всю новостную повестку. Если выделять какие-то вещи, то вот что:
 
——
VISIONOS
Очки виртуально-дополненной реальности Vision Pro работают на новой ветке операционных систем. Она относительно преемственна остальным — те же иконки приложений, аналогичные стандартные компоновки типа браузера и компоненты типа вкладок. Сами приложения могут иметь одно или несколько окон, глубину в 3D и своё пространство.
 
— Очки непрозрачные, но могут работать как в режиме дополненной, так и полностью виртуальной реальности (ну и показать ваши глаза на внешнем экране).
 
— Управление жестами (без специального контроллера), голосом и взглядом. Также авторизация по зрачку, включая Apple Pay. И отслеживание движений головы.
 
— 3D-камеры для картирования окружающей среды.
 
Кое что по созданию приложений для visionOS уже можно почитать и посмотреть:
Ранняя документация для разработчиков
Видео выступлений
Интервью с первыми попробовавшими компаниями.
 
Коммерческая успешность под большим вопросом — только большие проекты типа Microsoft HoloLens, Google Glass / Cardboard / Daydream, Magic Leap или Meta остались нишевыми B2B-шными, а то и вовсе похоронили миллиарды инвестиций, не считая десятков менее известных. Но в плане мультиплатформенной дизайн-системы пример очень интересный. Профессия точно обогатится интересным опытом и наработками в этом плане.
 
——
IOS17:
1. Появился режим стенда с крупным ландшафтным представлением приложений
 
2. В библиотеке иконок SF Symbols теперь есть анимация
 
3. Виджеты стали интерактивными — например, можно включать приборы умного дома или выполнять задачи из напоминалок
 
4. Интересные стилистические приёмы:
Всплывающее меню приложений для iMessage
Настраиваемый экран звонка для конкретных контактов
Отслеживание ментального здоровья
 
5. Airdrop позволяет передавать данные и контакты при прикосновении устройств
 
6. Предлагает дописать текст по нажатию на пробел в духе Gmail.
 
7. Упрощается подключение к гостиничным телевизорам через AirPlay с помощью QR-кода
 
8. Live Speech сможет говорить вашим голосом, если немного потренировать его

Немного полезных материалов и видео для дизайнеров:
— Официальные шаблоны iOS 17 и iPadOS 17 для Figma от Apple. Они наконец-то пришли в сообщество
Единый подход к обучению в приложении TipKit
Live activities
Быстрый вход в разделы приложения через поиск в spotlight
 
Победители Apple Design Awards этого года.
 
——
IPADOS17:
1. Виджеты на экране блокировки
 
2. Можно реагировать с помощью жестов на звонках FaceTime
 
——
WATCHOS10:
1. Редизайн ключевых приложений
 
2. Прокручиваемая стопка виджетов

—— 
MACOS SONOMA:
1. Общие виджеты с iPhone
 
2. Любые приложения для созвонов могут накладывать вырезанную фигуру говорящего на презентацию
 
3. Можно поделиться любым файлом прямо в любое приложение для созвонов — хорошее соответствие стандарту удалённой работы
 
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в июле.
 
#ios #trends #events
В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Интерфейсных обновлений особо нет, в основном развитие самой оболочки и ключевых приложений. Если выделять какие-то вещи, то вот что:

iOS 18
ИИ-платформа Apple Intelligence на базе OpenAI, включая сам ChatGPT. Можно будет переписывать, вычитывать или суммировать тексты в любых приложениях; генерировать изображения в виде скетчей, иллюстраций и анимации (но без фотореалистичных). Искать по фото и в браузере. Правда, работать это будет только на самых свежих моделях iPhone.

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

В будущем они могут добавить выбор языковой модели — например, Google Gemini.

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

В контрольном центре можно добавить кнопки от сторонних приложений (и вынести конкретные кнопки в нижних углах экрана блокировки).

В сообщениях можно будет сгенерировать эмоджи (Genmoji) под текст сообщения. Поддержка стандарта RCS, который потенциально позволит полноценно переписываться с пользователями Android в iMessage.

Сделали редизайн стандартных приложений фото и здоровье. Запустили отдельное приложение для паролей.

Можно будет перевести деньги через просто касание другого устройства Apple.

Появилась запись и расшифровка телефонных разговоров.

Дополнительная поддержка accessibility. Управление взглядом, голосовые "горячие клавиши", борьба с укачиванием при работе с телефоном в машине. Можно не говорить, а писать сообщения Siri.

В плане безопасности: вход в конкретные приложения только по FaceID или пин-коду, а также отдельные закрытые папки приложений.

AirPods смогут распознать, что вы качнули головой «да» или «нет».

Отдельный игровой режим, в котором фоновые приложения меньше отсвечивают.

Apple ID переименовали в Apple Account.

iPadOS 18
Во-первых, аналогичные возможности Apple Intelligence, дикой настройки главного экрана и т.п.

Во-вторых, наконец-то появится калькулятор. Причём не зря ждали — может распознавать и считать рукописные формулы.

Улучшает качество рукописного текста и может написать им любой текст.

Вкладки внутри приложения могут быть полупрозрачными поверх контента.

watchOS 11
Много обновлений в конкретных способах отслеживания здоровья и развитие ленты виджетов Smart Stack. Отдельное приложение-переводчик.

Прокрутка экрана без касания пальцами — просто по двойному нажатию большого и указательного.

macOS Sequoia:
Можно управлять телефоном с компьютера, перетаскивать объекты между устройствами, получать уведомления с телефона на компьютере.

Быстрая расстановка приложений на экране как в Windows.

Замена фона в звонках на уровне ОС, т.е. в любом приложении.

visionOS 2
Фото с «глубиной» — при повороте головы видно что там за краями. Редактирование пространственных видео в Final Cut Pro

Развитие системы жестов — быстрый возврат на главный экран, вызов панели управления, уведомлений и статуса батареи / времени.

Виртуальный монитор Mac Virtual Display, сопоставимый с двумя 4K-мониторами.

Можно передавать изображение с устройств Vision через AirPlay.

Само устройство начнут продавать вне США.

tvOS 18
Функция InSight показывает информацию об актёрах прямо во время просмотра.

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

#ios #trends #events