Почнемо з тосту. Чому сповіщення інтерфейсу називають «тостами»? Цікаво, давайте покопаємось в етимології компонентів UI.
Тост (Toast)
Коли ваш тост буде готовий, він вискочить з тостера, щоб повідомити вам про це. Подібним чином, сповіщення тостів — це елементи інтерфейсу, які використовуються для відображення коротких повідомлень. Як і тости для сніданку, вони також зникають за кілька секунд.
Хлібні крихти (Breadcrumbs)
«Хлібні крихти» — це метафора для того, щоб залишити слід за собою, та є сучасним терміном для шаблонів навігації.
Назва посилається на німецьку історію про Гензель і Гретель, в якій персонажи розкидають крихти по шляху, щоб знайти дорогу додому. Анологічно цій історії, хлібні крихти в інтерфейсі допомагають відвідувачам зрозуміти ієрархію між рівнями та повернутися через них.
Перемикач (Radio buttons)
Пережиток з історії, назва «радіо кнопка» походить від фізичних кнопок, які використовувалися в старих радіоприймачах. Натисніть одну — інші вискочать.
Це пояснює, чому сьогодні перемикачі використовуються, коли у вас є група взаємовиключних варіантів і дозволяється лише один вибір із групи.
Повзунки (Sliders)
Як і повзунки гучності на радіо, повзунки дозволяють користувачам збільшувати або зменшувати значення, переміщуючи ручку вздовж горизонтальної доріжки.
Інтерпретація повзунків в інтерфейсі дуже схожа і покращує досвід, дозволяючи користувачам вводити більш точні числові значення.
Карусель (Carousel)
Як і карусель, карусель інтерфейсу відображає зображення в циклічному режимі.
Адаптація UI містить елементи керування навігацією (стрілки ліворуч і праворуч), щоб пропонувати додатковий вміст, який наразі не видно, і заохочує користувачів продовжувати дослідження.
Акордеон (Accordion)
Названий на честь музичного інструмента, акордеон — це компонент UI, який приховує або розкриває вміст. Вибір його назви відображає його використання.
Акордеони можуть зробити обробку інформації та її відкриття більш ефективними. Заголовок дає загальний огляд вмісту, що дозволяє користувачеві вирішувати, які розділи читати.
Вкладки (Tabs)
Всі ми памʼятаємо бумажні папки з вкладками для кожного розділу, щоб упорядковувати робочі аркуші.
Подібним чином вкладки інтерфейсу використовуються сьогодні для організації вмісту. Вони дозволяють користувачеві переміщатися між групами інформації, які з’являються в одному контексті.
Перемикач (Toggle)
Перемикачі з'явилися ще в 80-х роках. Вони використовувалися для швидкого перемикання між двома можливими станами, як правило, для цілей увімкнення-вимкнення. Це призвело до народження компонента перемикання в UI.
Сьогодні перемикачі використовуються для бінарних дій, які відбуваються відразу після того, як користувач «перемикає перемикач». Досить акуратна інтерпретація!
Насамкінець
Вивчення походження термінів інтерфейсу може допомогти нам зрозуміти їх призначення та зв’язок з історією. У процесі це покращує наше розуміння компонентів інтерфейсу користувача.
Як дизайнери в цифрову епоху, ми відіграємо вирішальну роль, допомагаючи людям переходити концепції від фізичної до цифрової. Оскільки технології продовжують модернізувати більш традиційні галузі, важливо звернути увагу на історію. Існують фізичні сигнали, на яких ми можемо вчитися та адаптуватися до компонентів інтерфейсу.
Найстарші коментарі (0)