Сьогодні хочу підсвітити тему бенчмарків - як їх збирати, де їх знаходити та як з ними працювати.
Невеличкий вступ
На початку своєї карʼєри я навіть не здогадувався, що таке бенчмарки й навіщо вони взагалі потрібні.
У голові було постійне: «Я ж митець, маю все придумувати сам. У чому сенс дизайну, якщо просто копіюєш інших?»
Але з часом я помітив, що мої дизайни стають одноманітними, нелогічними, не працюють на користувача і не приносять цінності продуктовій команді.
І чесно - мені самому ставало нудно від того, що я роблю.
Я починав у дизайн-агенції, де ми робили все: від веб-обкладинок до мобільних додатків і CRM-систем. Це були різні сфери й різний бізнес. І дуже швидко стає зрозуміло: одна й та сама ідея не працює скрізь - як кажуть, «в одну ріку двічі не увійдеш».
Коли я прийшов у компанію, перше завдання від ліда було пройти онбординг.
У нас була внутрішня бібліотека з матеріалами, і перший розділ - це статті та портфоліо інших дизайн-агенцій. Я два дні сидів, дивився макети, вивчав кейси. Спочатку було цікаво, потім набридло.
Та щойно мені дали реальні задачі, якісь другорядні сторінки. Я малював так, «як відчуваю», і йшов це захищати.
І кожного ревʼю чув одні й ті самі питання:
- «А як робить ця компанія?»
- «А ти дивився, як це вирішено у цих?»
- «А що там у конкурентів?»
Але відповіді на це я не мав
І мене це щиро обурювало. «Чому я маю дивитися на них? Я теж можу придумати щось круте!»
Але чим більше я проходив через це, тим чіткіше розумів: бенчмарки - це не про копіювання.
Це про розуміння контексту, логіки, патернів і поведінки користувача.
З часом я виробив звичку: щодня відкривати Pinterest, Dribbble, Behance, Awwwards аналізувати, дивитися, як інші вирішують подібні задачі. Тоді ще не було Mobbin, і я не знав нічого більше окрім цих платформ.
Зараз майже кожен мій дизайн-процес починається саме з референсів і бенчмарків.
То що ж таке бенчмарк?
Бенчмарк - це точка порівняння.
Це вже реалізоване рішення, яке ти аналізуєш і ставиш собі питання: «Чому вони зробили саме так?»
Як збирати бенчмарки якісно?
Починай від задачі
Що саме ти проєктуєш? Яку проблему вирішуєш? Хто твій користувач? Хто конкуренти?
Без цього бенчмарки - просто красива галерея.Збирай конкурентні рішення
Якщо задача зрозуміла - дивися, як її вже вирішили інші.
Корисні платформи:
- Mobbin
- Dribbble
- Awwwards
- Behance
- Product Hunt
- Коли потрібних екранів немає у відкритому доступі Це трапляється часто, особливо у Fintech. Тоді допоможуть:
- Youtube (shorts і огляди додатків)
- Google Images
- Сайт конкурента
- Просто завантажити додаток конкурента
- Колеги, друзі, знайомі, у кого є потрібний продукт
- Beta-доступ, якщо він відкритий
Іноді найцінніші інсайти, просто від того, що ти взяв телефон і пройшов флоу руками.
Помилки новачків при зборі бенчмарків
Збирають лише “красиві картинки”
Красивий UI ≠ правильний UX.
Потрібно розуміти, чому рішення працює.Не розуміють контекст задачі
Подивитись 50 рішень без розуміння проблеми - марно.
Спочатку - задача. Потім - бенчмарки.Копіюють один в один
Бенчмарк - це не шаблон. Це інструмент мислення.Збирають занадто багато
200 скринів не допоможуть.
Оптимально 20–30 релевантних прикладів.Не тестують реальний флоу
На скріні все виглядає логічно.
У реальному використанні - часто ні.
Що робить бенчмарк корисним, а не просто красивим?
Він дає відповідь на твою задачу
Корисний бенчмарк - це той, що допомагає вирішити конкретну проблему.Видно причину рішення
Не просто “кнопка тут”, а чому вона тут.Показує не тільки UI, а й UX
Стани, помилки, анімації, поведінка - ось де справжня магія.Це реальний продукт, а не концепт
Концепти красиві, але часто нереалістичні.Має кілька різних підходів для порівняння
Один приклад - це випадок.
Три-пʼять - це вже база для аналізу.
Топ коментарі (0)