Еволюція дизайну і юзабіліті мобільних додатків відомих сервісів. Як поліпшити свою програму?



У липні 2008 року корпорація Apple анонсувала появу Apple App Store — каталогу додатків для iOS. Дещо пізніше з'явився і Google Play. Спочатку в каталогах було мінімум програм, але через деякий час кількість додатків збільшилася до сотень тисяч. Тепер в App Store близько півтора мільйонів програм, а в Google Play і того більше — близько мільйона шестисот тисяч (1,6 млн).

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

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


Додаток компанії у 2012 році

Значним еволюційним кроком стало використання плоского дизайну (Flat design). Спрощені іконки і прості кольори виглядали набагато краще на невеликих дисплеях, плюс до всього час завантаження елементів і всього додатки знизилося. Для поліпшення юзабіліті розробники компанії почали використовувати випадаючі меню.

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


Додаток Facebook в 2015 році

З моменту виходу першої версії додатка Facebook змінила багато чого, а зараз соціальна мережа експериментує з Material Design для своєї Android-програми. Протягом року зміни будуть представлені широкій публіці.

Flipboard
Запущений в липні 2010 року додаток було створено виключно для iPad. Цікавий момент: значну частину програми розробники створили ще до того, як був представлений дизайн iPad і стали відомі особливості роботи iOS.


Flipboard у 2012 році

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

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


Flipboard в 2015 році

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

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


Додаток Pinterest у 2012 році

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

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


Додаток Pinterest в 2015 році

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

Tinder
Ще один додаток, який було запущено в 2012 році і швидко став популярним. До 2014 року у Tinder нараховувалося вже 50 мільйонів активних користувачів на місяць. У самому справі, додаток було вельми привабливим, і близько 80 % користувачів відкривали програму хоча б раз в тиждень, а 65 % робили це щодня.


Додаток Tinder у 2012 році

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

Звичайно, не обійшлося без проблем, але Tinder не втрачав своєї популярності з плином часу, отримуючи все більш широку базу користувачів.


Додаток Tinder в 2015 році

Інтерфейс програми практично не змінився. Навіть додавання нових функцій не стало критичним моментом для оновлення інтерфейсу.

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

Тому перш ніж змінювати що-небудь, потрібно кілька разів перевірити працездатність зміненої програми і переконатися, що зміни дійсно підуть на благо. Тут варто враховувати тренди в розробці додатків, які стали актуальними останнім часом:
  • модульний дизайн і картки (Google Now і Pinterest);
  • плоский інтерфейс (чи у всякому разі щось близьке до Flat UI);
  • використання свайпов як засобу зниження кількості необхідних дій від користувача;
  • «пальцевий» інтерфейс;
  • мінімалізм;
  • проста палітра, чіткі і легкі шрифти, ясні іконки;
  • багатошаровий інтерфейс;
  • ефект розмитості неактивних елементів, щоб дати користувачеві зрозуміти, які елементи зараз активні;
  • оновлення контенту нижнім свайпом;
  • приховані меню та інші рідко використовувані елементи, доступ до яких користувач отримує свайпом.


Важливе значення також має:

Платформа. Ніщо не засмучує користувача програми так, як прив'язка останнього до певної моделі/моделям телефонів. Чим більш універсальною і кроссплатформної буде програма, тим краще.

Проста навігація. Ще одна з проблем — це дуже заплутана, складна навігація. Це не подобається користувачеві. Особливо актуально для комерційних додатків, де пропонується щось купити. Якщо процес покупки буде занадто складним, то далеко не всі дійдуть до кінця. Багато кинуть на півдорозі, вирішивши, що воно того не варто.

Релевантний контент. Тут і говорити нічого — користувач програми повинен отримувати контент, який цікавий саме йому. Це ключ до успіху. Контент повинен зацікавити клієнта і схилити його до покупки товару або замовлення послуги, якщо додаток комерційне.

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

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

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.