Як зробити ефективний дизайн мобільного додатку

Корисні поради про те, як досягти від дизайнера якісного результату, що відповідає вашим цілям. Процес, вартість та методики – все це в нашому новому посту.

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

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

знайти дизайнера

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

Хорошим рішенням буде найняти цілу команду, що складається з дизайнерів, розробників, тестувальників та менеджера проекту. Так ви отримаєте не тільки дизайн, а цілий працюючий додаток. Наймаючи компанію, а не фрілансера, ви отримуєте додаткові навички: аналітику, UI/UX-дизайн, мобільну та веб-розробку тощо. з набором незнайомих один одному фрілансерів. Команди теж розміщуються на платформах, тому спробуйте Upwork.

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

розповісти дизайнерові все

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

отримати прототип

Хороший дизайнер завжди починає з прототипу – робочої моделі майбутньої програми. Створює всі екрани програми, має елементи та встановлює зв'язки елемента. За допомогою такого прототипу можна «помацати» майбутній проект, знайти та усунути помилки в UI/UX. Спробуйте прототип на друзях або фокус-групі, щоб зрозуміти, чи вони використовують програми, як ви припускали.

отримати дизайн

Протягом десятиліть найпопулярнішою програмою для створення графіки був Adobe Photoshop та його товариші Creative Suite. Тепер великою популярністю користується Sketch, оскільки він був створений спеціально для дизайнерів інтерфейсу. Ми у «Культпросвіті» використовуємо обидва: вибираємо залежно від типу графіки.

тестувати та розвивати додаток

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

Нативний або крос-платформний додаток — що вибрати?

Якщо у вас грандіозні плани і є бюджет, завжди вибирайте нативні програми. Вони краще працюють і чудово виглядають. Поведінка користувачів на Android та iOS дещо відрізняється, так що це потрібно враховувати. Інтерфейс програми повинен бути виконаний відповідно до встановлених гайдлайнів, наприклад material design для Android. Так ви забезпечите високий рівень утримання користувачів та будетезадоволені показниками когортного аналізу.

Однак іноді крос-платформний додаток буде найкращим рішенням. Йдеться про випадки, коли потрібно зробити MVP (продукт із мінімальним функціоналом) у стислий термін та з обмеженим бюджетом. Перевага цього рішення в тому, що вам не потрібно наймати програмістів для кожної окремої платформи, одного буде достатньо.

Скільки коштує розробка мобільного програми?

Дизайн мобільного додатка не може коштувати дешево, але це важлива інвестиція у його майбутній успіх. Вартість роботи залежить від країни. Наприклад, «Культпросвіт» базується в Україні, вартість години дизайну починається від 25 доларів. Ось вартість деяких наших робіт:

FlyMyCard — сервіс, який дозволяє створювати гарні віртуальні листівки та надсилати їх друзям, а також знаходити нових друзів з інших країн. Можна вибрати фото, додати рамку та текст і надіслати результат близькій людині або новому знайомому. Клієнт хотів мати і Android-, і iOS-версію програми, тому нам знадобилося 73 години, щоб створити 18 екранів, і ціна склала $1840.

А ось приблизна вартість створення дизайну відомих всім додатків:

Clear — популярний додаток для ведення списку справ та створення нагадувань. Воно дуже зручне та красиве, часто потрапляло до списків додатків з найкращим дизайном. 5 екранів, $600.

У додатку PayPal все просто і зрозуміло, а завдяки зрозумілому UX/UI-дизайну. 17 екранів, $1765.

Pinterest має відмінну Android-додаток, користувачі високо оцінили зручний дизайн. 25 екранів, $2500.

Як зрозуміти, чи правильного дизайнера ви наймаєте

Ось невеликий список перевірок, щоб ви могли бути впевнені, що віддаєтедизайн проекту в надійні руки:

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