Чому банан має ідеальний UX/UI дизайн та чому UX - не синонім UI - Gnome Agency
 
0 %
GnomeAgency

Чому банан має ідеальний UX/UI дизайн та чому UX - не синонім UI

Банан і UX/UI дизайн

Перед тим, як перейти до бананів, розберемось у термінах та поняттях:

UX (або User Experience) - в прямому перекладі означає “досвід користувача”. Якщо відвідувач сайту легко пройшов шлях від початкової точки А до кінцевої В, не загубився на сайті і успішно здійснив цільову дію (знайшов потрібну інформацію, здійснив онлайн-покупку тощо) і отримав позитивні емоції від використання продукту - сайт має добре продуманий UX-дизайн.

UI (англ. User Interface) перекладається як “користувацький інтерфейс”. UI-дизайн - процес візуалізації UX-прототипу, що включає роботу над графічною частиною інтерфейсу: шрифти на сайті, вигляд меню, зручність і вигляд кнопок, анімація, ілюстрації тощо. 

Яка різниця між UX та UI 

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

Чому поняття UX і UI часто плутають

Ці поняття тісно пов'язані, так як UX - це основа для UI. Часто UX-дизайнер та UI-дизайнер - це одна і та сама людина, тому межа між поняттями дуже тонка.

Головні характеристики UX-дизайну: 

Існує основна характеристика хорошого UX: чим простіший і зрозуміліший інтерфейс, тим, звісно, краще :) Якщо “щось пішло не так” і користувачу не вдалось завершити свою дію, дизайн потребує доопрацювання. Для цього потрібно:

  • розуміння і вивчення потреб ЦА, 

  • проектування логічної архітектури сайту на базі цих потреб.

Головні характеристики UI-дизайну: 

Кольори на сайті, вигляд, розташування, розмір елементів інтерфейсу, читабельність шрифтів - за все це відповідає UI-дизайнер.

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

  • зрозумілість (користувач повинен розуміти, чи пройшла оплата, чи отримав менеджер заявку тощо);

  • ефективність (хороший інтерфейс заощаджує час користувача і доставляє його в потрібну точку з мінімальними зусиллями).

А тепер час бананів :)

Який зв'язок між бананом та веб-дизайном? Все просто, варто поглянути на його характеристики :)

UX банана полягає у зручності та простоті використання:

  • банан не треба мити перед вживанням (як, наприклад, яблуко);

  • не треба використовувати ніж для чищення (згадайте, на хвилиночку, гранат чи ананас);

  • банан не забруднить ваші руки (а тепер, уявіть, що чистите руками апельсин).

Щодо UI банана, то це:

  • зрозумілий “інтерфейс” - лінії на банані підскажуть, в якому напрямку його треба чистити;

  • і найголовніше - ви можете бачити банан вперше, але все одно зрозумієте як його почистити та з'їсти :)

Висновок :)

Головна різниця між UX і UI полягає у наступному:

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

  • UI-дизайнер пояснює, як користуватися продуктом.

Відмінне поєднання UX/UI можна описати наступним чином: 

  • візуальне і графічне оформлення витримане в єдиному стилі і не «ріже» очей,

  • структура сайту зрозуміла з першого погляду, 

  • користувач може швидко знайти потрібну інформацію.

Якщо сайт має класний дизайн, але складний інтерфейс, можна сказати, що це якісний UI і слабкий UX. І навпаки: дуже зручний у використанні нецікавий інтерфейс - якісний UX, слабкий UI. Правильне поєднання UX і UI визначає - це простота, візуальне задоволення і комфорт роботи з сайтом.

Картинка користувача Svitlana K..

автор - Svitlana K.

Час прочитання статті - 6 хв.