Кейс: як пофіксили невдалу палітру кольорів Skyscanner

Ділиться Адам Вілсон, що обіймав посаду Senior Product Designer у Skyscanner.

Проблема: «Навіть через кілька місяців я все ще не міг зрозуміти, які кольори де використовуються. Посилання були різних кольорів. Основні кнопки були зеленого кольору. Але якщо вони призначалися для конкретного типу бронювання — синього. Заплуталися? Я теж…»

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

Основні рішення: систематизувати та спрощувати.

• Ми визначили більш сфокусовану палітру з основними та розширеними комбінаціями.

Темне стало темнішим, а світле — яскравішим. У якості брендових ми змішали нові додаткові кольори.

• Потім ми подивилися на назви: поетичні назви мали піти. Вони просто не працювали.

«Калькутта» → «той оранжуватий колір»
«Ерфаунд» → «той жовтуватий колір»

• Для інклюзивності необхідно дотримуватися стандартів контрастності.

25% комбінацій кольорів на iOS і 17% на Android були недоступні.
Ми вже використовували 31 колір у нескінченних комбінаціях, тож ми прийняли просте рішення це прининити. Текст став чорним або білим, що обмежило кількість доступних комбінацій і дозволило залишити інклюзивні.

• Всередині продукту ми презюмували, що вже отримали певну увагу користувача.

Тож не треба кричати усіма кольорами, як на креативах. Продуктова палітра має бути протиотрутою від тривоги — створювати відчуття спокою. Less is more.

• Ми написали правила і зберегли все це разом у Figma.

Розділили палітри на бібліотеки Brand і Product. Екрани ретельно вивчалися, правила ставилися під сумнів, а комбінації досліджувалися. Але у нас був основний набір кольорів і принципів як бачення.

• Джерело — стаття Адама на Medium. У ній про імплементацію нових підходів у код і кольори, відправлені на цвинтар.

AI Design Patterns і UX Toolkits з практичними гайдлайнами, кращими практиками, шаблонами та корисними ресурсами — все, щоб створювати круті AI досвіди.

Добірка від Віталія Фрідмана, співзасновника та креативного ліда у Smasing Media.

🔹Ефективний АІ

• AI Interaction Design Patterns
від Emily Campbell

• AI × Design Toolkit
від Nadia Piet

• People × AI Guidebook and Design Patterns
від Google

• Design For AI Guidelines
від IBM

• Human-AI Interaction Guidelines
від Microsoft

• AI × Design Toolkit. Miro board
від Corinne Schillizzi і Tangity

• AI Design Process Toolkit
від Futurice

• AI Design System and Guidelines
від Figma Community

• Design Guidelines for Human-AI Interaction
від Dora Cee

• AI Design and Practices Guidelines Hub
від Jennifer Aue

• Designing for AI Knowledge Hub
від Marielle Lexow

🔹Відповідальний та етичний АІ

• Responsible AI Practices and Patterns
від Google

• Responsible and Ethical AI Practices
від Microsoft

• Responsible AI Toolkit
від PwC

• Design Human Data: Personal Data Canvas and Privacy Model
від Thomas Otto

• Everyday Ethics for Artificial Intelligence
від IBM

• Designing AI For Children Toolkit
від World Economic Forum

• AI Governance Principles
від Future of Life

🏄‍♂️ Використовувати ці правила та створювати АІ інтерфейси, що приносять користувачам максимум користі, приходьте на інтенсив Віталія Фрідмана Design Patterns For AI Interfaces — буде 4 дні практики, фідбеку та особистих інстайтів куратора.

Сучасні проблеми потребують сучасних рішень.

Наше рішення in question: інтенсив Віталія Фрідмана Design Patterns For AI Interfaces.

Розберемося як створити кращий АІ досвід і допомогти користувачам точніше визначати свої наміри й отримувати від згенерованого результату все.

Старт — 16 жовтня
Деталі — за посиланням

Хай у світі, переповненому АІ, весь АІ буде реалізовано через якісні АІ інтерфейси, щоб користувачам не було ай-ай 🤞