Перейти до змісту
Користувацький досвід (UX) – це емоції, думки та поведінка, які люди виявляють до, під час та після взаємодії з продуктом або послугою. Цей досвід визначається багатьма різними факторами. Візуально привабливий веб-сайт, ймовірно, створить кращий користувацький досвід. Однак естетика без ретельної організації інформації, яка дозволяє легко орієнтуватися на сайті, може завадити вашим клієнтам досягти своїх цілей і мати катастрофічні наслідки для бізнесу.
За даними NN/g Nielsen Norman Group, важливої компанії, що займається дослідженнями та консультуванням у сфері UX, перекривання категорій інформації та заплутані назви є дві найпоширеніші проблеми в дизайні веб-сайтів, і обидві пов'язані з інформаційною архітектурою (IA).
Це підводить нас до тестування дерева у зв'язку з UX. Чи намагалися ви коли-небудь знайти правильну сторінку або розділ для завантаження або вивантаження документа на офіційному веб-сайті уряду? Якщо ви відчували розчарування і витратили багато часу, то ви знаєте цінність ретельно продуманої інформаційної архітектури. Як ви можете собі уявити, чим більше вмісту на веб-сайті, тим важливіше подбати про цю організацію.
У цій статті про тестування UX за допомогою дерева...
Основи тестування дерев (UX)
У дизайні UX ми використовуємо різноманітні техніки для оцінки та вдосконалення інформаційної архітектури веб-сайту. Їх кінцевою метою є допомога в організації, структуруванні та маркуванні контенту ефективним і стійким чином, щоб наші клієнти могли знаходити інформацію та виконувати завдання.
Давайте розглянемо дві з цих технік: сортування карток і тестування дерева.
Сортування карток проти тестування дерева в дизайні UX
Часто сортування карток і тестування дерева об'єднують в одну категорію UX. Однак між ними є відмінності.
Сортування карток і тестування дерева — це методи, орієнтовані на інформаційну архітектуру. Вони дуже схожі в тому сенсі, що допомагають фахівцям з UI/UX і веб-дизайнерам зрозуміти, як користувачі думають, коли йдеться про навігацію веб-сайтом або мобільним додатком.
По суті, обидві методики дають різні дані, що робить їх скоріше взаємодоповнюючими, оскільки поєднання обох методик може краще допомогти в розумінні інформаційної архітектури користувачів, а також того, як вони думають і взаємодіють з веб-сайтом.
Ці техніки можуть застосовуватися на різних етапах життєвого циклу продукту — хоча чим раніше, тим краще — і допомагають команді привести дизайн у відповідність до ментальної моделі веб-сайту, яка склалася у клієнтів. Іншими словами, якщо веб-сайт працює природно і відповідає очікуванням наших користувачів, користувацький досвід буде кращим, а це позитивно вплине на наш бізнес.
Давайте детальніше розглянемо їх!
Що таке сортування карток?
Часто можна почути, що тестування UX за допомогою дерева та сортування карток використовуються як синоніми. Давайте розглянемо їхні відмінності та точне визначення обох термінів.
Сортування карток — це техніка оцінки зручності користування, яка допомагає з'ясувати, як люди розуміють і класифікують інформацію на вашому веб-сайті. Це відносно проста техніка, яку можна застосовувати на будь-якому етапі процесу розробки продукту. На початку вона може допомогти вам створити мітки та категорії, які будуть зрозумілі для вашої цільової аудиторії. Коли продукт уже запущений, корисно перевірити, чи інформація згрупована та названа інтуїтивно зрозумілим для ваших клієнтів чином, а також виявити можливі прогалини.
Під час сортування карток ми показуємо учасникам набір карток із типовим вмістом нашого веб-сайту і просимо їх упорядкувати картки за категоріями, які мають для них сенс, та дати назви цим групам.
Це пояснення відповідає відкритому сортуванню карток, з якого ми зазвичай починаємо процес. Натомість, якщо у вас вже є певні категорії, вас може зацікавити закритим сортуванням карток. У цьому випадку учасники мають упорядкувати картки за наданими їм категоріями. У деяких випадках (гібридне сортування карток) ми дозволяємо людям створювати нові категорії, якщо вони вважають, що не можуть включити картку в жодну з існуючих груп.
Що таке тестування дерева?
Тестування дерева — це техніка юзабіліті, що дозволяє оцінити зручність пошуку тем на веб-сайті. Вона допомагає нам визначити, чи правильно ми використовуємо термінологію в наших мітках, чи інтуїтивно зрозуміло організовано інформацію в категорії та чи логічно вона структурована. Якщо сортування карток більше зосереджене на маркуванні та категоризації інформації, то тестування дерева більше пов'язане з навігацією веб-сайту.
Цей метод полягає в тому, що користувачам ставиться завдання знайти ключову інформацію, конкретну сторінку або виконати завдання на веб-сайті. Вони повинні зробити це, орієнтуючись в ієрархії інформації на вашій платформі.
Хоча ми повинні визначити поняття «успішної» реакції, спостереження за альтернативними шляхами людей у мережі допомагає визначити, де вони губляться і як вони очікують знайти важливу інформацію на вашому веб-сайті. Мета тестування дерева полягає в тому, щоб зменшити кількість припущень у ваших дизайнерських рішеннях. Чим простішим у використанні є ваш веб-сайт, тим більша ймовірність, що відвідувачі повернуться на нього.
Сортування карток чи тестування дерева?
Як уже згадувалося, це насправді не дискусія на тему «що краще?». Обидві методики використовують різні техніки, але мають одну спільну мету — оцінити інформаційну архітектуру та можливість пошуку інформації. З огляду на це, можна сказати, що обидві методики найкраще застосовувати разом.
Якщо у вас є для цього ресурси, спочатку проведіть тестування сортування карток, щоб отримати рекомендований формат меню на основі того, як учасники тестування розклали картки. Після цього ви можете провести тест дерева, щоб перевірити, чи немає прогалин і чи сортування виконано логічно.
Зверніть увагу, що коли ми говоримо про IA, ми більше зацікавлені в UX-дизайнерах. Якщо ви трохи заплуталися в темі ролей і людей, які беруть участь у процесі, ознайомтеся з нашою статтею «У чому різниця між UX-дизайнером і продуктовим дизайнером?».
Переваги та недоліки цих методів тестування
Плюси
З одного боку, сортування карток і тестування дерева дають користувачам можливість побачити вашу платформу в її найпростішому вигляді, тільки з інформаційною архітектурою, якою вони користуються: що вони бачать, як вони це читають і що вони вважають зручним і простим у використанні. Без відволікаючих факторів у вигляді приємного макету або красивих зображень ви можете легше виявити проблеми, які впливають на користувацький досвід.
З іншого боку, ці методи є відносно простими, швидкими та недорогими. Найпростіший і нецифровий підхід полягає у роздрукуванні сторінок сайту та розміщенні їх на стіні або в папці. Однак існує багато цифрових платформ, таких як Optimal Workshop та UserZoom , які дозволяють створювати та запускати проекти за низькою вартістю. Перевага другого підходу полягає в тому, що ви можете охопити ширшу аудиторію, а також у тому, що такі платформи зазвичай пропонують цікаві інструменти аналізу для розуміння ваших результатів.
Мінуси
Як і у випадку з будь-яким іншим методом дослідження користувачів, якість результатів, отриманих за допомогою цих двох технік, значною мірою залежить від того, наскільки добре ми плануємо тест. Ми повинні чітко розуміти, на якій стадії розвитку знаходиться наш продукт і яка наша мета на даний момент.
Наприклад, вибір правильного типу та кількості карток під час сортування карток є критично важливим етапом у цій техніці.
💡 ПОРАДА: Хочете скористатися цими техніками, не втрачаючи вербальної та невербальної комунікації? Тоді створіть проект на цифровій платформі, а потім запишіть сесію тестування в прямому ефірі за допомогою tl;dv.
Раніше я згадував, що деякі цифрові платформи дозволяють охопити більшу вибірку учасників і легше та наочніше зрозуміти результати. Однак є й мінус — відсутність взаємодії в режимі реального часу. Ці платформи показують нам кроки та кінцевий результат кожної людини, але не можуть показати очікування, наміри та розчарування, які може відчувати кожна людина. Це дуже цінне джерело інформації, яке допомагає зрозуміти, чому конкретний аспект може бути проблемою. Тому завжди слід включати кілька питань після тестування, які відображають досвід користувачів.
Наостанок я хотів би згадати ще два конкретні недоліки сортування карток:
Це «деконтекстуалізована» техніка, оскільки вона не пов'язана з жодною типовою задачею на веб-сайті. Люди могли б організовувати речі по-іншому, якби мали реальний контекст.
Люди мінливі і непостійні. Іноді сортування карток є дуже наочним і показує послідовну закономірність, але інколи це просто веселка результатів, з якої важко виокремити якісь конкретні дії.
На шляху до максимальної ефективності тестування дерев!
Тестування UX — це не просто перехід по посиланнях. Існують деякі загальні правила, яких можна дотримуватися, щоб тестування UX було ефективним і успішним. Нижче наведено низку пунктів, які можна застосувати до двох технік, розглянутих у цій статті.
📅 #1 Сплануйте тест і спробуйте дотримуватися плану
Як згадувалося раніше, якість ваших результатів значною мірою залежить від якості планування. Визначте мету та процес, якого слід дотримуватися, і намагайтеся дотримуватися його якомога більше. Під час тестових записів з'являться багато інших факторів і змінних, наприклад, розміщення іконок може бути неінтуїтивним, або перехід від однієї сторінки до іншої може бути нелогічним. Однак, якщо вони не відповідають вашим цілям, намірам і мотивації для цього тестового запису, просто візьміть їх до відома. Працюйте над тим, над чим ви вирішили працювати, а до інших речей поверніться пізніше. Це заощадить ваш час і збереже ваш розум у процесі.
🎯 #2 Під час перегляду записів тестів зосередьтеся на цілях, намірах та мотивації користувачів.
Якщо ви проводите тест, спробуйте заохотити людину висловити свої відчуття та думки на різних етапах завдання. Чого вона очікує? Що викликає у неї розчарування? Що вона планує робити?
🙌 #3 Звертайте увагу на руки користувачів, а не тільки на їхні очі
При тестових записах перше, на що ви звернете увагу, це те, на що дивляться учасники. Але насправді вам потрібно спостерігати за тим, як їхні руки переміщуються по вашій інформаційній архітектурі та створюють безперервний досвід.
Візьмемо, наприклад, жести Apple: день, коли вони вирішили прибрати кнопку «Додому», був тим самим днем, коли більшість користувачів Apple відчули себе розгубленими. Але насправді перший iPhone без кнопки «Додому» був великим тестом, щоб побачити, як люди будуть користуватися пристроєм без фізичних кнопок, що згодом стало початком жестів «прокрутити вгору» і «прокрутити вниз», які сьогодні є основними і невід'ємними для більшості смартфонів. Використання тесту не завжди полягає лише в упорядкуванні міток, а й у створенні плавного переходу для користувачів, не тільки логічного, але й фізичного, за допомогою їхніх пальців.
♾️ #4 Кінець так само важливий, як і засоби
Ваші результати ніколи не є остаточними. Оскільки очікування користувачів і ваш продукт постійно розвиваються, так само має розвиватися і користувацький досвід. Отже, результати сьогоднішнього тестування дерева можуть з часом втратити свою точність. Тому тестування дерева слід періодично оновлювати.
Отже, наступним етапом процесу тестування дерева є те, що ви будете робити з інформацією, яку щойно зібрали.
Як ваша IA буде адаптуватися і як це вплине на ваш UX? Як ваші дизайнери та розробники UX перетворять цю інформацію на необхідні зміни для поліпшення вашого веб-сайту або додатка? Крім того, як ви будете підтримувати цю інформацію та аналітичні дані в актуальному стані?
Оновлення результатів тестування дерев та висновків може бути окремою темою. Важливо зазначити, що тестування дерев не завжди гарантує 100% успіх з самого початку, але дизайнери, які здатні вдосконалити свою платформу, використовуючи дані з тестування дерев UX, змогли досягти 20% відсотків успіху в кінцевому веб-дизайні.
Ось і все про тестування UX на дереві!
У цій статті ми обговорили, як сортування карток і тести дерева можуть бути корисним інструментом у процесі дизайну UX. Але найголовніше, про що слід пам'ятати, це те, що ці техніки не завжди гарантують успіх з самого початку, тому саме ви, як дизайнер, повинні використовувати свої нові знання про поведінку користувачів та принципи когнітивної нейробіології на благо.
І хоча на перший погляд це може здатися не дуже ефективним способом оцінки вашої інформаційної архітектури, насправді це найкращий спосіб її перевірити, враховуючи, що саме так ваші користувачі будуть сприймати вашу інформаційну архітектуру – без нагляду та remote.
Тож не зупиняйтеся лише на створенні контенту, що спонукає до роздумів, або на тому, щоб ваш графічний дизайнер створював графіку, гідну Лувру. Створіть для своїх користувачів цілісний досвід, розуміючи, як вони сприймають і переглядають ваш контент, проводячи тест дерева у поєднанні з сортуванням карток, щоб допомогти подолати розрив між ментальною моделлю користувачів і вашою інформаційною архітектурою.
