Якщо ви розробляєте додатки та працюєте над ними протягом кількох ключових моментів – скажімо, приблизно у 2018-2019 роках – ви можете пригадати актуальну на той час річ – темний режим. Саме тоді Apple та Google вирішили представити свої версії темного режиму під час щорічних конференцій WDDC та I/O. Але на цьому все не закінчилося (або не почалося). Більшість великих технологічних гравців поспішили замінити традиційний сліпучо-білий колір, який вони використовували раніше, на глибоку, заспокійливу темряву.
Цікавим у тому, що темний режим став улюбленим серед дизайнерів продуктів, є той факт, що, як і у випадку з більшістю інших речей, які починаються як тренди, вони, як правило, не є чимось новим. Білий текст на темному тлі дуже нагадує ранні часи персональних комп’ютерів, коли більшість операційних систем не мали особливого вибору, окрім як відображати відтінки білого, зеленого або бурштинового на чорних екранах.
Це було пов’язано з типом технології, яку використовували ранні монітори – електронно-променеві трубки, які мали люмінесцентне покриття всередині, що випромінювало зеленувате світіння. Те, що ми вважаємо “хакерською естетикою”, насправді було побічним продуктом технології, доступної для перших поколінь розробників і користувачів програмного забезпечення.
Ці ранні початки ускладнюють точне визначення історії походження темного режиму, який ми знаємо сьогодні. Деякі дослідження в глибоких архівах Інтернету показують, що сьогоднішній темний режим народився з утилітарним мисленням.
У 2017 році французький дизайнер Сільвен Бойєр започаткував мистецький рух під назвою “екобрендинг”. Він переробив логотипи великих брендів (McDonald’s, LV, Starbucks), використовуючи до 40% менше чорнила. Через рік він поширив концепцію темного режиму на цифровий світ, представивши FriendlUi – “екологічний і зручний користувальницький інтерфейс для смартфонів, який економить заряд акумулятора та обмежує енергоспоживання завдяки простому графічному дизайну”.
Не минуло багато часу, як решта технологічного світу наслідувала цей приклад. Також у 2018 році YouTube додав опціональну темну тему до своїх додатків, а Samsung випустив темний інтерфейс One UI. Google, Apple і Reddit були наступними у 2019 році, коли популярність – або принаймні мода – на “темний режим” досягла піку.
Сьогодні здається, що кожного разу, коли продукти за замовчуванням запускаються у світлому режимі, майже завжди є одна людина, яка запитує команду про те, коли і чи буде темний режим. Це тому, що ми просто звикли бачити темний режим і тепер очікуємо його? Чи це просто троп? Чи він дійсно потрібен нам з точки зору юзабіліті? Це те, що більшість продуктових команд запитують себе, коли кількість запитів на функціонал зростає.
Наші думки?
Темний режим – це як дружити з крутим хлопцем. Ви, ймовірно, привернете до себе увагу і здобудете певну популярність в короткостроковій перспективі, але чи будуть вони з вами, коли настануть важкі часи? Чи принесуть вони цінність у ваше життя? Безумовно, можуть, але це залежить від того, наскільки добре ви вибрали свого крутого друга.
Демістифікація темного режиму
Зростаюча популярність темного режиму, ймовірно, була захоплюючим часом для тих, хто досліджує продуктивність і те, як технології впливають на наше бачення і пізнання. Але так само, як і темний режим, дослідження рідко бувають повністю білими або повністю чорними. Хоча є нюанси (і їх багато), а наука розмита, здається, існує певний консенсус щодо того, що люди вважають за краще переходити на темну сторону.
Якщо ви розглядаєте можливість додати темний режим до свого продукту, ось кілька речей, про які варто пам’ятати.
Переваги
Менше навантаження на очі й менше головного болю. Темні екрани випромінюють менше синього світла, що призводить до меншого моргання. Зрештою, це призводить до того, що очі стають менш сухими. Більшість досліджень показують, що темний режим краще використовувати в темному, тьмяному середовищі (згадайте, як некомфортно дивитися на яскравий екран посеред ночі), особливо для людей з порушеннями зору.
Дехто також стверджує, що завдяки зменшенню навантаження на очі люди відчувають менше головного болю. Однак наукових доказів, окрім відгуків, які ми бачимо в соціальних мережах, не так вже й багато.
Подовження терміну служби акумулятора. Згідно з дослідженням Дегуан Лі (Deguang Li), проведеним у 2016 році, темні ділянки на екранах, як правило, споживають менше енергії, що призводить до довшого часу автономної роботи таких пристроїв, як ваш телефон (пристрій повинен мати OLED-екран).
Недоліки
Всі люблять гарячі знімки, тому досить легко знайти причини, чому темний режим не є кращим вибором. Це також частково правда. Темний режим, безумовно, не завжди є кращим вибором.
- Більше навантаження на очі. Темний режим може бути незручним у яскравому середовищі, наприклад, під прямим сонячним світлом, через різкіший контраст, який змушує наші зіниці розширюватися. Це одна з причин, чому ми рекомендуємо налаштовувати яскравість і тему вашого пристрою залежно від часу доби. Більшість операційних систем зараз дозволяють планувати, так що темний режим вступає в дію з настанням ночі. Це також причина, чому ми є прихильниками вибору.
- Нереалістичні очікування. Те, що у вашому додатку з’явився темний режим, не означає, що це покращить користувацький досвід. Темний режим не приведе вас до відповідності продукту ринку, якщо у вас його ще немає. Ключовим моментом тут є вартість упущеної вигоди. Те, що ваші користувачі просять про нього, не означає, що це найпріоритетніша річ, над якою ви повинні працювати. Можливо, вони просто просять швидшу і темнішу конячку.
- Проблеми з реалізацією. Існують хороші способи реалізувати темний режим, але бувають випадки, коли дизайнери не дотримуються жодного з рекомендованих принципів юзабіліті і в підсумку отримують погано функціонуючий продукт, тому що вони поспішали, щоб внести “Темний режим!” в журнал змін. Саме тоді сприйняття “темного режиму” як легкого способу привернути увагу, швидше за все, принесе більше шкоди, ніж користі.
Мистецтво перформативного темного режиму
Існує два види темного режиму.
З одного боку, ви маєте те, що ми любимо називати “перформативним темним режимом”. Ви бачили, як кілька ваших користувачів сказали, що відчайдушно хочуть темний режим, але не заглиблювалися в те, навіщо він їм потрібен. Зрештою, це модно. Зазвичай для цього потрібно змінити кольори та написати про це пост у блозі, щоб привернути увагу до оновлення. Вас підбадьорять у соціальних мережах і ви отримаєте кілька відповідей
НАРЕШТІ!!!
Інший варіант, який ми вважаємо кращим, полягає в тому, щоб зробити темний режим частиною доступного і читабельного інтерфейсу користувача, який добре представляє ваші функції для всіх ваших користувачів. Це не означає, що ви не можете написати пост у блозі про вашу нову темну тему або висококонтрастний інтерфейс. Ви повинні, тому що це правда, люди люблять оновлення. Особливо, коли воно добре продумане, вдумливо виконане і є частиною справжньої прихильності до хорошого UI/UX.
Ці два підходи схожі на те, як люди сприймають UI та UX. Хоча естетика та візуальні ефекти є надзвичайно важливими і можуть бути чудовим “гачком”, довгострокову цінність можна створити лише тоді, коли загальний досвід (те, як ваш продукт відчувається) відповідає тому, як він виглядає.
На чому варто зосередитися
Розгляньмо додавання темного режиму до вашого продукту через призму юзабіліті. Ось деякі речі, які вам потрібно врахувати, і деякі речі, від яких ви отримаєте вигоду.
Час. Створення, коли кінцевою метою є публікація в блозі або запуск продукту, буде швидким і тимчасово безболісним. Ви привернете до себе увагу, але в довгостроковій перспективі це не принесе великої цінності для вашого продукту і ваших кінцевих користувачів. Свідоме обмірковування того, що саме входить до його складу і як безперешкодно інтегрувати це у ваш продукт, займе певний час, але буде найбільш корисним для вашого бізнесу.
Контекст. Що таке ваш продукт? Як люди використовують його зараз? Це інформаційна панель, тонни тексту, чи він більш візуальний? Коли люди більше користуються вашим продуктом – ввечері чи вранці? У перші дні темного режиму багато дизайнерів стверджували, що певні типи продуктів потребують темного режиму більше, ніж інші. Інформаційні панелі та веб-сайти з великою кількістю інформації є одним із прикладів, оскільки за допомогою контрасту можна легше підкреслити певні цифри та фрази. Зараз це вже не так актуально, але все одно дуже важливо знати, чого користувачі очікують від вашого продукту, щоб визначити, наскільки важливим є темний режим.
Кольори. На темному фоні кольори проявляються набагато яскравіше – використовуйте це на свою користь (але робіть це помірковано), щоб виділити важливу інформацію. Різниця в контрастності може бути різкою. Уникайте максимально контрастних варіантів. Обирайте темно-сірі та білі кольори, щоб створити варіації відтінків і тонів. Загалом бажано не використовувати тіні. Замість цього передайте глибину за допомогою різних відтінків (і непрозорості) кольору, накладаючи темніші на задній план, а світліші – на передній. Нанесіть ваш основний колір на темний режим, щоб зберегти брендинг.
Доступність. Пам’ятайте про різні типи користувачів. Згідно з Керівними принципами веб-доступності, текстові та інтерактивні елементи повинні мати співвідношення контрастності кольорів щонайменше 4,5:1, а кольори не повинні бути єдиним показником для інтерактивних об’єктів, таких як посилання, на які можна перейти за кліком. Також намагайтеся уникати поєднання кольорів, як-от червоний/зелений, які часто впливають на дальтоніків.
Опції. Дайте користувачам можливість контролювати те, як вони хочуть використовувати ваш продукт. Дехто віддає перевагу світловому режиму вдень, тож дайте їм змогу обирати.
Послідовність. Більшість операційних систем зараз мають темний режим. Ми також робимо багато контекстного перемикання. Це означає, що коли хтось переходить між додатками, важливо, щоб вони мали безперебійний досвід. Уявіть, що користувач переходить з темного меню, прокручує темний Reddit протягом декількох хвилин, а потім перемикається на яскраво освітлений додаток. Звучить не надто приємно для очей. Це ще одна причина, чому ми бачимо, як багато додатків, якими ми користуємося щодня, переходять у темний режим.
Результати тестування! Часто люди кажуть:
Я б користувався вашим продуктом, якби у вас був темний режим. Я не можу використовувати його так.
Надайте їм доступ і виміряйте, як ваші показники змінюються з часом. Багато незалучених/неактивних користувачів думають, що їм потрібен темний режим, хоча насправді це не вплине на те, як багато і наскільки добре вони використовують ваш продукт. Поговоріть з ними і зрозумійте, як інші продукти, що використовують темний режим, покращили їхній досвід і як темний режим допоможе їм у використанні вашого продукту.
Дебати навколо темного режиму схожі на те, як ми іноді бачимо, як говорять про палети команд – як про модне, мемове доповнення до продукту. І це дійсно так, якщо їх банально впровадити просто для галочки. Якщо все зроблено правильно, “крутий” аспект палітри команд швидко змінюється на “я не можу без цього жити”.
Надання користувачам доступу до будь-якої з ваших функцій зі швидкістю і гнучкістю пошуку може мати величезний вплив на ваші основні показники. Палітра команд з декількома навігаційними командами на кшталт “Перейти на головну сторінку”? Не так вже й багато. При впровадженні темного режиму ви повинні прагнути до першого, а не до другого.
Тим не менш, темний режим – це весело. Він елегантний, сучасний і випромінює певну прохолоду і таємничість. Іноді цього достатньо, щоб захотіти додати його у свій продукт. Однак ми переконані, що все вищесказане слід ретельно оцінити, перш ніж занурюватися в нього. Багато елементів, які працюють у світлому режимі, не дуже добре відображаються в темному, впливаючи на те, як користувачі сприймають ваш продукт.
