Элементы дизайна интерфейса
Кнопка — базовый элемент, который нужен, чтобы пользователь мог выполнить какое-то действие. Например, перейти в раздел, положить товар в корзину, отправить форму или вернуться назад.
Список — строки с перечислением пунктов, разделов или содержимого. Иногда пункты списка можно удалять и добавлять: например, если это список товаров или услуг для заказа.
Меню — список кликабельных разделов сайта или приложения, внутри каждого из которых может быть своё меню. Вместе с поиском это — главный инструмент для навигации пользователя: чтобы ему было проще находить нужное.
Поле для ввода — строка или окно, где можно ввести текст и подтвердить действие, нажав на кнопку, например, чтобы найти нужный товар или оставить комментарий к заказу.
Чек-бокс — квадратное поле, где пользователь ставит крестик или галочку, чтобы подтвердить что-то или, наоборот, отказаться.
Полоса прокрутки или скролл — элемент в виде ползунка, который можно перемещать мышкой или пальцем, чтобы прокрутить страницу вниз, вверх, налево или направо.
Задача дизайнера — объединить компоненты графического пользовательского интерфейса в единую систему так, чтобы они были связаны стилем, композицией и задачей. Тогда пользователю сразу будет ясно, куда двигаться и в какой последовательности переходить от одного элемента к другому
Этапы проектирования интерфейсов
Сбор вводных.
Дизайнер или проект-менеджер встречается с клиентом или владельцем продукта и обсуждает ТЗ, сроки, целевую аудиторию, особенности продукта, цели и KPI. Если у компании или бренда есть своя контент-стратегия и брендбук, то их тоже используют в работе.
2. Исследование.
Дизайнер или аналитик изучает рынок, конкурентов и предпочтения целевой аудитории, собирает референсы — то есть примеры удачных интерфейсов продуктов из той же сферы или для той же ЦА. Это поможет понять, от чего отталкиваться и в каком направлении двигаться.
Do'stlaringiz bilan baham: |