UXPUB

UXPUB - сообщество из 3,050 дизайнеров и творческих людей

Место, где дизайнеры делятся опытом

Создать аккаунт Войти
Cover image for Чому ми називаємо це хлібними крихтами? Занурення в історію компонентів інтерфейсу
Xperience
Xperience

Опубликовано

Чому ми називаємо це хлібними крихтами? Занурення в історію компонентів інтерфейсу

Почнемо з тосту. Чому сповіщення інтерфейсу називають «тостами»? Цікаво, давайте покопаємось в етимології компонентів UI.

Тост (Toast)

Зображення тостера проти сповіщень інтерфейсу користувача сьогодні

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

Хлібні крихти (Breadcrumbs)

Зображення навігації "хлібні крихти" та "хлібні крихти інтерфейсу користувача" сьогодні

«Хлібні крихти» — це метафора для того, щоб залишити слід за собою, та є сучасним терміном для шаблонів навігації.

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

Перемикач (Radio buttons)

Зображення старих перемикачів проти перемикачів інтерфейсу користувача сьогодні

Пережиток з історії, назва «радіо кнопка» походить від фізичних кнопок, які використовувалися в старих радіоприймачах. Натисніть одну — інші вискочать.

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

Повзунки (Sliders)

Зображення старого повзунка гучності проти повзунків інтерфейсу користувача сьогодні

Як і повзунки гучності на радіо, повзунки дозволяють користувачам збільшувати або зменшувати значення, переміщуючи ручку вздовж горизонтальної доріжки.

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

Карусель (Carousel)

Зображення каруселей тематичного парку проти каруселей інтерфейсу користувача

Як і карусель, карусель інтерфейсу відображає зображення в циклічному режимі.

Адаптація UI містить елементи керування навігацією (стрілки ліворуч і праворуч), щоб пропонувати додатковий вміст, який наразі не видно, і заохочує користувачів продовжувати дослідження.

Акордеон (Accordion)

Зображення акордеона (музичного інструменту) проти акордеона UI сьогодні

Названий на честь музичного інструмента, акордеон — це компонент UI, який приховує або розкриває вміст. Вибір його назви відображає його використання.

Акордеони можуть зробити обробку інформації та її відкриття більш ефективними. Заголовок дає загальний огляд вмісту, що дозволяє користувачеві вирішувати, які розділи читати.

Вкладки (Tabs)

Зображення папки файлів із вкладками та вкладками інтерфейсу користувача сьогодні

Всі ми памʼятаємо бумажні папки з вкладками для кожного розділу, щоб упорядковувати робочі аркуші.

Подібним чином вкладки інтерфейсу використовуються сьогодні для організації вмісту. Вони дозволяють користувачеві переміщатися між групами інформації, які з’являються в одному контексті.

Перемикач (Toggle)

Зображення старого перемикача та перемикача інтерфейсу користувача сьогодні

Перемикачі з'явилися ще в 80-х роках. Вони використовувалися для швидкого перемикання між двома можливими станами, як правило, для цілей увімкнення-вимкнення. Це призвело до народження компонента перемикання в UI.

Сьогодні перемикачі використовуються для бінарних дій, які відбуваються відразу після того, як користувач «перемикає перемикач». Досить акуратна інтерпретація!

Насамкінець

Вивчення походження термінів інтерфейсу може допомогти нам зрозуміти їх призначення та зв’язок з історією. У процесі це покращує наше розуміння компонентів інтерфейсу користувача.

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

Джерело

Обсуждение (0)