Створення дизайну для «зрілого» Android

Світ Android велетенський: на даний момент 480 мільйонів людей використовують пристрої з цією ОС, щодня активується 1 мільйон нових пристроїв. Це означає, що кожні три тижні кількість людей, які активують нові пристрої на Android, дорівнює всьому населенню Австралії. (Нещодавні дослідження компанії Нільсен показують, що частка Android-пристроїв на ринку перевищує частку пристроїв з iOS).

Популярні програми інших ОС, які стають доступними на Android, стрімко здобувають популярність і тут. Наприклад, кількість користувачів Instagram зросла на 10 мільйоні в після запуску її Android-версії – і це лиш за 10 днів.

Незважаючи на таке безпрецедентне поширення цієї платформи, більшість програм для Android є… скажімо, не найкращими. У Google Play менше якісних програм, ніж у iTunes Store. Однією з причин такого стану справ є те, що Android вийшов з підліткового віку лише впродовж кількох останніх років. Ця платформа була невпорядкованою та хаотичною, тож багато дизайнерів уникало її, а дехто навіть ненавидів, – тож центр тяжіння природно зміщувався у бік iOS.

Деякі проблеми Android уже не існують, а інші значно перебільшені. Ми покажемо, як подолати все ще існуючі проблеми, та як почати створювати дизайн для вашої першої вдалої програми для Android.

Симптоми перехідного віку

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

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

ВІДСУТНІСТЬ ПОСЛІДОВНОСТІ У ВЛАСНИХ ПРОГРАМАХ GOOGLE

Не так давно, майже всі власні програми Google для Android відрізнялися виглядом одна від іншої.

Компанії Google був потрібен рік, щоб почати виконувати свою ж пораду. Шаблон дизайну меню був представлений у 2010 році, однак його запровадили лише у жовтні 2011 року, у версії Android OS 4.0.

ВІДСУТНІСТЬ ОРІЄНТОВАНОГО НА КОРИСТУВАЧА ДИЗАЙНУ У ANDROID-СПІЛЬНОТІ

Провал Google у встановленні зразку для інших розробників (спричинений власною непослідовністю) та відсутність послідовних вказівок і шаблонів призвели до іншої, ще більшої проблеми: негативного враження користувачів. Хороший дизайн починається з людей; завдяки дизайну технології допомагають користувачам досягати їхніх цілей. Google не зміг достатньо чітко донести цю ідею до розробників (на відміну від Apple).

РАЗЮЧА НЕПОСЛІДОВНІСТЬ У РІЗНИХ ПРИСТРОЯХ ТА ВЕРСІЯХ ОС

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

Траплялося, що виробники розташовували апаратні кнопки у різному порядку. Перехід від використання одного пристрою до іншого був болісною процедурою.

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

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

Android «подорослішав»

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

Однак залишилася одна фундаментальна проблема: відсутність дійсно хороших програм. Та завдяки удосконаленій і зрілій платформі Android дизайнери й розробники спроможні усунути цей недолік. Усе, що слід зробити, – це дати Android ще один шанс.

Нижче перераховано сфери, у яких «дорослому» Android є що запропонувати.

КРАЩИЙ ПОШУК ПРОГРАМ

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

Новий Google Play пропонує більше можливостей для пошуку класних нових програм у порівнянні зі своїм попередником – Android Market.

ЧІТКІ ПРАВИЛА ДИЗАЙНУ ДЛЯ ANDROID

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

Приклад сітки з поділом на відрізки по 48 незалежних від роздільної здатності пікселів (DP). Взято з розділу правил «Одиниці вимірювання та сітки».

АПАРАТНІ КНОПКИ МЕНЮ ТА ПОШУКУ ЗАЛИШАЮТЬСЯ У МИНУЛОМУ

Google почала усувати апаратні кнопки зі своїх пристроїв, об’єднуючи апаратне та програмне забезпечення і роблячи пристрої на Android більш елегантними та легкими у використанні.

Nexus 4 є втіленням нового підходу Google до апаратних кнопок. Вони завжди розташовані у одному місці та у однаковому порядку. Кнопки пошуку та меню відсутні.

Досі існує розмаїття типів пристроїв на Android (наприклад, LG все ще виготовляє пристрої на Android 4.0 з апаратними кнопками меню), але ця неоднорідність є однією з основних причин того, що програми для Android здатні виділятися.

Фрагментація є також позитивом

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

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

Підказки для створення вдалої програми на Android

1. ВИВЧІТЬ ANDROID

Щоб зрозуміти Android, вам слід навчитися його використовувати та розуміти його користувачів. Найкращим способом для цього є покупка кількох пристроїв від різних виробників з різними розмірами екранів, а можливо – і з різними версіями ОС. Це допоможе вам не лише зрозуміти неоднорідність користувачів, а й протестувати свій додаток.

Щоб вибрати найкращі пристрої для своєї програми, перегляньте останню статистику від Google та виберіть пристрій з бажаними характеристиками. Незалежні дослідження, такі як звіт OpenSignal за серпень 2012 року, також стануть у нагоді при виборі пристрою.

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

Поговоріть з друзями, які користуються Android, про те, як вони використовують свої пристрої, що їм подобається, а що ні. Це допоможе вам зрозуміти середовище платформи та стане введенням у культуру Android.

2. ДОТРИМУЙТЕСЯ ГАЙДЛАЙНІВ

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

1. Створити програму, яка пасуватиме практично до будь-якого пристрою;
2. Створити програму, яка ідеально пасуватиме до середовища Android;
3. Забезпечити дружній для користувачів інтерфейс;
4. Забезпечити легке вдосконалення та підтримку програми;
5. Збільшити шанси програми ввійти до переліку рекомендованих на Google Play.

Пам’ятаючи про шаблони навігації Android та використовуючи рідні для платформи елементи ви зможете досягнути однорідності, попри використання програми на різних пристроях.

При переносі дизайну для iPhone (зліва) на Android (справа) слід використовувати елементи, які є рідними для цієї платформи: стилізована для Android таблиця подачі інформації; кнопки пошуку та додавання контактів переміщено на окрему лінійку операцій внизу; зміну способу подачі інформації реалізовано через вибір вигляду.

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

3. ЗРОЗУМІЙТЕ ВИГЛЯД ANDROID ТА ВІДЧУТТЯ ВІД ЙОГО ВИКОРИСТАННЯ

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

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

Перегляд найгарніших програм для Android (Android Niceties) це хороший спосіб засвоїти стиль Android та відшукати натхнення.

Програма пошуку Google є чудовим прикладом зовнішнього вигляду та підходу Android.

Гарним способом виділити свою програму є її іконка. Іконки програм для Android можуть мати довільні обриси або форму. Користувачі полюбляють класні іконки, і з радістю встановлять вашу програму на стартовий екран, навіть якщо вони не часто її використовують. Корисні поради для створення дизайну іконок можна знайти у розділі правил «Створення іконок».

Іконки програм для Android можуть мати довільні обриси або яку завгодно форму.

4. СТВОРЮЙТЕ ПРОГРАМИ ДЛЯ РІЗНИХ ПРИСТРОЇВ

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

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

Дизайн, який створено згідно з загальними принципами, буде легко пристосовуватися практично для будь-якого екрану.

Ще кілька речей, які слід пам’ятати:

1. Використовуйте контрастні кольори для тексту й елементів. Наприклад, не пишіть білим по сірому для важливих елементів: ці кольори зіллються в один на поганих дисплеях;
2. Перевірте свій дизайн на кількох пристроях з різними налаштуваннями яскравості (низька, висока, автоматична) та за різних умов освітлення;
3. Навіть при використанні стандартних розмірів, переконайтеся, що ваш текст та елементи інтерфейсу виглядають достатньо великими на малих екранах (наприклад, на екранах з DPI нижче 240). Можливо, ви захочете збільшити ці елементи спеціально для малих пристроїв.

Щоб ознайомитися з чудовим прикладом створення дизайну для різних пристроїв, прочитайте опис створення програми Alarm авторства Себастьяна де Віта (Sebastiaan de With).

5. ЗАДАВАЙТЕ МАКЕТ НЕЗАЛЕЖНО ВІД ЩІЛЬНОСТІ ПІКСЕЛІВ

До засобів забезпечення послідовного враження користувача належить створення приблизно однакового розміру елементів інтерфейсу на Android-пристроях з різним значенням пікселів на дюйм (PPI). Тут не йдеться про виснажливий розрахунок кількості пікселів, яку повинна мати кнопка чи шрифт, щоб добре виглядати на конкретному розмірі екрану. Ви можете заставити пристрій виконувати цю роботу замість вас.

Рекомендованим розміром для кнопок в меню є 48 DP, на різних екранах це дає різні розміри у пікселях, та вам не слід про це хвилюватися.

Визначивши розміри з незалежно від щільності пікселів, ви досягнете того, що елементи матимуть приблизно однаковий фізичний розмір на довільному екрані. Текст залишатиметься читабельним, а кнопки будуть зручними для натискання на будь-якому пристрої з Android, незалежно від розміру екрану чи DPI. (Прочитайте розділ «Use Density-Independent Pixels» в гайдлайні, щоб довідатися більше).

У нашій практиці надання розробникам вказівок щодо розміру елементів виявилося корисним.

6. СТВОРЮЙТЕ ЕЛЕМЕНТИ ІНТЕРФЕЙСУ ДЛЯ УСІХ ВАРІАНТІВ РОЗДІЛЬНОЇ ЗДАТНОСТІ

Для того, щоб досягнути сумісності з усіма пристроями на Android та забезпечити чіткість інтерфейсу, необхідно створити чотири набори кожного елементу інтерфейсу: низька роздільна здатність (LDPI), середня роздільна здатність (MDPI), висока роздільна здатність (HDPI) та екстра-висока роздільна здатність (XHDPI). Починайте від екрану 640×960 для набору XHDPI, а потім зменшуйте об’єкти для інших значень роздільної здатності.

Починайте від XHDPI і зменшуйте об’єкти для інших значень роздільної здатності. Порівняйте отриманий розмір цих наборів.

Роздільна здатність MDPI та XHDPI є такою ж як на стандартних екранах iPhone та екранах Retina. Тож, якщо у вас є дизайн iPhone, то ви можете використати його для стилізації копії для Android, або навіть тестувати свій дизайн на екранах iPhone чи iPod. Та не забувайте про унікальний зовнішній вигляд та підхід Android.

Сегмент XXHDPI було додано для підтримки наступного покоління мобільних пристроїв з екранами на рівні 480 DPI. Хоча такі пристрої ще не існують, сегмент XXHDPI наразі використовується для пускових іконок на 10-дюймових XHDPI планшетах, таких як Nexus 10. (Оскільки ці пристрої є великими, то розмір пускових іконок змінюється з використанням наборів XHDPI). Щоб пристосуватися до наступного покоління достатньо лиш збільшити ваші заготовки для HDPI на 200%.

7. ВРАХОВУЙТЕ РІЗНІ ВЕРСІЇ ОС

Багато пристроїв для Android ніколи не будуть оновлені до останніх версій ОС; має минути кілька років, поки нові версії домінуватимуть на ринку. Та користувачам з новими пристроями не сподобаються програми, зовнішній вигляд або засоби управління яких є застарілими (так трапилося з додатком Microsoft Outlook, про який ми вже згадували). Тож вам слід забезпечувати найбільш передове враження. Якщо ви плануєте передбачити запуск програми на старіших платформах, створіть окрему версію додатку для таких пристроїв.

8. РОЗШИРТЕ ФУНКЦІОНАЛЬНІСТЬ СВОЄЇ ПРОГРАМИ ЗАВДЯКИ ВІДЖЕТАМ ТА ЖИВИМ ШПАЛЕРАМ

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

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

Віджети можуть мати кнопки та прокрутку. Сприймайте їх як розширені іконки програми.

Віджет Gmail дає змогу швидко переглянути поштову скриньку та дає користувачам змогу написати лист безпосередньо зі стартового екрану. Віджет Chrome у вигляді сітки відображає улюблені сторінки або журнал відвідувань.

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

9. РЕТЕЛЬНО ПРОТЕСТУЙТЕ СВОЮ ПРОГРАМУ НА ПРИСТРОЯХ, ЯКІ ВИ ПІДТРИМУЄТЕ

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

Надзвичайно успішна гра Dead Space отримала більшість відгуків з однією зірочкою, оскільки гра не запустилася на певних пристроях.

10. ВРАХОВУЙТЕ ДИЗАЙН ДЛЯ ПЛАНШЕТІВ

Хоча на ринку є кілька класних планшетів на Android, вони не настільки популярні як їхні конкуренти, наприклад iPad. Однак якщо ви плануєте створити дійсно універсальну програму для Android, вам слід також враховувати планшети. У гайдлайнах дизайнерам радять використовувати мультипанельні макети для інтерфейсів планшетів та створювати інтерфейс, використовуючи фрагменти.

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

Також не забудьте перевірити свою програму за допомогою «Контрольного списку перевірки якості програми для планшетів».

Дайте Android шанс

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

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

Доповнення: Поки ми писали цю статтю, The Verge опублікувала дослідження по додатку Facebook Home – ще одну велику розробку для Facebook. Та тут не йдеться про Facebook. Хоча ця конкретна програма є досить суперечливою, з обмеженою апаратною підтримкою та здобула не найкращі відгуки користувачів, дизайнери Facebook довели, що за умови достатніх зусиль 100% ваших ідей можна втілити та реалізувати на Android без жодних компромісів. Вони відкрили велику можливість і, мабуть, започаткували новий напрям для більшого розповсюдження Android.

ПРИКЛАДИ ДІЙСНО ХОРОШИХ ANDROID-ПРОГРАМ ДЛЯ НАТХНЕННЯ

1. The Verge
2. doubleTwist Alarm
3. Skype
4. Evernote
5. Foursquare
6. Tumblr
7. New York Times
8. Path
9. Endomondo
10. Expedia

Першоджерело — «Designing For A Maturing Android».