UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Я хотів просто перефарбувати Pipedrive під себе. А закінчив режимом для дальтоніків
Dima Malashevskyi
Dima Malashevskyi

Опубліковано

Я хотів просто перефарбувати Pipedrive під себе. А закінчив режимом для дальтоніків

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

Коли показав колегам із продажів, з'явилися запити, яких я сам би не придумав. Найкорисніший — фарбувати угоди за власником: коли на пайплайні пів сотні угод, це дозволяє кинути оком і одразу бачити, де чиє. Потім додав фарбування за лейблами, збоку смужкою, щоб не перекривати базовий колір картки.

Далі написав користувач з Reddit. У нього дальтонізм, і він звернув увагу на проблему в самому Pipedrive: стадії угод кодуються зеленим і червоним, а він цих кольорів не розрізняє, для нього «виграно» і «програно» виглядають однаково. Запитав, чи можна зробити режим під колірну сліпоту.

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

Просто «інші кольори» проблему не вирішують: під інший тип дальтонізму нова пара теж може злитися. Тому:

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

Розширення безкоштовне, без реєстрації, дані з Pipedrive не читає, тільки змінює вигляд сторінки в браузері.

P.S. натхненний, вже допрацьовую також версію на Hubspot

Подивитися: https://coloredpipedrive.ln2crm.com/

Топ коментарі (0)