Покращуємо навички в UI дизайні - 5 кроків

03.03.21 ⏰4хв

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

1. Закони людського сприйняття і їх використання в інтерфейсах

Ваш дизайн повинен відповідати правилам сприйняття інформації. Дійсно, без цих знань Ви не зможете реально пояснити причини свого візуального вибору. Цих правил зовсім небагато, у цій статті ми зупинимось на декількох найважливіших:

Закон близькості

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

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

Закон Якоба

«Більшу частину свого часу користувачі проводять на інших сайтах». Ви, мабуть, чули це твердження раніше. Річ у тім, що важливо, аби елементи інтерфейсу виглядали знайомими для користувача. Бо у багатьох випадках аж надто креативний дизайн може збивати його з пантелику.

Нам всім здається чужим те, чого ми не розуміємо. Тож, якщо перед Вами стоїть вибір між стандартним і якимсь космічним візуальним рішенням, вибирайте наближене до стандарту — те, що буде зрозуміле і відоме.

Ефект ізоляції

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

2. Спробуйте різні стилі та тренди дизайну

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

Це дозволить Вам сформувати більш об'єктивну позицію!

3. Спростіть колекцію шрифтів

Дизайнери часто схильні ускладнювати типографіку у своїх проєктах і використовувати надто багато шрифтів ще й у різних поєднаннях.

Насправді Вам зовсім не потрібно безлічі шрифтів, щоб створити приголомшливий і зручний інтерфейс.

Вистачить всього кількох: два або три без засічок, один із засічками та один декоративний (написаний від руки, але достатньо простий, щоб його було легко читати). І зовсім не потрібно тонути в мільйонах варіантів. Ця порада по-справжньому змінить процес проєктування і заощадить багато часу!

Якщо Ви шукаєте неймовірні, читабельні шрифти, які матимуть гарний вигляд в інтерфейсі, можете спробувати безплатні: Montserrat, Poppins, Lato або платні Sofia Pro, Gilroy, Brandon Grotesque та Proxima Nova. Вони також доступні через Adobe Fonts.

4. Дізнайтеся когнітивне навантаження та постарайтеся мінімізувати його

Одного разу Коко Шанель сказала: «Перш ніж вийти з дому, подивіться у дзеркало та зніміть один аксесуар».

Ми вважаємо, що цей принцип можна застосувати до UI дизайну.

Коли занадто багато всього наліплено, користувачеві складно зосередитися на найважливіших елементах. Тож перш ніж Ви завершите проєктування дизайну, спробуйте видалити щось, що виглядає непотрібним.

Можливо, кнопці не потрібні всі ці ефекти? Можливо, фон варто було зробити простішим? А кількість розмірів і стилів шрифтів?

5. Завжди перевіряйте доступність для користувача

Створіть власний контрольний список доступності. І кожного раз, коли працюєте над інтерфейсом, переглядайте цей список. Переконайтеся, що все відповідає правилам. Ось деякі з них:

• Між елементами правильний контраст? Спробуйте інструмент Contrast Checker.
• У кожного клікабельного елемента правильна ціль доторку? (Мінімальний розмір — приблизно 44 × 44 пікселі).
• Чи достатньо читабельний текст? (Мінімальний розмір шрифту повинен бути 12pt).

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