Є певні хибні уявлення про UX/UI-дизайн, які притаманні не лише стороннім спостерігачам, а іноді й тим, хто вже почав працювати в цій сфері. Щоб бути ефективним і успішним фахівцем, варто відокремлювати міфи від правди та враховувати специфіку галузі.
Сьогодні розберемо кілька хибних думок, які дають не зовсім правильне розуміння процесів і цілей UX/UI-дизайну. 8 пунктів, у яких пояснимо нюанси. Це допоможе тобі краще зрозуміти, як це працює і уникнути прикрих помилок. Схема проста - міф і реальність.
1. Мета UX/UI-дизайну в зручності користування продуктом
Насамперед UX/UI-дизайнерам пояснюють, що все в проєкті потрібно робити практично і зручно. І загалом це правильно. Але в поняття проєктування досвіду користувача входить набагато більше.
Ти допомагаєш користувачеві досягати цілей на сайті, отримувати приємний досвід від відвідування ресурсу і водночас потрібно виконувати запит власника сайту (проходження воронки).
Хороший UX/UI-дизайн - це не те саме, що юзабіліті. Це також позитивні емоції, демонстрація індивідуальності сайту/бренду, спосіб захоплювати користувача. І якщо залишити тільки зручність і відмовитися від естетики, ми можемо отримати нудний продукт, який начебто і корисний, але нікому не цікавий.
2. Спершу юзабіліті, потім естетика
З першого міфу випливає і другий - верховенство юзабіліті над естетикою. Не подумай, що ми намагаємося довести, що естетика все-таки первинна. Але це два вантажі на шальках терезів - якщо щось із них переважатиме, то балансу не вийде.
Так, бувають не найестетичніші, але зручні та популярні сайти. Так, спочатку смисли, потім уже їх прикрашання. Але давай чесно, якби до зручності додати крапельку мистецтва, хіба сайт не стане кращим?
У досвіді користувача важливу роль відіграють емоції. І візуально приємний ресурс відпрацьовує краще. Не тільки з суб'єктивної точки зору відвідувача, а за цілком об'єктивними маркетинговими показниками. На естетичній платформі проводять більше часу, заходять частіше і друзям порекомендують з більшою ймовірністю.
А ще приємне перше враження - це підвищення лояльності до бренду. Негарний сайт із класним юзабіліті знайде свого клієнта, безперечно. Але цьому клієнту доведеться звикати до відсутності естетики. У той час як гарний дизайн захоплює з перших секунд.
"Зручність" не охоплює поняття підбору палітри і форм під психотип аудиторії, не робить першочерговим задоволення від користування. А це найважливіші чинники. Звичайний прямокутник грамотно розміщений у сітці - функціональний елемент. Але він набагато приємніше сприймається з мінімальним заокругленням. І такі дрібниці в усьому, не нехтуй цим.
3. Простий дизайн - означає мінімалізм
Один із головних постулатів UX/UI-дизайну - робити просто і зрозуміло, прибирати зайве, прагнути до однозначності тлумачень дизайну елементів. І часто це зводиться до логічного висновку, що простий дизайн - це мінімалістичний дизайн. Але скорочення кількості елементів та їхнього вигляду не завжди робить дизайн зрозумілішим і простішим.
Іноді спрощення виправдане автоматизмом дій. Для сайтів і застосунків, розрахованих на постійних користувачів, які вже не замислюючись натискають на одні й ті самі кнопки, роблять усі дії інтуїтивно. Але така ситуація найчастіше може скластися тільки при зміні патернів поведінки цілих поколінь! Коли вже більшість із нас робить одне й те саме в певних ситуаціях. Наприклад, набір номера на дисковому телефоні. Сучасні діти просто не розуміють, як це працює. Їм потрібно вчитися. Хоча для старшого покоління це абсолютно зрозумілий природний процес.
Простота є ключем до сучасного UX/UI-дизайну. Але метою має бути спрощення розуміння і користування, а не спрощення візуалу як таке. Занадто великий відхід у мінімалізм навпаки привносить складність, адже дії стають неочевидними.
Нестандартні жести, іконки без підписів, приховані елементи і навіть горезвісне меню-гамбургер працюють погано! Не можна жертвувати зрозумілістю в гонитві за спрощенням.
Мінімалізм передбачає простоту шляху до мети, користувач не повинен "спотикатися". Тому дати пояснення і розжувати щось більш детально іноді краще працює, ніж скорочення.
4. "Непотрібний" порожній простір
Продовжуючи тему мінімалізму, не можна не обговорити питання повітря. Порожній простір між елементами - теж деталь дизайну, і важлива. Ми писали про це докладно в окремому матеріалі.
Білий простір - це не марна трата екрану, не пасивний фон. Це спосіб забезпечити читабельність, виділити важливе, допомогти погляду користувача пройти потрібний шлях і не перевантажити мозок.
Людина не може зосередитися на занадто великій кількості деталей одразу. Тому важливо забезпечити оптимальне сприйняття, знизивши навантаження. Порожнечі та відстані працюють як підсилювач акцентів.
Крім того, правильно використовуване порожнє тло допомагає створити враження витонченості й того самого візуального мінімалізму, який нам потрібен.
Простір навколо зображень, поля, відступи та міжрядковий інтервал - варто приділяти їм увагу і не нехтувати вивченням правил композиції.
5. Можна робити дизайн без контенту
Нерідко дизайнеру і копірайтеру дають завдання працювати над сайтом/лендінгом одночасно для економії часу. У підсумку ми отримуємо, може, й естетичний, але не завжди робочий дизайн. Підганяти контент під дизайн не найкраща ідея. Набагато логічніше і правильніше робити навпаки - спочатку прототип із реальними текстами, а потім уже дизайн.
Зміст завжди важливіший за форму. Так, твоє завдання зробити цю саму форму красивою і зручною. Але статистично хороший контент із найпростішим дизайном працює краще, ніж хороший дизайн із посереднім контентом.
Не спираючись на реальні дані ти не можеш повною мірою відобразити посил, який тексти нестимуть пізніше. Навіть якщо є начерки.
Вставляти "lorem ipsum" уже моветон. Це варто робити тільки в крайньому разі. І то, краще попросити чат GPT накидати текст у потрібному стилі. Так це хоча б буде наближено схоже на те, що потрібно.
А ще дизайн без контенту - це шлях до додаткових правок. Тому що не завжди збігається думка дизайнера з реальним станом речей. Десь треба буде скоротити текст, додати пункти, змінити вигляд слайдера. Краще уникнути цього й одразу робити нормально, спираючись на контент.
6. Крутий дизайн не обов'язково тестувати
Профі відразу бачить часті помилки і недосконалості. Якщо ти новачок, то варто радитися і давати на перевірку свою роботу. Але ніколи не відмовляйся від тестування. І після перевірки, і навіть тоді, коли сам є потужним фахівцем і клацаєш круті дизайни без зусиль.
Бо найчастіше експерт не є цільовою аудиторією. І перешкоди для користувача не завжди очевидні. Як би ти не продумав схему, які б не привніс фішки - відвідувач може думати інакше. І це нормально, адже ми всі різні.
Іноді відвідувачі нас можуть щиро здивувати ходом своїх думок і складнощами, що виникають. Запитай у будь-якого представника техпідтримки сайту. Якщо проблема може виникнути - вона точно виникне.
Юзабіліті тестування може дати неочікуваний результат, тому для справді детального аналізу інтерфейсу експертної перевірки буде замало. І крім стандартного ступеня зручності можна виявити емоційний відгук юзера.
Професіонал ґрунтується на своєму досвіді та усереднених знаннях про подібні інтерфейси. У той час як тест показує реальну картину. Це вже не здогадки, а факти. Тому спочатку варто провести експертну оцінку для усунення недоліків і невідповідностей, а потім все одно протестувати продукт.
7. Раціонально = зручно
Продовжуючи думку попереднього пункту, потрібно відзначити важливий фактор - нераціональність мислення. Здавалося б, зробити зручно означає зробити логічно і послідовно. Начебто звучить правильно, але на практиці це не працює.
Людська реакція частіше ґрунтується на емоціях, ніж на раціональності. Саме тому й існує маркетинг як наука - ми можемо продати більш успішно продукт, який не виграє за об'єктивними даними. Але грамотна подача вирішує все.
Тому не завжди при створенні дизайну потрібно керуватися логікою. Варто тиснути на емоцію. Використовувати правильно підібрані схеми кольорів і шрифти, підкріплювати враження соковитою картинкою. І тоді ти не втратиш ліда. Можливо, він не пройде логічно продуманою воронкою, але відволічеться на яскравий рекламний банер і все одно потрапить у потрібне тобі русло. Ірраціональність передбачувана, якщо заглибитися в психологічні аспекти UX/UI-дизайну.
8. UX дизайн - це відмальовування
Поняття UX/UI-дизайн з'явилося відносно недавно й іноді назва вводить в оману, нібито дизайн - це те, що стосується роботи з візуальною частиною. Це тільки верхівка айсберга.
UX/UI-дизайн - це дуже широке поняття, яке включає в себе процеси, не пов'язані зі створенням візуалу як такого. Ще дуже багато роботи входить у цей цикл:
- Стратегічне планування
- Вивчення бізнес-моделі та потреб клієнта
- Дослідження цільової аудиторії та її болів
- Аналіз конкурентів
- Тестування продукту і поліпшення
UX/UI - це далеко не тільки зовнішня оболонка та естетика. Це продукт на стику маркетингу, планування, психології та візуалу. І якщо в це все при правильній реалізації ти зможеш додати творчість, то це вже вищий пілотаж.
Як це все враховувати, запам'ятовувати і застосовувати - це питання. Відповідь на нього однозначна: потрібно вчитися у найкращих, розширювати кругозір і застосовувати все на практиці. Для цього є навіть спеціальний онлайн-курс "UX/UI легенда". Приходь, зробимо з тебе профі!