Корисний ресурс тижня: Can’t Unsee

💡 Усі статті, обговорення, новини для початківців — в одному місці. Приєднуйтесь до Junior спільноти!

DOU продовжує освітню рубрику: раз на тиждень ділимось ресурсами, які можуть прискорити розвиток у професії і дати реальну практику.

Ви можете стати частиною процесу: надсилайте нам рекомендації, який саме ресурс виявився для вас корисним. Тож поділіться такими ресурсами зі спільнотою — запропонуйте через гугл-форму, або ж надішліть топік з поміткою «Ресурс тижня» самостійно чи пишіть Каті :)

А тепер — до рекомендації цього тижня!

Can’t Unsee

До тренування

Цього тижня ділимося стареньким, але цікавим тренажером для дизайнерів — приємна деталь, що його створив українець Олександр Котлярський, інженер, який нині працює в OpenAI. Can’t Unsee перевіряє, наскільки добре ви помічаєте дрібні відмінності в інтерфейсах та можете визначити, який із двох варіантів зроблений коректніше.

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

Як це працює

На початку є кілька навчальних завдань, які пояснюють механіку. Далі починається основна гра, для кожної пари інтерфейсів треба:

  • уважно роздивитися обидва варіанти;
  • знайти, чим вони відрізняються;
  • визначити, який дизайн коректніший;
  • обрати його та отримати (або ні) бали.

Є різні рівні складності, тож поступово відмінності стають менш очевидними. Якщо спочатку можна помітити, наприклад, неправильне вирівнювання майже одразу, то далі доведеться придивлятися. У підсумку якусь кількість балів, тож можна ще й змагатися.

Для кого підійде

Насамперед ресурс буде корисним дизайнерам-джунам, а також UI- та продуктовим дизайнерам, які хочуть потренувати уважність до деталей. Також його можна спробувати фронтенд-розробникам, які працюють із макетами або QA-фахівцям, які перевіряють відповідність готового інтерфейсу дизайну.

Але це не повноцінний курс із UI/UX-дизайну. Can’t Unsee не пояснює з нуля принципи композиції, типографіки чи побудови дизайн-системи. Також частина завдань неминуче стосується дизайнерських рішень, де межа між помилкою та питанням смаку може бути тонкою.

Чим корисно

Ресурс тренує візуальну уважність. А у роботі дизайнера часто йдеться не про очевидно поганий інтерфейс, а про десятки дрібних рішень — чи однакові відступи, чи правильно вирівняні елементи, чи не вибивається один розмір шрифту тощо. Після кількох десятків таких порівнянь починаєш швидше помічати подібні речі й у власних макетах.

Ціна питання

Безкоштовно, також для проходження гри не потрібно створювати акаунт або оформлювати підписку. Хоча, щоб порівняти результати з іншими гравцями, треба залишити свою пошту.

👍ПодобаєтьсяСподобалось4
До обраногоВ обраному0
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

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

Можливо, ви знаєте більш реалістичні тренажери?