Аналіз конкурентів | Як проаналізувати дизайн сайтів?

Робите новий сайт, редизайн старого чи просто постійно покращуєте свій продукт? Тоді вам точно треба знати, як провести аналіз конкурентів.

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

Для чого потрібен аналіз?

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

Що аналізуємо на сайті?

• структура
• функціонал
• візуал

Структура

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

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

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

Функціонал

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

Можна поділити функціонал на три категорії:

• must have – функціонал, без якого користувач не зможе виконати цільову дію;
• nice to have – функціонал, який значно покращує шлях користувача, без нього користувач зможе закрити свої потреби, але це буде значно складніше;
• delighters – функціонал, який надає перевагу над іншими конкурентами, щось особливе, що викликає захоплення у користувачів.

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

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

Візуал

Визначаємо, які складові візуалу нам потрібно проаналізувати і виписуємо, як з ними поводяться конкуренти.

• шрифти – з засічками чи без, які розміри, стиль і т д.
• кольори – яскраві чи спокійні, темні чи світлі, який колір основний, який акцентний, який просто на фоні
• чи присутній градієнт або паттерн
• чи є ілюстрації, фотографії, графічні елементи
• чи є анімація, 3д-елементи
• як виглядають окремі елементи (карточки, кнопки, меню і т д), гострі кути чи круглі, є обводка чи нема і т д
• яка сітка використовується на сайті
• чи прослідковується чітко якийсь стиль: мінімалізм, бруталізм і т д.

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

Це основні пункти, а ви вже самі вирішуєте, наскільки деталізувати свій аналіз.

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

Забрати цю таблицю можна на моєму каналі. Підписуйтесь)