UXPUB 🇺🇦 Дизайн-спільнота: Наталія Самбір

Редизайн цифрових продуктів — головне, що потрібно знати

Наталія Самбір — Wed, 29 Mar 2023 19:38:13 +0000

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

Напевне ви, як і наші дизайнери у Linkup Studio, можете підтвердити статистику, що онлайн-бізнес може втратити до 90% потенційних користувачів через погано зроблений сайт.

У звʼязку з цим можна навести зрозумілі приклади з різних індустрій:

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

Далі розберемо:

Яскравий приклад різниці між оновленням дизайну та повним редизайном продукту;
Як пояснити клієнтам, що їм потрібен редизайн
Процес редизайну, якому слідуємо ми в Linkup Studio.

В чому різниця між оновленням дизайну та повним редизайном продукту?

Базова мета та переваги

Оновлення дизайну (design refresh) – це візуальне покращення. Воно передбачає зміну кольору та зовнішнього вигляду інтерфейсу користувача: форм, іконок, картинок, відео, зовнішнього вигляду елементів тощо. Це те, що формує перше враження клієнта про застосунок, сайт або продукт. Згідно з дослідженням Taylor & Francis Online, клієнт за 0,05 секунди формує позитивне або негативне враження про продукт. Тому це не таке тривіальне завдання, як може здатися на перший погляд.

Просте оновлення дизайну можна порівняти з фарбуванням автомобіля в інший колір, заміною тріснутих вікон чи чисткою салону.

Редизайн продукту (complex product redesign) за тією ж аналогією з автомобілем означає комплексні та інженерні вдосконалення під капотом. Такі як: оновлення двигуна, системи розподілу, палива або налаштувань трансмісії. Хоча ці зміни не одразу помітні візуально, такі модифікації значно впливають на враження від водіння.

Отже, можна сказати, що редизайн передбачає глибший підхід до розробки рішення. Він стосується бізнес-логіки, функціональності продукту, архітектурного дизайну та інших основних елементів. Плюс, він може потягнути за собою і потребу серверного програмного забезпечення, такого як CRM, CMS сайту, адміністрування тощо, на додачу до створення привабливого та зручного інтерфейсу.

Коли клієнти питають: “Що із цих двох краще?”

Ми зазвичай відповідаємо, що це залежить від поточної позиції на ринку, наявних ресурсів, цілей компанії та плану подальшого розвитку.

Деякі клієнти жаліються, що недобросовісні компанії з них взяли гроші за повний редизайн, але не надали цінного рішення. А декому оновили суто інтерфейс, попри наявну потребу ґрунтовного переосмислення продукту. Через це варто розуміти бекграунд клієнтів, з якими співпрацюємо і будувати комунікацію відповідно.

Коли потрібен редизайн?

Щоб допомогти клієнтам визначити необхідність редизайну – можете запропонувати їм первинні критерії, що свідчать про потребу цього сервісу:

Система застаріла і вона потребує більш сучасного вигляду та комфортного інтерфейсу;
Коефіцієнт конверсії та ефективність бізнесу стабільно знижуються;
Бізнес планує виходити на нові ринки і потрібно підготуватися;
Їх конкуренти оновлюють дизайн продуктів і перевершують компанію в ефективності;
Після нового інвестиційного раунду стартапу потрібен зручніший дизайн, щоб залучити більшу кількість користувачів і виділитися серед конкурентів.

З нашого особистого досвіду, клієнти помічають, що їм потрібен редизайн задовго до настання критичного моменту. У гарних компаніях ретельно аналізують ключові показники ефективності бізнесу, будують стратегії та регулярно перевіряють їх виконання. Якщо аналітики помічають проблеми та визначають больові точки, то, зазвичай, звертаються за допомогою до агентств чи аутсорс компаній зі сформульованими запитами.

Процес редизайну: як працюємо ми у Linkup Studio

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

Розуміння бізнесу та UX аудит

Спочатку команда бізнес-аналітиків занурюється в бізнес клієнта: опитує його для визначення бізнес-цілей, цінностей, викликів, цільової аудиторії, вже наявних ринкових пропозицій, стратегій та каналів продажу. Визначаємо і характеристики «успішності» співпраці, щоб переконатися, що маємо спільне бачення.

Деякі з інструментів, які ми використовуємо в роботі – це Google Analytics і Hotjar. Завдяки ним отримуємо інформацію про місцеперебування користувачів, їх взаємодію з продуктом, коефіцієнти конверсії, трафік і продажі.

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

Потім в проектах визначаємо користувацькі персони (user personas). Наприклад, ми у Linkup Studio працювали над платформою для індустрії краси, що включала кілька типів користувачів: членів, експертів та бізнеси. Щоб зрозуміти труднощі кожного з них, проводили опитування та точно визначали їхні больові точки, щоб забезпечити для кожного кращий користувацький досвід.

Після отримання достатньої кількості даних з наведених вище кроків, ми створюємо CJM as-is (customer journey map). Важливо памʼятати, що шлях користувача може проходити і поза межами цифрового продукту. Тому варто тримати фокус не виключно на конкретно розроблюваному рішенні, а на контексті людей, які ним користуються. Це допомагає визначити проблемні місця та запропонувати подальші вдосконалення.

Для більш детального огладу в більшості випадків проводимо евристичний аналіз Джейкоба Нільсена. На виконання даного кроку впливає стан в якому перебуває зараз продукт.

Після зазначених кроків, створюємо єдиний документ – аудит репорт (UX audit report). Коли проблеми чітко визначені та прописані, можна переходити до формування гіпотез і подальшої розробки покращень.

Дослідження ринку та конкурентів

Подальший аналіз передбачає ретельне вивчення конкурентів. Як казав Дон Корлеоне: “Тримай друзів близько, а ворогів – ще ближче”. Стратегія виходу на ринок передбачає, що і ми, і клієнт чітко знаємо усі деталі про наявні рішення, а також маємо чітке бачення бізнес-можливостей і розуміння потреб користувачів.

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

Потім визначаємо сценарії використання (use cases) цифрових продуктів. Це допоможе дізнатися більше про користувачів, пристрої, якими вони користуються, і про те, що спонукає їх використовувати продукт.

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

Мапа досвіду (experience map) є підсумком попередніх кроків. Вона описує цілі, запитання та занепокоєння користувачів на різних етапах взаємодії з клієнтським продуктом, як-от обізнаність, розгляд тощо. Це допомагає точніше розставляти пріоритети для цілей компанії та визначати ключові показники ефективності для їх подальшого моніторингу.

Створення UX дизайну

Далі працюємо на діаграмою карти сайту (site map diagram) та шляху користувача (user flow). Їх мета — візуалізувати структурну ієрархію веб-сайту, взаємозв’язки між сторінками, механізми навігації та побудувати кроки дії юзерів в кожному розділі.

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

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

Розробка UI дизайну

На базі дослідження ринку і користувацьких персон, створюємо такий продукт, що запам’ятається, стане візуально привабливим та цінним для користувачів.

Першим кроком є проектування так званих дошок настрою (moodboards). Робимо їх для представлення власних ідей, підключаємо AI інструменти та посилання з інших сайтів. Також долучаємо описи супутніх продуктів, де описуються варіанти різних елементів дизайну, стилів, шрифтів тощо. Після цього команда дизайнерів організовує зустріч із клієнтом, щоб спільно узгодити, яким елементам і стилям надати перевагу.

На основі клієнтських уподобань створюється файл «Варіанти стилю» (Style Option), у якому надаємо кілька прикладів макетів, що дозволяє представникам бізнесу бачити різні варіанти інтерфейсу користувача та обирати, що їм більше сподобалося. Загалом, узгоджується пропозиція, яка є найкращою і остаточною.

Після узгодження створюється інтерактивний прототип (clickable prototype), щоб тестувальники та сам клієнт могли переглянути проект рішення, зробити додаткові примітки та обговорити нові пропозиції.

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

Дизайн система включає вказівки щодо стилю, а саме: піктограми, інтервали між елементами, бібліотеки з правилами навігації та елементами дизайну, накладеннями тощо.

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

Загалом, специфікації містять не лише описи дизайну, але й логіку продукту, правила, обмеження та багато інших пояснень. Це потрібно, щоб розробники отримали достатньо інформації про алгоритми роботи системи.

Розробка та завершальні етапи

Успіх редизайну цифрового продукту багато в чому залежить від якості і швидкості розробки. У Linkup Studio ми часто радимо клієнтам починати девелопмент відразу після створення і погодження каркасів та опції стилю. Коли дизайн і девелопмент в певний момент починають йти паралельно, це оптимізує загальний таймлайн створення продукту.

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

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

Висновки

Згадані кроки реалізуються в кожному проекті в тій чи іншій мірі. Сподіваюся, матеріал ще раз нагадав про них, а можливо надихнув використовувати щось нове. Нехай ваші продукти матимуть потужний ефект на користувачів та забезпечуватимуть бізнес-результативність клієнтам!

Світобачення для створення дизайнів, гідних світових нагород

Наталія Самбір — Fri, 13 Jan 2023 15:52:52 +0000

Нещодавно дала інтерв'ю, яке опублікували в Red Dot Design Yearbook 2022/2023. Вирішила поділитися з вами деякими думками, що становлять сутність дизайн мислення, що гідне бути відзначеним нагородами. Воно стосується не тільки безпосередньої роботи, але й підходу в цілому. Це про успішну співпрацю всередині команди, про тонкощі роботи з клієнтами. Зазначені в матеріалі складові допомогли команді Linkup Studio отримати всесвітньо відомий Red Dot Design Award і впевнена, що допоможуть перемагати й вам.

В чому полягає різниця між хорошим та поганим дизайном?

Хороший дизайн - це про людей. Він повинен співпадати з їхніми звичками та життєвим контекстом. Відповідно, він має бути інтуїтивно зрозумілим і легким. Френк Чімеро каже: "Люди ігнорують дизайн, що ігнорує людей". Водночас, важливим складником є корисність та вирішення практичних завдань користувачів.

Поганий дизайн зазвичай містить лише один з наведених критеріїв або жодного. Але чи можна взагалі назвати це дизайном?

Які головні характеристики ідеальної дизайн команди?

Кожен учасник команди має бути закоханий у свою справу. Любити дизайн – перша вимога. Наші спеціалісти вкрай рідко задовольняються першою версією. Вони постійно вдосконалюють та ітерують дизайни, якщо цього потребує проект для досягнення помітних результатів на ринку.

Вони орієнтовані на продукт. Це означає бути зосередженим на пунктах, наведених у відповіді на перше запитання. У нас був подкаст, котрий називався "Продукт – король". У цьому вся філософія.

Вони відповідальні. Крім досвіду і кваліфікації, фахівці повинні вміти дотримуватися планів і термінів. Дизайн – це частина бізнесу. А останній любить точні підрахунки.

Кого можна назвати ідеальним клієнтом?

У кожному якісному проекті існує дві сторони – клієнт і команда партнерів. Вважаю, що клієнт повинен володіти наступними якостями для забезпечення злагодженої співпраці та досягнення значних результатів:

Чітке уявлення про продукт. Команда дизайнерів швидше і краще розуміє завдання, коли знає мету, споживачів продукту та їхні потреби. Тоді можна вдосконалити спільне розуміння замість того, щоб розробляти його з нуля.

Змістовна бізнес-ідея. Головне в бізнесі – мати клієнтів, яким потрібне запропоноване рішення і які готові його купувати. Без цього вся робота буде зведена нанівець, а результати стануть марними.

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

Що означають перемоги на міжнародних преміях?

Команда дизайнерів Linkup Studio працювала в підвалах та сховищах, коли ми створювали додаток, що отримав Red Dot. Для клієнтів це свідчення про те, що українці можуть робити сильні проекти і їм можна довіряти як надійним партнерам, навіть попри війну.

Це також є гарним знаком для подальшої міжнародної співпраці. Замовники думають:

"Якщо вони створювали продукти світового рівня, ховаючись від ракет і під звуки сирен повітряної тривоги, то що вони будуть створювати, коли Україна переможе!"

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

Де брати натхнення?

Особисто мене надихають прості речі. Проте вони працюють!

Стосунки. Я щаслива знаходитися поруч з чудовими людьми - родиною, друзями, колегами. Секрет у тому, щоб знайти "своїх", хто з тобою на одній хвилі. Це стане чудовим джерелом наснаги.

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

Улюблені місця. Linkup Studio – львівська компанія. Для багатьох працівників Linkup це рідне місто з величною багатовіковою історією і вони його дуже люблять. Я не виняток! Також це регіональний центр, що постійно розвивається. Тут поєднуються місцеві традиції та свобода. Цей дух відображається в нашому дизайнерському підході до проектів.

Якщо жити в місці, яке вам до душі, ви отримуєте більше щастя й досягаєте більш значних результатів.

Підсумок

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

Нехай ваші бізнес-чудеса стають реальністю.
Вірте. Співпрацюйте. Дійте. Знаходте рішення. І, врешті-решт, перемагайте!

Про Linkup Studio

Ми – команда винахідливих дизайнерів, розробників та бізнес-аналітиків, які тісно співпрацюють з компаніями будь-якого розміру для розробки цифрових продуктів, що створюють значення.

Понад 10 років роботи компанія побудувала не просто аутсорсингове агентство, ми стали партнерами та відповідальними співавторами запущених продуктів. Маємо 4,9 зірки на Clutch.co. А у 2018-2022 роках стали UX агентством №1 (згідно з данними на Clutch.co).