Закрити оголошення
Новини

iOS 7 під мікроскопом – дизайн на наступні 6 років

Міхал Жданський
53

Розділ, який писався в Apple протягом 6 років і написаний рукою Скотта Форстолла, колишнього керівника розробки iOS, був закритий останньою версією операційної системи. Під керівництвом Джоні Іво, який до минулого року відповідав лише за промисловий дизайн, відкрилася нова сторінка, і він напевно писатиме щонайменше наступні п’ять років.

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

З історії iOS

Коли вийшов перший iPhone, він поставив дуже амбітну мету - навчити простих користувачів користуватися смартфоном. Попередні смартфони були громіздкими в експлуатації для більшості людей, які не обізнані в техніці, Symbian або Windows Mobile просто не були для BFU. Для цього Apple створила найпростішу систему, якою може повільно керувати навіть маленька дитина, і завдяки цьому вона змогла зробити революцію на ринку телефонів і допомогти поступово викорінити дурні телефони. Це був не сам великий сенсорний екран, а те, що на ньому відбувалося.

Apple підготувала кілька милиць для користувачів – просте меню іконок на головному екрані, де кожна іконка представляє одну з програм/функцій телефону, і до якого завжди можна повернутися одним натисканням кнопки «Додому». Другою милицею було повністю інтуїтивне керування, яке підтримувалося відкинутим тепер скевоморфізмом. Коли Apple видалила більшість фізичних кнопок, якими рясніли інші телефони, їй довелося замінити їх адекватною метафорою, щоб користувачі могли зрозуміти інтерфейс. Опуклі значки майже кричали «торкніться мене», а також «реалістичні» кнопки запрошували до взаємодії. Метафори фізичних об’єктів навколо нас з’являлися все більше з кожною новою версією, скевоморфізм у своїй абсолютній формі з’явився лише з iOS 4. Саме тоді ми впізнали текстури на екранах наших телефонів, серед яких переважав текстиль, особливо льон. .

Завдяки скевоморфізму Apple змогла перетворити холодну технологію в тепле і звичне середовище, яке нагадує будинок для звичайних користувачів. Проблема виникла, коли через кілька років теплий дім став обов’язковим візитом до бабусі та дідуся. Те, що було нам близьке, втрачало блиск і рік за роком у світлі операційних систем Android і Windows Phone перетворювалося на цифровий антикваріат. Користувачі вимагали вигнання скевоморфізму з iOS, і, як вони просили, їм було надано.

Найбільша зміна в iOS з моменту появи iPhone

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

Основа гарного гарнітури — правильно підібраний шрифт. Apple робить ставку на Helvetica Neue UltraLight. Helvetica Neue особисто є одним із найпопулярніших веб-шрифтів без засічок, тому Apple робить ставку на безпечну сторону, крім того, Helvetica та Helvetica Neue вже використовувалися як системні шрифти в попередніх версіях iOS. UltraLight, як випливає з назви, значно тонший за звичайний Helvetica Neue, тому Apple використовує так званий динамічний шрифт, який змінює товщину залежно від розміру. IN Налаштування > Загальні > Спеціальні можливості > Розмір тексту ви також можете встановити мінімальний розмір шрифту. Шрифт динамічний і барвистий, він змінюється залежно від кольорів шпалер, хоча не завжди цілком коректно, а іноді текст нерозбірливий.

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

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

Глибина, а не площа

iOS 7 часто називають системою плоского дизайну. Однак це не зовсім так. Звісно, ​​він, безумовно, більш плоский, ніж будь-яка попередня версія, але він дуже далекий від плоскості, якою рясніє, наприклад, Windows Phone. «Глибина» набагато краще виражає форму системи. У той час як iOS 6 створила ілюзію рельєфних поверхонь і реальних фізичних матеріалів, iOS 7 повинна створити у користувача відчуття простору.

Простір є більш влучною метафорою для сенсорного екрану, ніж для скевоморфізму. iOS 7 буквально багатошаровий, і Apple використовує для цього кілька графічних елементів і анімації. У першому ряду це прозорість, пов’язана з розмиттям (Gaussian Blur), тобто ефект молочного скла. Коли ми активуємо центр сповіщень або керування, фон під ним ніби закриває скло. Завдяки цьому ми знаємо, що наш вміст все ще нижчий за дану пропозицію. Водночас це вирішує проблему вибору ідеального фону, який підходить кожному. Молочне скло завжди адаптується до шпалер робочого столу або відкритої програми, без попередньо встановленого кольору чи текстури. Особливо з випуском кольорових телефонів цей крок має сенс, і iPhone 5c виглядає так, ніби iOS 7 створено саме для нього.

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

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

Зміст у центрі дії

Усі вищезазначені кардинальні зміни графічного інтерфейсу та метафор мають одне головне завдання – не стояти на заваді контенту. Саме вміст, чи то зображення, текст чи простий список, лежить в основі дії, і iOS продовжує уникати відволікання текстурами, які в деяких випадках зайшли занадто далеко — згадайте, наприклад, Game Center.

[do action=”quote”]iOS 7 є багатообіцяючим новим початком розвитку, але потрібно багато наполегливої ​​роботи, щоб привести його до уявної досконалості.[/do]

Apple зробила iOS неймовірно легкою, іноді буквально – наприклад, зникли ярлики для швидкого твітування чи написання постів у Facebook, а також ми втратили віджет погоди, який відображає п’ятиденний прогноз. Змінивши дизайн, iOS втратила частину своєї ідентичності - в результаті похідної текстури та інтуїтивно зрозумілого інтерфейсу, які були її (запатентованою) торговою маркою. Можна сказати, що Apple викинула воду з дитиною.

iOS 7 за своєю суттю не є революційною, але вона значно покращує існуючі речі, вирішує деякі наявні проблеми та, як кожна нова операційна система, приносить нові проблеми.

Навіть майстер-тесля…

Ми не будемо брехати, iOS 7 точно не позбавлена ​​помилок, навіть навпаки. Вся система показує, що її шили гарячою голкою, і через деякий час ми стикаємося з багатьма проблемами, такими як інколи непослідовний контроль або зовнішній вигляд. Жест повернення до попереднього екрана працює в деяких програмах і лише в певних місцях, і, наприклад, значок Game Center виглядає так, ніби він з іншої ОС.

Адже ікони часто були об’єктом критики за їхню форму та суперечливість. Деякі програми отримали досить потворний значок (Game Center, Weather, Voice Recorder), який, як ми сподівалися, зміниться під час бета-версій. Не сталося.

iOS 7 на iPad виглядає досить добре, незважаючи на початковий скептицизм, на жаль, поточний випуск iOS містить велику кількість помилок, як в API, так і в цілому, і призводять до збою або перезавантаження пристрою. Я не здивуюся, якщо iOS 7 стане версією системи з найбільшою кількістю оновлень, адже точно є над чим працювати.

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

Apple має багато чого вдосконалити, iOS 7 — це багатообіцяючий новий старт, але для того, щоб довести її до ідеальної досконалості, потрібно багато працювати. Буде цікаво подивитися, що Apple принесе наступного року з iOS 8, а до того часу ми можемо спостерігати, як сторонні розробники борються з новим виглядом.

Інші частини:

[Схожі повідомлення]

Джерело
Дискузе
Теми: , , , , , , , , ,

Пов'язані



Найбільш читаний статті

.