У сучасному світі, переповненому інформацією, кожен з нас бажає користуватися сайтами і додатками, які економлять час і не виснажують перевантажений мозок. Знаючи це, компанії прагнуть створювати максимально зрозумілі і зручні цифрові продукти. Досягти цієї мети їм допомагає грамотний UI- і UX-дизайн.
Дизайн сайтів, додатків або гаджетів - це не просто красиві візуальні ефекти, а вирішення конкретних і досить складних завдань. І тут не обійтися без ТРІЗ (Теорії вирішення винахідницьких завдань) - системного підходу до розуміння і вирішення будь-якої проблеми. Якщо ви хочете мати ясне мислення і генерувати новаторські ідеї, як це роблять кращі UX- і UI-дизайнери, ласкаво просимо на нашу онлайн-програму «ТРІЗ на практиці».
UI і UX - два терміни, які часто плутають або не розуміють зовсім. У цій статті ми дамо прості визначення UI і UX, пояснимо, чим вони відрізняються і чому так важливі, а також наведемо приклади, які полегшать їх розуміння. Але раніше пропонуємо пройти невеликий тест, щоб перевірити, наскільки добре ви розбираєтеся в темі на даний момент:
Визначення UI і важливість UI-дизайну
UI (акронім від User Interface, користувальницький інтерфейс) - це засіб, за допомогою якого людина управляє веб-сайтом, додатком або пристроєм. Простіше кажучи, це будь-які елементи, які дозволяють користувачеві взаємодіяти з продуктом (цифровим або матеріальним), наприклад:
- поля вводу тексту, слайдери, що спливають підказки на сайтах;
- інтерактивні кнопки, перемикачі, переходи між екранами і меню в програмах;
- голосовий пошук або помічник (Siri для власників продуктів Apple, Alexa на пристроях корпорації Amazon, Аліса від компанії «Яндекс»);
- стільниця;
- сенсорний екран;
- клавіатура, комп'ютерна миша.
Типовим прикладом пристрою з інтерфейсом користувача є пульт дистанційного керування телевізором. Він має цифрову клавіатуру, кнопки регулювання гучності, перемикання каналів, відключення живлення тощо. Цей набір кнопок, а також їх розташування на контролері складають UI. Спідометр автомобіля, банкомат, пристрій віртуальної реальності - все це різні форми UI.
Якщо копнути глибше, можна зрозуміти, що користувацький інтерфейс - досить велика область, яка включає в себе прогнозування власних переваг і подальше створення інтерфейсу, здатного їх задовольнити. UI-дизайн фокусується не тільки на естетиці, але і максимізує чуйність, ефективність і доступність продукту. Хороший UI-дизайн важливий, тому що він може перетворити потенційного користувача на реального покупця. Це відбувається при дотриманні трьох принципів:
- UI-дизайн «невидимий», тобто він не відволікає від виконання завдань користувача, інтуїтивно зрозумілий і забезпечує безперебійну роботу. Споживачеві важливий не сам дизайн, а те, щоб його завдання вирішувалися легко і з мінімальними зусиллями.
- Інтерфейс користувача приємний або принаймні не розчаровує. Коли дизайн пророкує потреби користувача, він дає можливість випробувати більш персоналізований і захоплюючий досвід, змушуючи повертатися до нього знову і знову.
- UI передає цінності бренду і зміцнює довіру користувача. Хороший дизайн - це емоційний дизайн. Користувачі пов'язують позитивні почуття з брендами, які здатні створювати магію легкості і безпроблемності.
Поки комп'ютерні технології залишаються частиною повсякденного життя, буде існувати потреба у створенні інтерфейсів, що дозволяють користувачам будь-якого віку, рівня підготовки та технічного досвіду ефективно їх використовувати.
Коротка історія UI-дизайну
У 1970-х роках для керування комп'ютером використовувався інтерфейс командного рядка: щоб виконати просте завдання, користувачеві потрібно знання мови програмування і нескінченну кількість рядків коду. Через кілька років фахівцями з науково-дослідного центру Xerox PARC був розроблений перший графічний користувальницький інтерфейс. Завдяки цьому революційному нововведенню кожна людина могла взаємодіяти з комп'ютером без використання кодування, відправляючи команди через значки, кнопки і меню.
У 1984 році корпорація Apple Computer випустила перший домашній комп'ютер, оснащений мишкою з інтерфейсом типу «наведи і клацни». Доступність і поширеність персональних та офісних комп'ютерів означала, що інтерфейси необхідно розробляти з урахуванням потреб користувачів. В результаті народився UI-дизайн.
Сучасні UI-дизайнери працюють не тільки з комп'ютерними інтерфейсами, але і з мобільними пристроями, додатками, доповненою і віртуальною реальністю, системою «розумний будинок» і навіть з «невидимими» або безекранними інтерфейсами, такими як голос, жести і світло.
Просто про UX
Згадайте ваше останнє відвідування кафе або ресторану. Яким було перше враження, коли ви туди увійшли? Як було оформлено меню? Чи досить швидко приготували їжу і який був її смак? Наскільки якісно вас обслужили? Ви б повернулися туди знову?
Відповіді на ці питання, включаючи всі емоційні переживання, які народилися при взаємодії з кафе або рестораном, являють собою користувацький досвід або UX. У сучасному світі цей термін найчастіше використовують стосовно цифрових продуктів або послуг, хоча він виходить далеко за межі сфери високих технологій:
UX (акронім від User Experience, користувальницький досвід) - це відчуття, які відчуває людина при експлуатації продукту, додатку, системи або послуги. UX включає в себе безліч аспектів: зручність і простоту використання, користь, актуальність, легкість навігації, функціональність.
Користувальницький досвід настільки важливий, що великі компанії наймають десятки UX-дизайнерів, які займаються вивченням користувачів і їх потреб. На відміну від UI-колег, більше націлених на вирішення технічних завдань, пов'язаних з програмуванням, UX-дизайнери повинні володіти творчими здібностями, навичками критичного мислення та емпатією, щоб створювати клієнтоорієнтовані продукти.
Якщо ви періодично стикаєтеся з важкими, нестандартними завданнями, які вимагають винахідницького підходу, хочете стати креативною або просто цікавою людиною, ласкаво просимо на онлайн-програму «ТРІЗ на практиці». Як видно з назви, акцент зроблений на практику, це означає, що, пройшовши програму, ви зможете застосовувати творчі алгоритми в повсякденному житті і роботі, будь то дизайн, підприємництво або наука.
UX-дизайн в наш час став синонімом хорошого бізнесу, адже продукти і послуги мають успіх на ринку тільки в тому випадку, якщо вони забезпечують безпроблемний користувальницький досвід. Уявіть, що ви вирішили купити кросівки в онлайн-магазині. Ви відкриваєте категорію «Спортивне взуття» і бачите більше трьохсот різних пар - відмінно! Але раптом розумієте, що сайт не дає можливості відфільтрувати результати, а значить, вам доведеться переглянути сотні невідповідних варіантів, перш ніж знайдете те, що потрібно.
Витративши масу часу, ви, нарешті, додаєте товар до кошика, але виявляєте, що перед оплатою потрібно створити обліковий запис, заповнивши двадцять обов'язкових полів форми! Купівля кросівок на цьому веб-сайті викликає безліч клопоту і роздратування, тому ви вирішуєте пошукати взуття в іншому онлайн-магазині. Це приклад поганого UX-дизайну сайту:
Будь-який продукт або послуга, з якими людина вступає в контакт, викликає певні переживання. Чи легко користуватися ними? Чи дозволяють вони вирішувати бажані завдання з мінімальними зусиллями? Чи логічні онм? Все це індикатори хорошого або поганого користувацького досвіду. Мета UX-дизайну в бізнесі - підвищити задоволеність і лояльність клієнтів за рахунок корисності, простоти використання і радості від взаємодії з продуктом.
Історія UX-дизайну: від фен-шуя до Apple
Хоча термін «UX-дизайн» вперше був придуманий в 1995 році американським дослідником і юзабіліті-інженером Доном Норманом, історія UX значно старше. Пропонуємо озирнутися назад і простежити його захоплюючу еволюцію:
- Фундаментальні принципи UX сягають корінням стародавньої китайської філософії фен-шуй, мета якої - створювати гармонію між людиною і навколишнім її простором (житловим приміщенням або робочим середовищем). Дизайнер UX застосовує той же підхід при створенні програми або сайту, що і дизайнер інтер'єру: його завдання - розташувати елементи таким чином, щоб інтерфейс був інтуїтивно зрозумілим і комфортним у використанні.
- Є свідчення, що в V столітті до н. е. в стародавній Греції робочі місця обладналися відповідно до принципів ергономіки - науки про проектування та організації робочого простору, продуктів або систем таким чином, щоб вони підходили людям, які їх використовують. Наприклад, археологи виявили документи, в яких давньогрецький цілитель Гіппократ вказував, як має бути спроектовано робоче місце хірурга і розташовані інструменти, які він використовує, а також зображення стільців зі спинками, що повторюють контури тіла. Нагадує UX, правда?
- На початку 1900-х років американський інженер Фредерік Тейлор написав книгу «Принципи наукового менеджменту», де визначив сенс управління як вирішення проблеми непродуктивності шляхом оптимізації взаємодії робітників з їх інструментами. Подібний підхід схожий на принципи UX.
- Наступний ключовий етап розвитку UX - це 1940-ті роки, коли автомобільний гігант Toyota, прагнучи до підвищення ефективності робочих процесів, розробив систему виробництва, націлену на запити споживачів.
- Ще одна значуща фігура в історії UX - це Генрі Дрейфус, майстер промислового дизайну і проектувальник першої в світі телефонної трубки-моноблоку з вбудованим диском для набору номера. У 1955 році він написав книгу «Дизайн для людей», де охарактеризував UX-дизайн так: якщо взаємодія людини з продуктом стає проблемою, можна говорити про фіаско дизайнера, якщо контакт з продуктом робить людину щасливішою і спонукає до покупки, значить, дизайнер досяг успіху.
- Можливо, це звучить дивно, але всесвітньо відомого мультиплікатора Уолта Діснея часто називають одним з перших UX-дизайнерів в історії. Його парк Disney World був створений завдяки глибокому аналізу користувальницького досвіду. Дисней завжди тримав фокус на людині і все продумував до найдрібніших деталей: актори навчалися тому, як поводитися з клієнтами і виконувати навіть самі незначні дії, наприклад, махати руками і посміхатися.
- У 1995 році інженер-електрик і вчений-когнітивіст Дональд Норман приєднався до корпорації Apple, щоб допомогти в дослідженні і розробці нової лінійки орієнтованих на людину продуктів. Він попросив, щоб його називали архітектором користувальницького досвіду, ознаменувавши тим самим народження посади UX-дизайнера.
До того часу Норман написав популярну книгу «Дизайн звичних речей», де на перше місце він поставив зручність використання і функціональність предметів, а не їхню естетику.
Як показує історія, UX-дизайн старший, ніж може здатися. Однак його розквіт ще попереду: оскільки технології та Інтернет активно впроваджуються в наше життя, UX продовжить розвиватися.
Різниця між UI- і UX-дизайном
Згадайте, як виглядає пошукова система Google. Її стриманий інтерфейс підкреслює, що відмінний функціонал не вимагає наворотів. Зосереджена на користувачів система Google знає, що коли людина заходить на сайт, їй потрібно тільки одне: знайти інформацію. І зробити це швидко. Той факт, що слово «гуглити» є широко поширеним дієсловом, показує, наскільки добре компанія справляється з власним досвідом.
А тепер уявіть, що на пошук інформації в Google замість 0,7 секунди буде йти 15 секунд, тобто ви втратите можливість миттєво отримувати відгук на свій запит. При збереженні лаконічного інтерфейсу (UI), користувацький досвід (UX) зміниться, набувши негативного відтінку:
Коли ви заходите на Facebook або Twitter, то бачите UI. Кожна кнопка, поле введення тексту, кожне меню, що розкривається, - все це було ретельно розроблено UI-дизайнером. UX-дизайнер намагався зробити так, щоб ви закохалися в продукт і отримували задоволення від його використання.
Тобто. UX-дизайн охоплюючи весь спектр взаємодії з користувачем, а UI-дизайн сконцентрований на більш відчутних елементах. Взаємозв'язок між ними життєво важливий для успіху будь-якого проекту. Спільна робота UI- і UX-дизайнерів сфокусована на спільній меті - задоволенні потреб і очікувань користувача. Досягти цього їм допомагають принципи дизайн-мислення, якому присвячений повноцінний безкоштовний курс на нашому сайті. Читайте, впроваджуйте в життя і отримуйте відмінний результат:
UI- і UX-дизайн - це дизайн будь-якого інтерфейсу користувача, в якому зручність так само важлива, як і зовнішній вигляд. Згідно зі статистикою, більшість користувачів залишають веб-сайти через 10-20 секунд взаємодії з ними, а понад 28% людей видаляють додатки вже через 2 дні після їх встановлення. Чому? Головною причиною є поганий дизайн UI і UX. Досвідчені технологічні компанії не економлять на цих областях, оскільки розуміють, що користувачі оберуть продукт конкурента, якщо їх власний не буде забезпечувати безпроблемний і привабливий інтерфейс.
Друзі, бажаємо, щоб на вашому шляху зустрічалися продукти, створені талановитими UI- і UX-дизайнерами і що приносять максимум задоволення при використанні. Удачі!