Корисний ресурс тижня: Can’t Unsee
DOU продовжує освітню рубрику: раз на тиждень ділимось ресурсами, які можуть прискорити розвиток у професії і дати реальну практику.
Ви можете стати частиною процесу: надсилайте нам рекомендації, який саме ресурс виявився для вас корисним. Тож поділіться такими ресурсами зі спільнотою — запропонуйте через гугл-форму, або ж надішліть топік з поміткою «Ресурс тижня» самостійно чи пишіть Каті :)
А тепер — до рекомендації цього тижня!
Can’t Unsee
Цього тижня ділимося стареньким, але цікавим тренажером для дизайнерів — приємна деталь, що його створив українець Олександр Котлярський, інженер, який нині працює в OpenAI. Can’t Unsee перевіряє, наскільки добре ви помічаєте дрібні відмінності в інтерфейсах та можете визначити, який із двох варіантів зроблений коректніше.
У кожному завданні показують два майже однакові екрани. В одному з них щось змінили — відступ, вирівнювання, розмір елемента, колір, типографіку або візуальну ієрархію. Треба обрати кращий варіант, а потім можна порівняти обидва екрани та побачити різницю.
Як це працює
На початку є кілька навчальних завдань, які пояснюють механіку. Далі починається основна гра, для кожної пари інтерфейсів треба:
- уважно роздивитися обидва варіанти;
- знайти, чим вони відрізняються;
- визначити, який дизайн коректніший;
- обрати його та отримати (або ні) бали.
Є різні рівні складності, тож поступово відмінності стають менш очевидними. Якщо спочатку можна помітити, наприклад, неправильне вирівнювання майже одразу, то далі доведеться придивлятися. У підсумку якусь кількість балів, тож можна ще й змагатися.

Для кого підійде
Насамперед ресурс буде корисним дизайнерам-джунам, а також UI- та продуктовим дизайнерам, які хочуть потренувати уважність до деталей. Також його можна спробувати фронтенд-розробникам, які працюють із макетами або QA-фахівцям, які перевіряють відповідність готового інтерфейсу дизайну.
Але це не повноцінний курс із UI/UX-дизайну. Can’t Unsee не пояснює з нуля принципи композиції, типографіки чи побудови дизайн-системи. Також частина завдань неминуче стосується дизайнерських рішень, де межа між помилкою та питанням смаку може бути тонкою.
Чим корисно
Ресурс тренує візуальну уважність. А у роботі дизайнера часто йдеться не про очевидно поганий інтерфейс, а про десятки дрібних рішень — чи однакові відступи, чи правильно вирівняні елементи, чи не вибивається один розмір шрифту тощо. Після кількох десятків таких порівнянь починаєш швидше помічати подібні речі й у власних макетах.
Ціна питання
Безкоштовно, також для проходження гри не потрібно створювати акаунт або оформлювати підписку. Хоча, щоб порівняти результати з іншими гравцями, треба залишити свою пошту.

2 коментарі
Додати коментар Підписатись на коментаріВідписатись від коментарівВысосанные из пальца «ошибки». Если все описано CSS, то откуда возьмется например гуляние трекинга между буквами? Или кривая форма круга? Или кнопка с разными закруглениями углов? Это ж надо специально написать CSS более сложно, чем когда пишешь его правильно
Можливо, ви знаєте більш реалістичні тренажери?