5 Трендів в мобільному дизайні
Мобільних пристроїв стає все більше, при цьому багато користувачів активно використовують свої планшети або смартфони для виходу в інтернет. І все йде до того, що незабаром частка мобільних пристроїв стане набагато більше, ніж частка настільних комп`ютерів. Ще на початку 2000-х років в це насилу можна було повірити, але в 2015 році немає ніяких причин сумніватися в цьому прогнозі. Отже, дизайнерам потрібно приділяти мобільних пристроїв все більше уваги, так як майбутнє саме за ними. Хоча сайти в їх звичному розумінні нікуди не подінуться, потрібно розуміти, що смартфони і носиться електроніка істотно змінять сприйняття контенту користувачем. Значить, потрібно змінити свій підхід до проектування. Пора б забути термін «мобільний дизайн» і залишити тільки термін «проектування», так як вже сьогодні дизайнерам потрібно думати такими категоріями, як «omni-канали» і «екосистема».
Ну а поки світле майбутнє ще не настало, всіх цікавить питання - в якому напрямку рухається мобільний дизайн і які тенденції домінують в цій сфері. FreelanceToday пропонує вашій увазі 5 головних трендів в дизайні інтерфейсів мобільних пристроїв.
Витончена кольорової палітри
Цілком ймовірно, що в традиційному веб-дизайні в 2015 році дизайнери будуть використовувати контрастні і яскраві поєднання кольорів. У дизайні мобільних додатків спостерігається зворотна картина - основний тренд сьогодні це відмова від «кричущих» колірних палітр і зміщення в бік більш м`яких і не дуже контрастних відтінків. Стримана палітра добре поєднується з флет-дизайном, а яскраві кольори можна використовувати тільки в разі потреби, наприклад, для залучення уваги.
Звичайно, більш стримана кольорова палітра не означає того, що не можна використовувати так улюблений деякими дизайнерами кислотний зелений або яскраво-червоний колір - можна, все можна. Але тренд до більш спокійного оформлення інтерфейсу в наявності, а за модою потрібно стежити. Головне - не дозволяти кольором домінувати над дизайном - колірна гамма повинна бути приємною і не заважати користувачеві взаємодіяти з інтерфейсом.
Відео: 5 справжніх трендів веб дизайну!
анімованих елементів
Тренд на анімовані елементи в мобільному дизайні дуже помітний. Однак потрібно зазначити, що змінився сам підхід до анімації - вона стає все більш функціональною. Жоден статичний елемент не здатний залучити більше відгуків, ніж анімований, так що не дивно, що дизайнери активно використовують анімацію в своїх проектах.
При цьому анімовані елементи вже не несуть візуальне навантаження - з розряду «прикольних фішок» вони перетворилися в повноцінний елемент дизайну і полегшують користувачеві роботу з додатком. Так як екрани мобільних пристроїв були і будуть невеликими, то доводиться думати, як розмістити весь функціонал на такій невеликій площі. Ось тут на допомогу і приходить анімація. Елементи з`являються тільки тоді, коли це необхідно і правильно реагують на дії користувача. Належним чином реалізовані, анімовані елементи дозволять користувачам швидше розібратися в навігації і швидше отримувати доступ до цікавого їх контенту.
БІЛЬШЕ скролінг
Те, як користувач переглядає веб-сторінку, має велике значення. Більшість людей не замислюючись крутять коліщатко мишки - це найзручніший спосіб скролінгу для звичайних сайтів, які відкриті на робочому столі. Інша справа мобільні пристрої - тут сторінку користувач прокручує пальцем. Іноді це зручно, іноді немає - все залежить від формату контенту і власне дизайну сайту або програми. Однак даний спосіб вертикального скролінгу - лише один із способів управління контентом. Одним з найпопулярніших трендів в дизайні інтерфейсів мобільних пристроїв є паралакс-скролінг.
Відео: Кухні 2016 або 5 трендів в дизайні кухонь 2016
Паралакс-скролінг може підняти анімацію і сторітеллінг, використовувані в мобільному дизайні на новий рівень. Сьогодні, коли всюди домінує плоский дизайн, реалізація параллакса додасть глибину мобільному дизайну і зробить його набагато більш зручним.
Відео: Дизайн спальні 2017. 5 головних трендів цього року
Крім параллакса, дизайнери будуть експериментувати з модульним і нескінченним скролінгом. Перед дизайнерами постійно постає питання - як зробити так, щоб користувачеві було зручно взаємодіяти з інтерфейсом і скролінг є одним з найважливіших елементів дизайну. Поки не видно, що дизайнери однозначно взяли модульний скролінг - в більшості випадків використовується звичайна прокрутка пальцем. Однак мобільний веб розвивається і незабаром з`явиться багато рішень, в яких одночасно використовується кілька видів скролінгу в одному дизайні, в тому числі і горизонтальна прокрутка.
СТОРІТЕЛЛІНГ
Сторітеллінг - порівняно нове явище в мобільному дизайні, але цей тренд впевнено набирає силу. Сенс в оповідної подачі контенту дійсно є - на мобільному пристрої переглядати картинки набагато простіше, ніж читати текст. Зараз сторітеллінг в основному використовується в рішеннях для брендів, в основному це рекламний або іміджевий контент, де візуального оформлення приділяється багато уваги. Однак сторітеллінг можна широко використовувати в дизайні, особливо, якщо він покращує досвід взаємодії користувача.
Відео: Say Hi | 10 Трендів веб-дизайну за 2015 рік
Дизайн сьогодні стає все більш емоційним, причому з явним акцентом UX. Це означає, що користувачам вже не хочеться бачити нудний дизайн зі стандартними елементами управління. Сьогодні в тренді інтерактивність і нестандартна анімація. Сторітеллінг, як емоційна складова і анімація, як складова функціональна і інтерактивна, зможуть дати користувачеві повний контроль над кількістю переглядів контентом. Сторітеллінг - це поки самий недооцінений інструмент UX, але незабаром ми побачимо, як візуальні історії в багатьох випадках замінять обридлі заклики до дій.
розмитість фони
Розмиті фони - тренд далеко не новий, проте цей прийом можна все частіше побачити в дизайні мобільних додатків. Ефект розмиття буде використовуватися в мобільному дизайні не тільки для краси, а й для того, щоб сфокусувати увагу користувача на важливих елементах. Також розмитий фон в деяких випадках робить більш приємним перегляд текстового контенту. І, звичайно, робить елементи навігації більш помітними.
Наскільки сильно повинен бути розмитий фон, залежить від завдання. Якщо на екрані присутня безліч елементів управління, значить розмивати потрібно сильніше - інакше вийде візуальна каша. А якщо елемент всього один, то розмивати можна мінімально - так як користувач і так зрозуміє, що йому потрібно робити.
Однак розмиті фони потрібно використовувати з обережністю, особливо в разі, якщо в дизайні використовуються напівпрозорі елементи. Розумієте підступно - воно може знизити контраст фону і елементів управління, що ускладнить взаємодію з інтерфейсом.
ВИСНОВОК
Нові тренди в мобільному дизайні з`являються постійно і ми відзначили лише 5 основних тенденцій. Однак в статтю не увійшли інші тренди, але ж є Material Design, спрощені інтерфейси, дизайн для смарт-годинників та інших носяться пристроїв. У будь-якому випадку ясно, що мобільний дизайн поки ще перебуває в початковій стадії свого розвитку і якісь тренди підуть, а якісь будуть домінувати. Які саме - покаже час.
