UXPUB

UXPUB - спільнота з 4,706 дизайнерів та креативних фахівців

Місце для обміну досвідом та дискусій навколо індустрії

Зареєструватися Увійти
Cover image for Дизайн під різні платформи Apple
Редакція
Редакція

Опубліковано

Дизайн під різні платформи Apple

Створюйте програми чи ігри, які будуть природними на кожній платформі, яку ви підтримуєте.


Дизайн для iOS

Люди покладаються на свій iPhone, який допомагає їм залишатися на зв’язку, грати в ігри, переглядати медіафайли, виконувати задачі та відстежувати особисті дані в будь-якому місці та в дорозі.
Дизайн для iOS

Коли ви починаєте розробляти свою програму чи гру для iOS, почніть із розуміння наступних основних характеристик пристрою та шаблонів, які відрізняють роботу iOS. Використання цих характеристик і шаблонів для обґрунтування ваших дизайнерських рішень може допомогти вам створити програму чи гру, які оцінять користувачі iPhone.

Дисплей. iPhone має дисплей середнього розміру з високою роздільною здатністю.

Ергономіка. Люди зазвичай тримають свій iPhone в одній або обох руках, коли вони взаємодіють з ним, перемикаючись між альбомною та портретною орієнтаціями за потреби. Коли люди взаємодіють із пристроєм, їхня відстань для перегляду становить не більше одного-двох футів.

Введення даних. Жести Multi-Touch, екранні клавіатури та голосове керування дозволяють людям виконувати дії та виконувати важливі завдання, коли вони в дорозі. Крім того, люди часто хочуть, щоб програми використовували їхнє місцезнаходження та дані від акселерометра та гіроскопа пристрою, і вони також можуть брати участь у просторовій взаємодії.

Взаємодія з програмою. Іноді люди витрачають лише одну-дві хвилини, перевіряючи оновлення подій чи соціальних мереж, відстежуючи дані чи надсилаючи повідомлення. В інший час люди можуть витратити годину чи більше на перегляд веб-сторінок, ігри чи перегляд медіа. У людей зазвичай відкрито кілька програм одночасно, і вони цінують часте перемикання між ними.

Особливості системи. iOS надає кілька функцій, які допомагають людям взаємодіяти з системою та їхніми програмами звичним і узгодженим способом.

  • Віджети (Widgets)
  • Швидкі дії на головному екрані (Quick actions)
  • Пошук Spotlight
  • Ярлики (Shortcuts)
  • Перегляди активності (Activity views)

Кращі практики дизайну для iOS

Чудова робота з iPhone об’єднує платформу та можливості пристрою, які люди цінують найбільше. Щоб ваш дизайн почувався природньо в iOS, визначте пріоритетність наведених нижче способів використання цих функцій і можливостей.

  • Допоможіть людям зосередитися на основних завданнях і вмісті, обмеживши кількість елементів керування на екрані, водночас зробивши другорядні деталі та дії доступними за мінімальної взаємодії.
  • Плавно адаптуйтеся до змін зовнішнього вигляду, таких як орієнтація пристрою, темний режим і динамічний тип, дозволяючи людям вибирати конфігурації, які їм найкраще підходять.
  • Увімкніть взаємодію, яка підтримує те, як люди зазвичай тримають свій пристрій. Наприклад, людям, як правило, легше та зручніше діставатися до елемента керування, якщо він розташований у середній чи нижній частині дисплея, тому особливо важливо дозволити людям проводити пальцем, щоб повернутися назад або розпочати дії в рядку списку.
  • З дозволу людей інтегруйте інформацію, доступну через можливості платформи, таким чином, щоб покращити досвід, не вимагаючи від людей введення даних. Наприклад, ви можете приймати платежі, забезпечувати безпеку за допомогою біометричної автентифікації або пропонувати функції, які використовують місцезнаходження пристрою.

Дизайн для iPadOS

Люди цінують потужність, мобільність і гнучкість iPad, коли вони насолоджуються медіа, грають в ігри, виконують детальні задачі продуктивності та втілюють свої творіння в життя.

Дизайн для iPadOS

Починаючи розробляти свою програму чи гру для iPad, почніть із розуміння наступних основних характеристик пристрою та шаблонів, які відрізняють iPadOS. Використання цих характеристик і шаблонів для обґрунтування ваших дизайнерських рішень може допомогти вам створити програму чи гру, які оцінять користувачі iPad.

Дисплей. iPad має великий дисплей із високою роздільною здатністю.

Ергономіка. Люди часто тримають свій iPad під час використання, але вони також можуть поставити його на поверхню або поставити на підставку. Розташування пристрою різними способами може змінити відстань перегляду, хоча люди зазвичай знаходяться в межах приблизно 3 футів від пристрою, коли вони з ним взаємодіють.

Введення даних. Люди можуть взаємодіяти з iPad за допомогою жестів Multi-Touch і екранної клавіатури , підключеної клавіатури або вказівного пристрою , Apple Pencil або голосу , і вони часто поєднують кілька режимів введення.

Взаємодія з програмою. Іноді люди виконують кілька швидких дій на своєму iPad. В інший час вони проводять години, занурені в ігри, медіа, створення контенту або продуктивні завдання. У людей часто відкрито кілька програм одночасно, і вони цінують перегляд кількох програм на екрані одночасно та використання можливостей між програмами, як-от перетягування.

Особливості системи. iPadOS надає кілька функцій, які допомагають людям взаємодіяти з системою та їхніми програмами звичним і узгодженим способом.

  • Багатозадачність (Multitasking)
  • Віджети (Widgets)
  • Перетягування (Drag and drop)

Кращі практики дизайну для iPadOS

Чудові можливості iPad об’єднують платформу та можливості пристрою, які люди цінують найбільше. Щоб ваш досвід почувався як вдома в iPadOS, визначте пріоритетність наведених нижче способів використання цих функцій і можливостей.

  • Скористайтеся перевагами великого дисплея, щоб підняти вміст, який цікавить людей, мінімізуючи модальні інтерфейси та повноекранні переходи, а також розташувавши елементи керування на екрані так, щоб вони були легко доступними, але не заважали.
  • Використовуйте відстань перегляду та режим введення, щоб допомогти вам визначити розмір і щільність відображуваного на екрані вмісту.
  • Дозвольте людям використовувати жести Multi-Touch, фізичну клавіатуру чи трекпад або Apple Pencil, а також подумайте про ввімкнення унікальних взаємодій, які поєднують кілька режимів введення.
  • Плавно адаптуйтеся до змін зовнішнього вигляду, таких як орієнтація пристрою, режими багатозадачності, темний режим і динамічний тип, і легко переходьте до роботи в macOS, дозволяючи людям вибирати конфігурації, які їм найкраще підходять.

Дизайн для macOS

Люди покладаються на потужність, місткість і гнучкість Mac, коли вони виконують глибокі задачі продуктивності, переглядають медіа чи вміст і грають в ігри, часто використовуючи кілька програм одночасно.

Дизайн для macOS

Починаючи розробляти програму чи гру для macOS, почніть із розуміння основних характеристик і шаблонів пристроїв, які відрізняють роботу macOS. Використання цих характеристик і шаблонів для прийняття рішень щодо дизайну може допомогти вам створити програму чи гру, які оцінять користувачі Mac.

Дисплей. Mac зазвичай має великий дисплей із високою роздільною здатністю, і люди можуть розширити свій робочий простір, підключивши додаткові дисплеї, зокрема iPad.

Ергономіка. Зазвичай люди користуються Mac, коли вони нерухомі, часто кладуть пристрій на стіл або стіл. У типовому випадку використання відстань перегляду може коливатися від 1 до 3 футів.

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

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

Особливості системи. macOS надає кілька функцій, які допомагають людям взаємодіяти з системою та їхніми програмами звичним узгодженим способом.

  • Рядок меню (The menu bar)
  • Шукач (Finder)
  • Контроль місії (Mission Control)
  • Док (Dock)

Кращі практики дизайну для iPadOS

Чудовий досвід Mac об’єднує можливості платформи та пристрою, які люди цінують найбільше. Щоб ваш дизайн почувався природньо в macOS, визначте пріоритетність наведених нижче способів використання цих функцій і можливостей.

  • Використовуйте великі дисплеї, щоб представити більше вмісту на меншій кількості вкладених рівнів і з меншою потребою в модальності, зберігаючи при цьому зручну щільність інформації, яка не змушує людей напружуватися для перегляду потрібного їм вмісту.
  • Дозвольте людям змінювати розмір, приховувати, показувати та переміщувати ваші вікна відповідно до їх стилю роботи та конфігурації пристрою, а також підтримуйте повноекранний режим, щоб допомогти людям зосередитися в контексті без відволікань.
  • Використовуйте рядок меню, щоб надати людям легкий доступ до всіх команд, необхідних для виконання завдань у вашій програмі.
  • Допоможіть людям скористатися перевагами високоточних режимів введення для ідеального виділення та редагування пікселів.
  • Підтримуйте комбінації клавіш, щоб допомогти людям прискорити дії та підтримувати стилі роботи лише з клавіатурою.
  • Увімкніть персоналізацію, дозволяючи людям налаштовувати панелі інструментів, налаштовувати вікна для відображення подання, які вони найчастіше використовують, і вибирати кольори та шрифти, які вони хочуть бачити в інтерфейсі.

Дизайн для tvOS

Люди насолоджуються яскравим вмістом, захоплюючим досвідом і оптимізованою взаємодією, які tvOS забезпечує в медіа та іграх, а також у фітнес, освітніх і домашніх додатках.

Дизайн для tvOS

Коли ви починаєте розробляти свою програму чи гру для tvOS, почніть із розуміння наступних основних характеристик пристроїв і шаблонів, які відрізняють роботу tvOS. Використання цих характеристик і шаблонів для прийняття рішень щодо дизайну може допомогти вам створити програму чи гру, які оцінять користувачі tvOS.

Дисплей. Зазвичай телевізор має дуже великий дисплей із високою роздільною здатністю.

Ергономіка. Хоча люди зазвичай залишаються на відстані багатьох футів від стаціонарного телевізора (часто на відстані 8 футів або більше), іноді вони продовжують взаємодіяти з вмістом, пересуваючись кімнатою.

Введення даних. Люди використовують пульт дистанційного керування, ігровий контролер або голос для взаємодії з програмами та системою.

Взаємодія з програмою. Люди можуть глибоко зануритися в один досвід, який часто триває кілька годин, але вони також цінують використання режиму «картинка в картинці», щоб одночасно стежити за альтернативною програмою чи відео.

Особливості системи. Користувачі Apple TV очікують, що їхні програми та ігри добре інтегруватимуться з наведеними нижче системними можливостями.

  • ТБ додаток (TV app)
  • SharePlay (SharePlay)
  • Верхня полиця (Top Shelf)
  • Автентифікація телепровайдера (TV Provider Authentication)

Кращі практики дизайну для tvOS

Чудовий досвід tvOS об’єднує платформу та можливості пристрою, які люди цінують найбільше. Щоб ваш досвід почувався природньо в tvOS, визначте пріоритетність наведених нижче способів використання цих функцій і можливостей.

  • Увімкніть потужну, чудову взаємодію за допомогою плавних, знайомих жестів, які люди роблять за допомогою Siri Remote.
  • Скористайтеся системою фокусування tvOS, дозволяючи їй м’яко виділяти та розширювати елементи на екрані, коли люди рухаються між ними, допомагаючи їм знати, що робити та де вони знаходяться в будь-який час.
  • Створюйте прекрасні художні твори від краю до краю, тонку та плавну анімацію та захоплюючий звук, огортаючи людей насиченим кінематографічним враженням, яке є чітким, розбірливим і захоплюючим з усієї кімнати.
  • Зробіть спільний досвід безперебійним, витончено реагуючи, коли глядач може бути іншою людиною кожного разу, коли запускається ваша програма чи гра.

Дизайн для watchOS

Коли люди дивляться на Apple Watch, вони знають, що можуть отримати доступ до важливої ​​інформації та виконувати прості, своєчасні завдання, незалежно від того, стоять вони на місці чи в русі.

Розробка для watchOS

Коли ви починаєте розробляти свою програму для Apple Watch, почніть із розуміння наступних основних характеристик пристрою та шаблонів, які відрізняють роботу watchOS. Використання цих характеристик і шаблонів для обґрунтування ваших дизайнерських рішень може допомогти вам створити програму, яку оцінять користувачі Apple Watch.

Дисплей. Маленький дисплей Apple Watch поміщається на зап’ясті, забезпечуючи легке читання та високу роздільну здатність.

Ергономіка. Оскільки люди носять Apple Watch, вони зазвичай знаходяться не далі ніж у футі від дисплея, коли піднімають зап’ястя, щоб побачити його, і використовують протилежну руку, щоб взаємодіяти з пристроєм. Крім того, дисплей Always On дозволяє людям переглядати інформацію на циферблаті, коли вони опускають зап’ястя.

Введення даних. Використання стандартних жестів Multi-Touch, як-от торкання, проведення пальцем і перетягування, дозволяє людям керувати процесом, навіть коли вони в русі. Обертання Digital Crown надає додаткової точності та зворотного зв’язку інтерфейсам прокручування, а використання ярликів Siri може допомогти людям швидко та легко виконувати рутинні завдання. Люди також цінують переваги даних, які можуть надавати такі функції пристрою, як GPS, датчики кисню в крові та функції серця, висотомір, акселерометр і гіроскоп.

Взаємодія з програмою. Люди часто дивляться на дисплей Always On багато разів протягом дня, виконуючи зосереджену взаємодію з програмою, яка може тривати менше хвилини кожна. Люди часто використовують пов’язані з додатком watchOS функції, як-от ускладнення, сповіщення та взаємодія Siri, більше, ніж саму програму.

Особливості системи. watchOS надає кілька функцій, які допомагають людям взаємодіяти з системою та їхніми програмами звичним і узгодженим способом.

  • Ускладнення (Complications)
  • Сповіщення (Notifications)
  • Завжди (Always On)
  • Обличчя (Faces)

Кращі практики дизайну для watchOS

Чудовий досвід Apple Watch об’єднує платформу та можливості пристрою, які люди цінують найбільше. Щоб ви відчували себе як вдома в watchOS, визначте пріоритетність наведених нижче способів використання цих функцій і можливостей.

  • Увімкніть швидку, зрозумілу взаємодію, яка стисло надає важливу інформацію та допомагає людям виконувати цілеспрямовані дії одним або двома простими жестами.
  • Персоналізуйте досвід, завчасно передбачаючи потреби людей і використовуючи дані на пристрої, щоб надавати дієвий вміст, актуальний зараз або дуже скоро.
  • Використовуйте ускладнення, щоб надавати релевантні, потенційно динамічні дані та графіку прямо на циферблаті, де люди можуть бачити їх під час кожного підняття зап’ястка та торкатися їх, щоб зануритися прямо у вашу програму.
  • Використовуйте сповіщення, щоб своєчасно надавати цінну інформацію та дозволяти людям виконувати важливі дії, не відкриваючи вашу програму.
  • Підтримайте Siri, щоб допомогти людям отримати доступ до ярликів на циферблаті Siri.
  • Створіть свою програму так, щоб вона працювала незалежно, доповнюючи сповіщення та ускладнення додатковими деталями та функціями.

Переклад developer.apple.com

Обговорення (1)

Згорнути/розгорнути
maximtuliei profile image
Maxim Tuliei

Мені, як рядовому дизайнеру, ця стаття дуже доречна. Дякую🔥