Різниця нативного дизайну під iOS та Android: стандартні засоби керування

Продовжуємо розповідь про особливості дизайну для платформ та .

Читайте попередню частину ТУТ!

Нестандартні реалізації засобів керування вимагають додаткового часу розробки та невідомі користувачам

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

Кожна платформа має свої унікальні взаємодії. Гарний дизайн – це дизайн, який поважає звички користувачів у кожній операційній системі. Дуже важливо пам’ятати про різницю між платформами під час розробки мобільної програми для iOS і Android, щоб ви створювали програми, які відповідають очікуванням користувачів.

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

Ліворуч – стандартні елементи керування iOS; праворуя – Android

Ліворуч – iOS; праворуч – Android

Стилі кнопок на пристроях iOS та Android

Є два стилі кнопок у Guidelines – плоскі та підняті. Ці кнопки використовуються в різних ситуаціях. Текст на кнопках у матеріалі Design зазвичай пишуться великими літерами. У нативних додатках iOS натомість зазвичай капс-лок не використовують.

Ліворуч – стандартні кнопки Material Design; праворуч – стандартні кнопки HIG

Існує також іще один тип кнопок: floating action на Android і call to action на iOS. Літаюча кнопка являє собою основну дію у програмі. Наприклад, кнопка “Створити” у поштовому додатку або кнопка “Нова пошта” у додатках соціальної мережі можуть бути літаючими кнопками. Аналогічним дизайном для основних дій у програмах iOS є кнопка “заклик до дії”, яка розташована в центрі панелі вкладок.

iOS ліворуч, підхід Android – праворуч

Відмінності між нативними bottom sheet у Android та action sheet та activity view в iOS

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

Ліворуч – стандартні нижні списки Android; праворуч – список дій в додатку iOS

Відмінності в контактних об’єктах і мережах

iOS та Android мають дещо інші інструкції для сенсорних цілей (44px @ 1x для iOS та 48dp/48px @ 1x для Android). Material Design Guidelines рекомендують вирівняти всі елементи по сітці з квадратною базою 8 дп.

Типографічні відмінності

San Francisco – це системний в iOS. Roboto є стандартним шрифтом в Android. Noto – це стандартний для Chrome та Android, які не підтримуються Roboto. Вам потрібно буде приділяти особливу увагу типографським процедурам та схемам компонування кожної платформи.

Ліворуч – Material Design; праворуч – типографія HIG

За матеріалами: medium.muz.li

ДАЛІ БУДЕ!

Вас також ЗАЦІКАВИТЬ:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь