Продовжую опис UI/UX елементів, які часто зустрічаються. Знання цих елементів допоможуть при організації беклогу для команди.
Тултіп (tooltip) - це спливаюче вікно, яке з'являється над елементом веб-сторінки, коли користувач натискає на нього. Елемент використовується для відображення додаткової інформації, пов'язаної з цим елементом, без необхідності переходити на нову сторінку.
Підбирач кольору (color picker) - інструмент для вибору та візуалізації кольорів. Дозволяє користувачам легко та зручно вибрати потрібний колір.
Підбирач дати (date input, date picker) - поле вводу дати, що використовується для введення дат. Може бути представлене текстовим полем або календарем, що випадає.
Слайдер (slider) - інтерактивний елемент керування, що дозволяє користувачам вводити значення, перетягуючи маркер вздовж шкали. Використовується для регулювання параметрів, вибору значення з діапазону або фільтрації контенту.
Панель вкладок (tab bar) - це елемент інтерфейсу, що використовується для навігації між різними секціями або функціями програми в мобільних додатках. Зазвичай розташовується в нижній або верхній частині екрану та містить ряд кнопок, кожна з яких відповідає певній секції.
tab bar на веб додатках називається - footer (футер)
Скроллбар (scrollbar) - це індикатор, який використовується для прокрутки контенту, коли він не вміщається на одному екрані.
Рейтинг (rating) - це компонент дизайну, що використовується для оцінки контенту користувачами. Допомагає користувачам приймати рішення про те, який контент їм слід переглянути.
Перемикач (switch) - це інтерактивний елемент дизайну, що використовується для активації або деактивації параметра. Має два стани: "ввімкнено" і "вимкнено".
Футер (footer) - це нижня частина веб-сторінки, що зазвичай містить інформацію про веб-сайт, контактну інформацію, політику конфіденційності та посилання на інші веб-сайти.
footer (футер) в мобільних додатках - називається tab bar
Хронологія (timeline) - елемент використовується для візуалізації послідовності подій.
Галерея зображень (image gallery) - це колекція зображень, які можна переглядати. Використовується для демонстрації фотографій, продуктів або інших візуальних матеріалів.
Форма (form) - це інтерфейс для введення даних користувачем. Використовується для реєстрації, зв'язку, замовлення продуктів тощо.
Вікно повідомлення або попередження (alert box) - це спливаюче вікно, що використовується для відображення повідомлення користувачу. Може використовуватися для повідомлення про помилки, успішні дії або важливу інформацію.
Ще немає коментарів