5 Альтернатив випадає меню
Випадають меню. Ще зовсім недавно вони зустрічалися повсюдно. Але життя не стоїть на місці і, схоже, що епоха випадають меню добігає кінця. Навігація у вигляді списків, що розкриваються вже не відповідає сучасним реаліям - користувачам потрібно щось інше.
Людям потрібні інші меню і нові можливості навігації, які будуть простіше і зрозуміліше. Бажано також, щоб меню не містило великої кількість опцій - сьогодні ніхто не хоче кілька секунд міркувати, де саме знаходиться потрібна інформація. Навігаційне меню повинно бути апаратно-агностическим і працювати однаково на різних типах пристроїв, створюючи єдиний призначений для користувача досвід. Що ж можна зробити, якщо стає ясно, що розкривається меню, при всіх його достоїнствах, є не найкращим рішенням? Є як мінімум п`ять варіантів.
Скролінг-панелей
Можна любити чи не любити довгий скролінг, але не можна не визнати, що за допомогою ефектів прокрутки, таких як паралакс або вставки, які які переміщують користувачів в інші розділи сайту, можна створити дуже ефективну навігацію. Багато дизайнерів ще кілька років тому не сприймали сторінки з довгою прокруткою як щось серйозне, але в зв`язку з широким розповсюдженням мобільних пристроїв скролінг несподівано став одним з домінуючих трендів в веб-дизайні.
Відео: LATVIA 8 Hour Field Ration Menu # 5 Saus s Uzturdevas NR 5
Сьогодні люди звикли прокручувати сторінку, так що дизайнерові вже не потрібно думати про те, як розмістити всі посилання і елементи навігації на першому екрані. За допомогою HTML5 можна створити зручну і зрозумілу навігацію, яка буде повністю відповідати потребам користувача. Скролінг в чомусь схожий з зануренням і при достатніх навичках можна зробити так, що користувачі будуть переміщатися по сайту, навіть не думаючи про те, що на ньому є навігація. Вони її просто не розпізнають.
Для того, щоб змусити працювати скролінг, недостатньо просто створити довгу сторінку з купою посилань. Дизайн повинен впливати на користувача і давати йому розуміння того, що він робить. За відсутності звичного меню основні екрани сайту можна розділити за допомогою кольору або інших візуальних прийомів. Кожен екран в результаті буде являти собою досить великий простір, тому не складе особливих труднощів розташувати там інтерактивні елементи, які повідомлять користувачам, де вони знаходяться і куди їм потрібно рухатися далі.
Якщо є побоювання, що якась частина користувачів буде погано орієнтуватися на сайті, можна розмістити стандартну навігацію в футере - користувач, прокрутивши сторінку до кінця, побачить звичну навігацію. В кінцевому підсумку вдасться досягти компромісного рішення - сайт буде виглядати сучасно, але при цьому звичні пункти меню як і раніше будуть доступні.
ПРИХОВАНІ гамбургер
Багатьом не подобається іконка-гамбургер. Далеко не всі користувачі знають, що за трьома горизонтальними смужками може ховатися повноцінне меню. Але перш ніж заявити про свою ненависть до гамбургерів, краще трохи подумати. Подобається гамбургер чи ні - це, в общем-то, питання особистих переваг. Ця маленька іконка здатна на багато що і з кожним роком все більше число користувачів починають розуміти її значимість. Так що в кінцевому підсумку гамбургер займе своє місце серед найбільш популярних елементів навігації і багатьом дизайнерам, незалежно від того, як вони ставляться до гамбургеру, доведеться так чи інакше використовувати його в своїх проектах.
Замість того, щоб шукати способи, як зробити навігацію більш зрозумілою без гамбургера, краще подумати, а як його можна використовувати з максимальною ефективністю.
Наприклад, можна схитрувати і гранично спростити основне меню. Запропонувати користувачам кілька основних елементів, що істотно спростить взаємодію з сайтом. Та й чи потрібні сьогодні докладні меню з великою кількістю пунктів? Значна частина користувачів потрапляє на сайт по посиланнях з пошукових систем, так як людям ліньки забивати в адресний рядок URL, тому не варто ускладнювати їм завдання і просто запропонувати вихід з внутрішньої сторінки в основні розділи сайту. Тут-то і допоможе іконка-гамбургер зі спрощеної навігацією.
плитковий НАВІГАЦІЯ
Плитки, плитки. Все частіше в інтернеті зустрічаються сайти з плитковим дизайном - феноменальний успіх Pinterest не дає спокою багатьом дизайнерам. Плитки-картки як не можна краще підходять для маленьких дисплеїв, людям подобається такий підхід до демонстрації контенту, так чому б не використовувати плитки в якості навігаційного меню?
Відео: Як зробити випадаючий список в Excel?
Можна розташувати плитки на першому екрані, заповнивши ними весь простір головної сторінки. Кожна карта буде елементом меню, що переміщує користувача до іншого розділу сайту. Ця ідея настільки проста і інтуїтивно зрозуміло, що будь-який користувач з легкістю знайде те, що йому потрібно і не буде відчувати труднощів, переміщаючись між сторінками.
Як доповнення до дизайну, можна використовувати чуйні карти, які після вивчення встануть на колишнє місце на екрані смартфона або планшета.
Мобільні користувачі по достоїнству оцінять таку турботу про них.
Плитковий дизайн тренд досить новий, тут поки не з`явилося універсальних рішень, так що у дизайнерів є можливість поекспериментувати. Ніхто не забороняє змішувати плитки з іншими елементами навігації. Можна використовувати картки різного формату: з текстом, картинками або відео. Користувач прекрасно розрізняє види контенту, так що йому буде неважко взаємодіяти зі свсемі представленими елементами.
Липки МЕНЮ
Відео: $ 3 Sushi Vs. $ 250 Sushi
Меню повинно бути перш за все зрозумілим. Також дуже важливо, щоб користувач не відчував жодних труднощів при пошуку потрібного розділу сайту. Отже, меню повинно бути таким, щоб його можна було легко знайти. Липкі меню - один з найбільш простих способів створення простої навігації, за допомогою якої користувач зможе переміщатися між сторінками. Як варіант - можна створити просте меню, де буде лише кілька важливих елементів і «приклеїти» його так, щоб воно завжди було перед очима користувача незалежно, в якому розділі сайту він знаходиться.
Для зручності можна змінювати зовнішній вигляд меню. Липке меню не повинно дратувати, тому, коли воно не потрібно, його можна зменшити і розмістити у верхній частині екрану.
На сайті Bloomberg Mayors Challenge липке меню виконує дуже важливу функцію. Його взагалі немає на першому екрані - все розділи сайту з`являються тільки після того, як користувач почне прокрутку сторінки. Меню при цьому розміщується десь в середині і прилипає зверху в той момент, як користувач доскролліт сторінку до цього місця. Дане рішення реалізовано у всіх основних розділах сайту, що дуже зручно. Також в меню крім розділів є іконки соціальних мереж - завжди можна поділитися цікавим контентом з іншими користувачами.
Липке меню - одна з найпростіших альтернатив розкривається меню. Цим пояснюється велика кількість готових тим в маркетплейсах, де використовується саме таке рішення.
ВЕРІТКАЛЬНАЯ НАВІГАЦІЯ
Вертикальна навігація використовується на двох найпопулярніших сайтах - Facebook і Twitter, проте сайтів, які використовують такий підхід поки що не так багато.
На сайтах соціальних мереж важливі навігаційні елементи розташовуються в бічному сайдбарі - тонка вертикальна колонка відмінно підходить для розміщення простий текстової інформації, яка сприймається з першого погляду.
Але це соціальні медіа. У випадку з іншими сайтами вертикальна навігація може бути не дуже ефективною. Якщо ж даний прийом має свої плюси, то варто подумати, де розташувати сайдбар - зліва чи справа. Навігація повинна працювати в безпосередній зв`язці з контентом, так що доведеться ретельно проаналізувати, в який бік «тягне» користувача вміст сайту.
Чи може основний контент змусити користувача подивитися на меню? Це найголовніше питання при роботі з вертикальною навігацією. Кожен елемент дизайну є частиною одного цілого, так що всі вони повинні працювати разом для досягнення потрібного результату.
ВИСНОВОК
Зовнішній вигляд навігаційних меню постійно змінюється. Однак в цьому сегменті нові тренди з`являються порівняно рідко і їх розвиток йде повільно, що цілком зрозуміло. Проектувати навігаційні елементи складно, вони занадто важливі, так що сміливі та креативні рішення можуть викликати невдоволення користувачів. Багато дизайнерів не поспішають впроваджувати модні «фішки», цілком справедливо вважаючи, що краще використовувати добре себе зарекомендували рішення.
Все правильно: проста навігація краще, ніж складна. Але якщо доводиться використовувати великі, що пригнічують випадають меню, настав час для змін. Є багато нових підходів, чому б їх не використовувати в своїй роботі?
