Стиль metro ємко і без метушні

Суть стилю Metro - щоб їжаку було зрозуміло. Якщо менше метафорично, то користувач повинен отримати потрібну йому інформацію не відволікаючись від своїх думок.

Звідки ідея

Уявіть, що ви перебуваєте в аеропорту (в метро, на вокзалі) незнайомого міста і часу на пошуки мети зовсім мало. У цій ситуації все, що вам потрібно від інформаційної системи цього місця - це максимально швидко, дуже зрозуміло і однозначно отримати потрібну інформацію, щоб знайти дорогу до мети. І в даному випадку вам будуть абсолютно байдужі дизайнерські вишукування, а додаткова інформація буде тільки заважати, тому що вона здатна відволікти на себе увагу. Все повинно бути 100% ясно з першого погляду.

Загалом, як завжди, не потрібно придумувати нічого нового, і взяти успішну, перевірену часом ідею мови транспортних систем. За досить довгий час існування він став досить досконалим (напевно, якби двигуни внутрішнього згоряння були б так досконалі, то ми б давно могли проїжджати 100 км на 100 мл палива): в ньому відкинуто все зайве, елементи зроблені настільки зрозумілими, наскільки це взагалі можливо, колірні схеми спрямовані на виділення тільки потрібних елементів, а шрифти Новомосковскются дуже просто.

Це і стало ідеєю для Metro.

Курс стилю Metro

Тепер виділимо 3 орієнтиру, на які спрямований стиль Metro:

орієнтир на чіткий і чистий зовнішній вигляд без прикрас і непотрібних елементів;
орієнтир на прямолінійний рух. Менше статики, більше динаміки, пропонуючи користувачеві нову інформацію і нові можливості. Важливим критерієм при цьому є плавність і легкість переміщення. Затримки неприпустимі. Загалом: slide, turnstile (переворот), continuum (елемент за яким скликали залишається на екрані) рулять, fade немає;
орієнтир на контент і максимальну воспринимаемость текстової інформації.

Характеристики стилю Metro

Щоб якийсь інтерфейс можна було б назвати відповідним стилем Metro, цей інтерфейс повинен відповідати наступним характеристикам:

Відсутність непотрібних елементів і зосередження уваги на головних. Зазначу, що вторинні елементи не виключаються, але вони не повинні відволікати користувача від від головних елементів, отже їх Місцезна в центрі інтерфейсу;
Легкість інтерфейсу на вигляд і сприйняття;
Висока швидкість роботи як інтерфейсу в цілому, так і динаміки окремих елементів;
Всі головні елементи повинні бать відкритими: повинні бути на виду і доступними відразу;
Особливу увагу шрифтів: стиль, Новомосковскемость, розмір повинні бути спрямовані не в бік краси, а в сторону акуратності і відмінною Новомосковскемості;
Елементи меню повинні бути пов'язані між собою таким чином, щоб процес навігації був максимально прогнозованим;
Концентрація виключно на потрібної інформації. Геть усі прикрашення і додаткові елементи. Все повинно бути чітко, як циферблат класичних наручних годинників.
Відсутність елементів з реального життя в інтерфейсі. Ярлички реалістичними зображеннями оточуючого нас світу і тіні - це не Metro.

Анімація в Metro

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

Максимальним значенням, при якому користувач сприймає анімацію як миттєву, є 0,5 секунди.

Плитки, як елемент дизайну

Цей спосіб організації елементів і простору є дуже ефективним для структурування і сприйняття інформації.