Принципи UI дизайну

На даному етапі важливо нагадати всі принципи UI, яких потрібно дотримуватися, щоб проектувати дійсно якісні інтерфейси

.

До основних принципів UI відносяться:

• Ієрархія

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

• Колір

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

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

• Консистентність

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

• Шрифти

• https://fontjoy.com/ прекрасний інструмент який допоможе тобі обрати шрифти для твого інтерфейсу чи сайту.

Але зі свого досвіду, як UX/UI Designer - якщо тобі не потрібно створити унікальний дизайн сайту (цим в основному займаються Web Designer), у дизайнера інтерфейсів трохи інша задача, твій інтерфейс скоріше повинен бути доступним і зрозумілим ніж унікальним, особливо з точки зору шрифту. Тому для інтерфейсів краще використовувати найпростіші комбінації та налаштування. Для розуміння цього передивись продукти від Google. Apple, Windows. Всюди ти побачиш один і той самий шрифт, акценти та контраст там досягається за рахунок розміру,  та стилю шрифту.

Шукай шрифти на https://fonts.google.com/

• White space/Negative space

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

• Розмір

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

• Відповідність

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

• Легкість у використанні та зрозумілість

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

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

З цього правила можна поступово перейти до наступного і одного з найважливіших пунктів інтерфейсу - а саме Аксесабіліті або доступність.

• Аксесабіліті

https://ain.ua/2021/11/01/minczifra-uprostila-generacziyu-covid-sertifkatov-ka

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