Що таке UX/UI дизайн насправді?

Дуже багато непорозумінь в середовищі дизайнерів і розробників. Також багато дурних питань, пов’язаних з UX і UI у новачків. Часто просто з-за того, що люди не знають суті поняття UX/UI і, не знаючи про що говорять, називають речі своїми іменами.

Я хочу раз і назавжди поставити крапку і простою зрозумілою мовою пояснити, що значить «UX/UI дизайн».


Різні типи інтерфейсів для заточування лез.

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

Мета UI/UX дизайнера — довести користувача до якоїсь логічної точки в інтерфейсі. Зробити так, щоб користувач досяг своєї мети.

Що таке UX/UI, прямим текстом

(в цьому розділі будуть банальні фрази)

UX — це User Experience (дослівно: «досвід»). Тобто це те, який досвід/враження користувач отримує від роботи з вашим інтерфейсом. Вдається йому досягти мети і на скільки просто чи складно це зробити.

А UI — це User Interface (дослівно «інтерфейс») — те, як виглядає інтерфейс і те, які фізичні характеристики набуває. Визначає, якого кольору буде ваше «виріб», чи зручно людині буде потрапляти пальцем в кнопочки, читабельним чи буде текст тощо…

UX/UI дизайн — це проектування будь-яких користувальницьких інтерфейсів в яких зручність використання так само важливо, як і зовнішній вигляд.

Що таке UX і UI дизайн, іншими словами

Прямий обов’язок UX/UI дизайнера — це, наприклад, «продати» товар або послугу через інтерфейс. Саме на основі роботи UX/UI дизайнера користувач приймає рішення: «Бути чи не бути?» Подобається чи не подобається. Купити чи не купити.

Читайте також  Атомарний веб-дизайн

Насправді цілі дизайнера можуть бути різними. Не обов’язково щось «продавати». Але я спеціально не хочу використовувати занадто абстрактні фрази, щоб цей текст був зрозумілий новачкам; щоб стиль викладу не перетворився в хрестоматію з мови програмування взірця 90х років.
UX/UI дизайн не відноситься тільки до смартфонів і веб-сайтів. Більш того, професія UX/UI дизайнера існувала з незапам’ятних часів. Просто раніше вона так не називалася. Точніше, раніше вона взагалі ніяк не називалася, а була частиною інших професій.

Ось перший приклад: коли Вільгельм Шиккард в 1623 році винаходив арифмометр, він вже був UX/UI дизайнером.

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

Ще один більш давній і примітивний приклад — точильний камінь (колесо). Вже в ранньому середньовіччі було багато різновидів і механізмів такого колеса:

  • його можна було крутити корбою вручну
  • колесо міг крутити інша людина
  • або його можна було розкручувати навіть без рук, натискаючи педаль ногою
  • та інші…

Все це були різні типи інтерфейсів.

Так от, коли винахідник чергового точильного каменю думав:

  • буде він сидіти і сам натискати педаль
  • або він спростить механізм, але приставить раба який буде розкручувати колесо рукою,

у той момент він був UX дизайнером.

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

Читайте також  Тонкощі продуктового дизайну

І той спосіб, яким би ви заточували меч — називався б інтерфейс.

Різниця між UX і UI в тому, що UX дизайнер планує те, як ви будете взаємодіяти з інтерфейсом і які кроки вам потрібно зробити, щоб зробити що-то. А UI дизайнер придумує, як кожен з цих кроків буде виглядати. Як бачите з прикладів вище, UX і UI так тісно пов’язані, що іноді межа між поняттями змивається. Тому й UX, і UI зазвичай займається один дизайнер і його професія пишеться через /.

Останнім часом популяризація професії UX/UI дизайнера пов’язана скоріше з розвитком цифрових технологій. А ось саме той «бум» (коли ми стали бачити термін «UX/UI» в кожному другому оголошенні про роботу) пов’язаний з самою назвою, який хтось придумав зовсім недавно.
UI/UX дизайн — це зараз одна з найбільш затребуваних професій в цифрової індустрії. Скільки часу вона буде затребувана залежить від розвитку цієї галузі. І, судячи з усього, вона тільки набирає обертів.

UX і UI — це не тренди. Технології розвиваються. Попит на сайти зростає. Цифрові додатки з’являються як гриби. А інструменти дизайну і розробки спрощуються настільки, що вже практично будь-яка людина без знання програмування може «на коліні» зробити сайт-візитку. Ось тільки цей сайт повинен якось виглядати. І не просто як абстрактний каркас з тексту і кнопок. Тут програмістам і потрібна допомога UX/UI дизайнера.

Поділ на веб-дизайнерів і UX/UI дизайнерів з’явилося з розвитком інтернету. З часом знадобилися більш вузькі фахівці, які робили б інтерфейси саме для веб-сайтів.
Так, UI/UX дизайн — це більш широке і ємне поняття, ніж веб-дизайн.

P. S. Деякі люди пишуть UI/UX, але я волію писати UX/UI. І це тільки тому, що в робочому процесі спочатку робиться UX, а потім UI. Але це не важливо — пишіть як хочете. Головне не плутати цей порядок під час робочого процесу. Тому що багато початківці дизайнери починають спочатку вигадувати якісь класні кнопки і фішки будуть їх інтерфейсі. Але не думають про те, як взагалі користувач буде переходити від одного кроку до іншого.

Читайте також  Все, що потрібно знати про вирівнювання по Flexbox

Степан Лютий

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

You may also like...

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *