Олександр Мельник
App Store у липні 2018-го виповнилося 10 років. За цей час компанія Apple встигла перейти від сквеморфізму до плаского дизайну, а найвідоміші додатки та програми теж втигли по декілька разів змінити не лише свій інтерфейс, але й іконки. Ось як відбувался ці зміни.
iTunes Remote
Remote (або Пульт) — один із найупізнаваніших додатків, котрі існували від самого початку Apple App Store. Першопочатково на дизайн та функції цього додатку значною мірою впливав культовий плеєр iPod та додаток для нього (те, що згодом лягло в основу Apple Music). Відокремлення двох додатків відбулося з версії iOS 6, коли відбувся редизайн Music, а пульт для віддаленого керування музикою в iTunes набув класичного вигляду, якй вчергове оновився із запуском iTunes 11 для Mac.
Перший основний редизайн Remote пов’язаний із виходом iOS 7. На відміну від чіткої білої теми програми Music, Пульт отримав темний, розмитий фон, у якому також відтворювалася обкладинка альбому. У 2016 році Apple випустила програму Apple TV Remote для 4-го покоління Apple TV. Незабаром після цього Remote був перейменований на iTunes Remote. Хоча додаток продовжував бути доступним для завантаження, він залишався практично незмінним до червня 2018 року, коли він отримав абсолютно новий дизайн та підтримку для екрану iPhone X.
На відміну від скромних змін iTunes Remote, додаток Facebook постійно переробляли протягом 10 років.
Пригоди Facebook на iPhone фактично почалися до існування App Store. Соцмережа була спочатку доступна як один із перших веб-додатків для iPhone у жовтні 2007 року. Версія 1.0 в App Store ледве впізнається — навіть у іконці відсутній білий значок із літерою «f». Стрічка новин додатка була по суті прикрашеною таблицею над панеллю із вкладками: домашня сторінка, профіль, друзі, чат та тека «Вхідні». Версія 2.0 була побудована на тій же концепції плюс ще два шари навігації під головною смужкою заголовка.
Перші суттєві зміни настали у липні 2009 року на Facebook 3.0.
У жовтні 2011 року Facebook 4.0 почав користуватися меню «а-ля гамбургер» для навігації. Популярність цього додатка прискорила обговорення суперечливого елемента дизайну в незліченних додатках і веб-сайтах в наступні роки. Після версії 4 ітерації редизайну почастішали.
Деякі з дизайнерських проблем компанії Facebook пов’язані з потребою у постійному оперативному масштабуванню та адаптації до великого розмаїття пристроїв — не лише для Apple. Оновлення в серпні 2017 року було спробою уніфікувати дизайн соцмережі на пристроях iOS, Android і в інтернеті.
Things
Things від початку розробляли як інструмент керування завданнями для Mac. Розробник цього додатку зазначив у своїх публікаціях, що оригінальна версія була написана трохи більше ніж протягом місяця — термін, який здавався неможливим для розробки на той час.
Things 1.0 не мали можливості синхронізуватись із версією Mac, і теги для записів також були відключені. Перше серйозне візуальне оновлення з’явилося в серпні 2012 року, коли було випущено Things 2.0.
У вересні 2014 року у версії 2.5 було оновлено користувальницький інтерфейс додатка з м’якшим кольором та легшою кольоровою гамою. Спочатку планувався редизайн для Things 3, але розвиток цієї лінійки дизайну тривав довше, ніж очікувалося. Версія Things 3, випущена в травні 2017 року, отримала найважливіші зміни вигляду додатка. Практично кожний значок та елемент інтерфейсу було повторно намальовано, зберігаючи основний макет. Редизайн приніс розробникам Apple Design Award у 2017 році.
OmniFocus
Навіть у зародковому стані магазин App Store було добре «укомплектовано» додатками для керування завданнями. Обидві програми — Things та OmniFocus, — від The Omni Group були доступні з першого дня. Хоча обидва додатки забезпечують подібну функціональність, кожен з них має унікальні напрямки розвитку дизайну протягом минулих 10 років.
OmniFocus для iPhone спочатку використовував прості таблиці в якості фону — але навіть у такому вигляді отримав нагороду Apple Design Awards в 2008 році. У червні 2010 року компанія Omni Group переробила всі свої ілюстрації та значок додатка у відповідь на появу дисплея Retina iPhone 4. Одна з найбільших змін у додатку відбулося в червні 2011 року.
Оновлення навесні 2015 року призвело до появи темної піктограми на iPhone з м’якими краями. Кожна іконка з 2012 року включала в себе «пасхалку», про яку навіть давні користувачі можуть не знати. Збільшіть масштаб, і ви помітите, що структура вуглецевого волокна фактично складається з крихітних повторюваних логотипів Omni.
Останнє основне оновлення для OmniFocus відбулося минулого травня з OmniFocus 3.0.
Evernote
Історія стилю Evernote ідеально підкреслює багато основних тенденцій розробки програмного забезпечення з 2008 року. Запис нотаток та організаційний інструмент для файлів і документів був одним із перших додатків у магазині App Store.
Як і багато ранніх програм iPhone, Evernote 1.0 сильно покладався на елементи UIKit та велику, глянсову графіку. Редизайн в 2011 році реорганізував панель вкладок та встановив пріоритет хронологічного вигляду для усіх нотаток користувача. Коли Evernote додала підтримку більшого дисплея iPhone 5 у 2012 році, у додатку все ще використовувалися стандартні елементи інтерфейсу користувача iOS. Навігаційні панелі та кнопки автоматично відповідали матовому інтерфейсу iOS 6.
У листопаді 2012 року був запущений Evernote 5. Перероблений з нуля, цей додаток був прикладом підручника з текстурованих, дуже тематичних конструкцій, характерних для тієї епохи. Рельєфна іконографія, штучні текстури паперу та тіні, що дають глибину. Значок додатка зменшував глянцевий вигляд, але зберігав матовий металевий відблиск.
На WWDC 2013 року Evernote 5 виграв Apple Design Award.
Із версії iOS 7 кожна текстура, тінь і складова були замінені. Чіткий градієнт зліва направо наклався на панель навігації на додаток до кольорів, що використовуються на новому значку без текстури. Раннє оновлення 2017 року пом’якшило дизайн з більш приглушеними піктограмами, білою навігаційною панеллю.
eBay
Дизайн eBay показав, напевно, найбільш драматичне перетворення серед усіх додатків, що включені до цієї добірки. Хоча Apple виділив його на сцені в WWDC 2008, оригінальна версія eBay для iPhone була абсолютно інша в порівнянні з вишуканим досвідом сьогодні. До листопада 2009 року весь додаток був переосмислений з послідовнішим сірим інтерфейсом користувача.
Через рік eBay 2.0 заклав основу для того, як далі будуть виконуватися реорганізаційні кроки та зміни дизайну.
Кілька оновлень протягом 2013 року додали до eBay нові шари кольору, зберігаючи той же базовий досвід роботи з користувачем. Кожна зміна відобразила швидкоплинні смаки розробки програмного забезпечення своєї епохи. Ця безперервна ітерація означала, що зовнішній вигляд eBay змінився досить плавно, коли додаток був перероблений для iOS 7.
У вересні 2015 року eBay 4.0 змінив дизайн. Проте він виявився не надто вдалим з точки зору користувачів. Тож до травня 2016 року eBay майже повністю відновив організацію програми у попередньому варіанті — і сьогоднішній макет більше нагадує версію дизайну, над якою працювали ще в 2010 році.
Twitterrific
Крейг Хокенберрі та The Iconfactory побудували перший клієнт Twitter для iPhone, перш ніж App Store навіть був оголошений. Завдяки програмі Jailbreak, розробленій спільнотою ентузіастів Apple, розробники мали декілька місяців досвіду написання програм на той час, допоки сама компанія Apple надала офіційні інструменти.
У 2008 році додаток отримав нагороду Apple Design Award. Twitterrific також був одним з перших додатків , що використовував темну тему — яка нині набуває нової популярності.
У 2012 році Twitterrific 5.0 перемістив всю навігацію до верхньої частини екрана та використовував абсолютно індивідуальні елементи інтерфейсу користувача. Подібний макет продовжував існувати до сьогоднішнього дня. Крім того, програма Twitterrific є однією з небагатьох програм для iOS, яка змогла зберегти докладно знайомий значок, що все ще виглядав сучасним.
Instapaper
Програма, створена для читання, визначає пріоритетність вмісту за допомогою чорно-білого поєднання, тому дизайн Instapaper з самого початку природним чином нагадував газету чи журнал з великою кількістю тексту. Стилі навігації та кнопки були змінені в iOS 6 та 7.
Instapaper почав своє життя в магазині App Store як безкоштовний додаток. Незабаром після цього була запущена платна версія під назвою Instapaper Pro. Значні оновлення інтерфейсу з’явилися восени 2011 року, коли було додано нову піктограму, створена співзасновником Dribbble Деном Седархольмом.
У квітні 2013 року компанія Betaworks придбала Instapaper у засновника Марко Арменту. Перше основне оновлення під керівництвом Betaworks відбулося у вересні 2013 року. Pinterest придбав Instapaper в серпні 2016 року, коли компанія пообіцяла, що додаток буде жити й далі.
PCalc
Історія PCalc починається ще протягом десятиліття перед запуском App Store. Розробник Джеймс Томсон відправив оригінальне додаток для Mac в 1992 році, і його розвиток продовжується і сьогодні. З самого початку PCalc випустив зовсім індивідуальний інтерфейс для iOS, пропонуючи постійно зростаючий вибір тем та варіантів налаштування. Тут дуже багато змін, тому редакція 9To5Mac виокремила лише основне.
Перша версія PCalc для iPhone була перенесена з віджета панелі інструментів Mac, але вона була добре поєднана зі стандартним інтерфейсом iPhone. Глянсові кнопки та блакитна панель відповідають значку програми. У грудні 2008 року була додана популярна тема «Сутінки» зі ще детальнішою графікою та кольоровою схемою, подібною до стандартного додатку калькулятора iOS. Цю тему пізніше було оновлено підтримкою великих дисплеїв.
PCalc була адаптована до плавної трансформації iOS 7 з новою стандартною темою під назвою «Самурай». Старіші теми залишалися доступними в налаштуваннях додатка. Піктограма PCalc була оновлена ще в березні 2016 року. З моменту виходу iOS 10.3 Apple дозволила стороннім додаткам динамічно змінювати свої піктограми додатків, не надаючи до магазину нову версію. PCalc почав повністю використовувати переваги цієї функції в травні 2017 року, вибравши величезну кількість альтернативних піктограм на вибір.
Yelp
Як і Facebook, інтерфейс цього додатку для iPhone дуже змінився протягом багатьох років, але підтримує впізнаваний бренд завдяки використанню послідовної кольорової гамми у верхній панелі. Програма отримала популярність завдяки глибокій інтеграції з Apple Maps. У серпні 2009 року Yelp підключився до первинної версії розширеної реальності в додатку для iPhone, щоби полегшити пошук закладів навколо.
Повністю перероблено весь додаток у жовтні 2013 року з привабливішим виглядом та помітнішою вкладкою «Поблизу».
