Розробка програм для мобільних пристроїв вимагає специфічних рішень, які можуть істотно відрізнятись від того, до чого ви вже звикли. Нижче ви можете ознайомитись з порадами, якими люб’язно поділився розробник Пауло Фієрро.
Отже, ви вирішили зайнятися розробкою для мобільних пристроїв. Можливо, ви в погоні за мільйонами, які можна заробити за допомогою магазину додатків, а можливо, ви просто кидаєте виклик новому. Незалежно від причини, у мобільному дизайні існують деталі і специфіка, які обов’язково потрібно враховувати.
Перед тим як розпочати, потрібно з’ясувати, яку проблему буде вирішувати ваш додаток. Хто буде ним користуватися? Яким чином? Якщо ваш користувач одночасно буде зайнятий чимось ще, яким чином це буде впливати на вашу програму?
Коли знайдете відповіді на ці запитання, запишіть їх. Прикріпіть ці записи до стіни. Якщо у процесі роботи вам доведеться стикнутись із важким вибором, ці відповіді допоможуть.
1. Оберіть платформу
Вибір платформи залежить від того, над яким саме додатком ви працюєте, а також від того, на яку категорію користувачів ви орієнтуєтесь. Платформа, на якій можна зробити найбільше — це web. Якщо ви хочете продавати ваш додаток, то вам потрібно розмістити його в Магазині додатків. Якщо ваша програма вимагає доступу до камери чи інших можливостей телефону, то можна використовувати native або оболонку AIR/PhoneGap/Titanium. Чіткої, правильної відповіді не існує. Вибір необхідної платформи залежить від багатьох факторів, тому перегляньте ще раз відповіді на запитання, які ви записали.
2. Вам не вдасться розбагатіти
Багато людей порівнюють ситуацію в App Store з Каліфорнійською золотою лихорадкою в
Правду кажучи, в той самий час всі ми чули історії надзвичайного успіху, про які так часто розповідають нам медіа. Особисто моя улюблена — це історія канадського розробника Мета Рікса, який витратив місяць свого вечірнього часу для роботи над грою, яка в результаті в топ-10 додатків злетіла навіть вище, ніж Angry Birds. Гра називається Trainyard і розробник, навіть, відкрив пресі інформацію про те, скільки саме грошей йому вдалося заробити на ній.
В той самий час, два місяці тому компанія-аналітик Flurry написала в своєму блозі, що в Apple App Store зараз налічується більше 500 000 програм, а в Android Market близько 350 000. При умовах даної конкуренції зробити так, щоб вас помітили, буде дуже непросто.
3. Читайте HIG
Human Interface Guidelines або HIG — це документ, який існує для будь-якої платформи. Його метою є допомогти вам створити такий інтерфейс, який буде співіснувати із тим пристроєм, додаток для якого ви розробляєте. Усі платформи різні, тому обов’язково потрібно брати до уваги нюанси кожної із них.
Наприклад, користувачі операційної системи Apple звикли до того, що кнопка «Назад» розміщена в лівому верхньому куті, а користувачі Android зазвичай мають таку кнопку на самому пристрої, тому створювати ще одну безпосередньо у додатку немає необхідності. В свою чергу власники планшетів Blackberry очікують, що меню і опції пристрою будуть показані, якщо вони торкнуться планшету біля його зовнішньої рамки і проведуть по ньому вниз.
Обов’язково беріть до уваги звички користувачів. Якщо ви це зробите, це ще не означає, що вони вам подякують, але якщо ви цього не зробите, то однозначно залишите їх незадоволеними.
Тому читайте HIG, знайомтеся із концепцією обраної платформи, але при цьому майте на увазі, що це лише прості підказки, і ні в якому разі не правила чи певний контрольний список.
4. Зробіть функціональність цікавою
Не потрібно створювати додаток нудним тільки тому, що він виконує функції утиліти. Для Flash on the Beach, який ми розробили в 2009 році, ми використали стандартний набір компонентів операційної системи Apple, при цьому дизайн повністю відрізнявся від вже звичного. Ми хотіли надати додатку певний унікальний характер, але при цьому не налякати користувачів. Це було досить незвичним для того часу, але як результат ми отримали нагороду Gulltaggen.
В моєму улюбленому додатку Camera+ є кнопки і надписи, які мають загальний Apple —вигляд, однак при цьому для них були використані унікальні красиві шрифти.
Tweetbot, мій улюблений Twitter-клієнт, використовує градієнти та тіні у дизайні спливаючих вікон, що вписується у загальний стиль додатку і робить його вигляд досить приємним. Я називаю це увагою до деталей.
Можливо вам буде цікаво ознайомитись із тим, що пише із цього приводу Джош Кларк у своїй книзі «Tapworthy», де він розмірковує про таке поняття як «дизайн для кінчиків пальців».
Тому не забувайте слідувати порадам, але при цьому пам’ятайте, що ви також можете вийти за межі вже звичного і зробити дизайн цікавим. Зараз це стало навіть простіше, завдяки можливостям Appearance APIs, доступних в iOS5.
5. Задача конвенції
Найбільш очевидним прикладом цьому є прийом «потягніть, щоб оновити». Ви точно знаєте, про що я веду мову. Виведена в світ у Tweetie 2 завдяки розробниці Лорен Брічер, дана концепція поширилася з тих самих пір як лісова пожежа.
Її ідея досить проста. Ви проводите по екрану до певної точки і в момент, коли ви відпускаєте свій палець, щось відбувається. Наприклад, перевантаження даних. Можливо, ідея не здається такою вже геніальною на перший погляд, однак як тільки ви починаєте розуміти як це працює, вона викликає подив і захоплення.
На сьогоднішній день цей спосіб використовують Gowalla, Facebook, Google+, Tweetbot, foursquare, oink, Fribi та інші — список можна продовжувати довго.
Іншим цікавим прикладом є збільшення кнопки на панелі інструментів. Oink, foursquare, Fribi та інші використовують цей прийом для того, щоб привернути увагу до основної функції додатку.
6.Ситуації бувають різними
Працюючи над розробкою додатку майте на увазі, що ви володієте увагою користувача лише перші 30 секунд, можливо, хвилину. Саме тому програма повинна сподобатися з першого погляду. Забудьте про складний інтерфейс та привертайте увагу лише до деталей, правильно? Так. І в той же самий час ні. Я можу сидіти вдома на дивані, дивлячись щось по телевізору і тримаючи мій планшет в руках — я нікуди не поспішаю і весь час на землі належить тільки мені. Чесно кажучи, я можу навіть взяти свій планшет із собою до туалету — статистики стверджують, що так роблю не тільки я!
То де буде знаходитись користувач вашого додатку? Що буде робити в даний час? Розробляйте згідно відповіді на ці запитання.
7. Контент повинен бути «розумним»
Простота — це добре. І просто — зовсім не означає нерозумно. Вам потрібно зосередитись на основних функціях вашого додатку і потім написати програму для їх виконання. Однак розумну та ефективну програму написати важко. А мікро-програму написати ще важче.
8. Мої пальці товсті
Мій палець вимагає мінімум 44 пікселі площі на сенсорному екрані. Як тільки ця площа є меншою, стає важко користуватись додатком. Ми допустилися цієї помилки при розробці FOTB 2010.
Кнопка «Назад» була 10 пікселів заввишки, але при цьому мала масивну площу для кліку. Проблема? Її було майже неможливо побачити. Уникайте таких помилок.
9. Будьте незалежними від розширення екрану
Якщо додаток призначений для різних пристроїв, то контент повинен адаптуватись до них відповідним чином. Зобрадення, штучно збільшені для показу на планшеті, не будуть виглядати добре. Вихід із ситуації? Ваш дизайнер повинен створити всі зображення у векторі, тому коли вам знадобиться іконка розміром 512×512 для iTunes, це не буде для вас проблемою.
10. Створюйте гарні іконки
Стара приказка правдива — ви маєте лише один шанс скласти перше враження. Тому набір іконок надає підґрунтя для всього вашого додатку. У вас є біле полотно, на якому можна створити щось надзвичайне. Використовуйте цю можливість для того, аби своєю програмою досягнути поставлену мету не лише завдяки функціональності, а й завдяки красі.
Коли додаток створений правильно,
я забуваю про те, що мій мобільний пристрій
може виконувати ще якісь інші функції.
Ерік Кларксон, Propelics
Тому я рекомендую не поспішати. Минулого року для додатку Flash on the Beach ми створили FOTB.me, що стало нашою першою спробою розробити веб-додаток, що орієнтований тільки на мобільні пристрої.
Коли користувач інсталює додаток, він має можливість встановити іконку і заставку на вибір, через те ми створили їх декілька: для більш старих iPhone, для планшетів із різною орієнтацією екрану та для ретіна екранів.
Звичайно, різницю побачить небагато людей. Але ті, хто все ж її помітить, будуть здивовані, і, сподіваюсь, вони посміхнуться. І якщо це трапиться — чудово!
11. Мій телефон відображає мою особистість
Причиною, з якої все це так важливо, є те, що мій телефон — це відображення моєї особистості.
Ви бачите, як багато додатків на ньому встановлені, але всі вони чітко класифіковані по категоріям. Про що це говорить? Уявлення не маю. Але суть в тому, що я нізащо не встановлю на екрані мого чудового телефону якусь потворну іконку!
12. Не примушуйте мене читати інструкцію
Думайте про свого користувача як про дитину. Якщо ви з цим не згодні, то прочитайте інструкцію до настільного ПК — і ваша думка зміниться. А для мобільних додатків така позиція навіть ще біль актуальна.
Коли з’явився iPad, я встановив мобільний додаток одного журналу (не буду вдаватись у подробиці якого саме), що вимагав надзвичайно багато рухів для навігації по ньому. Спочатку я подумав, що це надзвичайно круто, це так звана «особиста думка» розробників додатку! Пройшов тиждень і я не мав жодного уявлення, як цим користуватись. Довідка також була прихована і я не зміг її знайти. Єдиним виходом стала повторна установка. Не дуже приємний досвід.
13. Не прикидайтесь
Я не прихильник мобільних додатків, які імітують вигляд своєї «дорослої» версії для ПК. І хоча існує декілька інтерфейсів, які дозволяють створити програму, що буде виглядати таким самим чином, і на перший погляд, все здається чудовим, та проблем із ним все ж не уникнути. І почнуться вони тоді, коли додаток буде вже в Магазині. Справа в тому, що працювати він буде повільніше, а рівень очікувань до нього буде високим тому, що завантажений він був із магазину. Такі додатки свого роду обіцяють користувачеві те, чого потім не в змозі виконати. Раджу уникати такий підхід.
14. Ваша ідея не унікальна
NAS сказали про це ще у 2001 році:
Немає нових самобутніх ідей, оскільки немає нічого нового під цим сонцем. Тому важливо не що ви робите, а як ви це робите.
«No Idea’s Original», NAS
Гірка правда полягає в тому, що ідей існує — хоче греблю гати, але найважливіше полягає у їх виконанні. Добре розроблений продукт в правильний час, а також трохи удачі можуть зробити своє діло.
15. Розробляйте для себе
Таким чином ви гарантовано отримаєте як мінімум одного задоволеного користувача. Але ще більш важливим є те, що розробляючи для себе, ви точно будете знати як вирішити поставлену задачу та достягнути мети за допомогою свого додатку.
16. Прислухайтесь до своїх користувачів
Якщо вам пощастить, то ви все ж зможете щось заробити на мобільному додатку. Саме тому комунікація із користувачами є надзвичайно важливою, оскільки вона дасть вам зрозуміти, чи знаходитесь ви на правильному шляху. Використовуючи сервіс GetSatisfaction ви можете отримати «зворотній відгук», і це можуть бути як звіти про помилки, так і запити додаткових сервісів для вашого додатку. Twitter в даному випадку також підходить, але із ним у вас буде значно більше мороки.
Проте майте на увазі, що хоч ваші користувачі час від часу можуть подавати вам хороші ідеї, це все ж не означає, що ви повинні сліпо виконувати все, що ви почуєте від них. Слухайте свій здоровий глузд.
17. Стежте за своїми користувачами
Аналітика завжди дуже важлива, вона дозволяє вивчати поведінку користувачів і те, який досвід вони мали, використовуючи програму.
Для нашого додатку FOTB.me ми використовували Google Analytics, концентруючись на користувачах Android, iPhone, iPad and PlayBook. Я почав відслідковувати Twitter, щоб дізнатись думку користувачів і побачив наступне:
@FOTBme I was hoping for this year when I heard web app, but on Opera/Symbian the site doesn’t work at all…
— Thomas Kräftner (@tkraftner) сентября 11, 2011
«О Боже! Як багато людей стикнулося із такою проблемою?» — було перше, що я подумав. Перевіривши Google Analytics я з’ясував, що всього 4 користувачі із 4,241 унікальних мали ту саму проблему. Це складає 0,09% і як би сумно воно не звучало, але ми можемо це пережити. Звичайно, не факт, що ви зможете дозволити собі таку розкіш.
Кількома годинами пізніше я побачив це:
#Fotb app doesn’t run at all on opera for android :-( bummer
— Andreas R (@sunjammer) сентября 12, 2011
Ми побачили, що ту саму проблему мали ще 20 користувачів = 0,5%. Знову ж таки, ми можемо це пережити.
Справа в тому, що без статистики ми б не мали жодного уявлення, яка значна або навпаки, незначна проблема може існувати у нашого додатку. Володіння цією інформацією дозволило мені спати спокійніше по ночам.
18. Демо-версія
Демо-версія — це вдалий інструмент для того, щоб проілюструвати можливості розробленого додатку та для вивчення його технічних можливостей. Тому моя вам порада — обов’язкого розробіть її, оскільки ніщо не може зрівнятись із тестуванням додатку саме на пристрої, для якого він створений, навіть якщо це означає, що ви просто пролистаєте серію зображень. Для створення демо-версій існує багато інструментів, серед них Prototypes, Balsamiq та FieldTest. Ви можете також використати Keynote.
Як тільки ви закінчите працювати над демо вашого додатку, покажіть його другові за бокалом пива та запитайте його думку. А після закінчення роботи над програмою, позбудьтеся створеної демо-версії. Я дійсно маю це на увазі, позбудьтеся її! Це вимагає сили волі та дисципліни, але знайте, що будь-який код, який перетворився у програму, ніколи не помре. Демо-версії пишуться швидко, тому просто знищить свою!
19. Почніть
Просувайте вашу ідею. Немає нічого гіршого, ніж ідея, яка живе тільки в голові. Нехай вона побачить світ! Вам також буде дуже важко, якщо будете намагатись все зробити ідеально з першого разу, і я впевнений, що це просто неможливо, але це зовсім не означає, що непотрібно старатися!
20. В наших силах зробити цей світ кращим
Це благородна мета, тому підтримайте її! Як дизайнери і розробники ми можемо створити щось, що вплине не лише на нас самих, але й на інших людей. І якщо нам вдасться зробити життя трошки легшим, трошки цікавішим і в той же самий час вирішити якусь проблему, то це буде означати, що ми зробили щось хороше. Зробили те, чим ми можемо пишатися!
Оригінальна стаття «20 things every mobile developer should know». Переклала Irina Burt.
2 коментарів
Украинский подкачал. Много суржиковых слов. После 5-ти абзацев забросил к черту…
Украинский подкачал. Много суржиковых слов. После 5-ти абзацев забросил к черту…