interfaces.prjctr

Вчора трошки розвантажились цікавими UX детальками а сьогодні знову до серйозних тем. 🫅 Сьогоднішній день – день вайбкодингу. Вайбкодинг це дуже загальний (і тупий) термін, тому хочу почати з розділення. В моєму розумінні існує 2 його підвиди: • створення продуктів або зміна коду в продакшні. Тобто в якомусь вигляді цей код потім йде в реальний світ. • АІ прототипування. Тобто використовується лише для демонстрації і не призначений для використання кінцевим користувачем. Здається другий актуальніший для більшості дизайнерів, тому почнемо з нього. Ліза записала хороше відео про те, як робити великі АІ прототипи дизайнерам, де порівняла як з задачею впорався Lovable та Cursor. 👀 https://www.youtube.com/watch?v=BAIUX8q1GmI

Ці детальки були з моєї колекції, але якщо вам сподобалось і хочете ще – існує прекрасний ресурс Design Spells. Його автор, до речі, дизайнер з Mobbin і в нього теж класне портфоліо. 🔗 designspells.com

Mobbin замість очікуваного та звичного стану помилки при візиті сторінки, якої не існує, показує гру, де треба вгадувати екран якого застосунку ми зараз бачимо перед собою. 🎮 Який у вас рекорд? Спробувати тут

В Superlist (такий конкурент Notion чи Craft) можна додавати розділювальні лінії. Самі лінії кожного разу обирають випадкову варіацію форми та кольору.

Найбільший розмір тексту у FigJam — "Huge", але також є поле, куди можна ввести будь-яке значення (зображення 1) Якщо ввести > 96 (Huge) та < 185, інтерфейс буде показувати просто те, що ви ввели. (зображення 2) Якщо ввести > 185, інтерфейс покаже "Ginormous" –гігантський (зображення 3)

Найбільший розмір тексту у FigJam — |Huge», але також є поле, куди можна ввести будь-яке значення. Якщо ввести > 96 (Huge) та < 185, інтерфейс буде показувати просто те, що ви ввели. Якщо ввести > 185, інтерфейс покаже "Ginormous|

equals.com додали АІ асистента і, увага, зробили його без зірочок ✨ Додали милу ледь помітну анімацію. Асистент привертає до себе увагу за рахунок сильного контрасту бо інтерфейс навколо доволі витриманий.

Вчора багато говорили про портфоліо, хто не бачив до речі, пролистайте попередні пости – там багато рев'ю портфоліо читачів 💅 🫅 Сьогоднішній день я оголошую днем UX деталей. Буду показувати цікаві, незвичні або просто класні рішення в продуктах з фокусом на деталі. Тримайте одразу першу: dub.co запам'ятовує яким способом ти авторизовувався останній раз. Чому всі цього не роблять? В мене часто ступор бо не пам'ятаю чи вводив пошту/пароль чи входив за допомогою Google.

Якщо вам сьогодні було цікаво то нещодавно я запустив Тепер Гарно – мінікурс про те, як оформляти роботи в портфоліо чисто з візуальної точки зору. Це такий набір уроків, який можна проходити в своєму темпі та повертатись коли потрібно. Коштує всього 500 гривень та всі гроші йдуть на потреби Збройних Сил, я особисто не заробляю з цього нічого. Буду радий, якщо подивитесь!

І останнє рев'ю на сьогодні, сайт Олі 👉 Рев'ю тут: cap.link/ep383tqfvzrzhzx

Ще одне рев'ю, цього разу знову сайт Станіслава. 👉 Рев'ю тут: cap.link/c2cepx4x1ahas72 Через 30 хвилин останнє

Далі, портфоліо Наталії. Цього разу воно на Behance. 👉 Рев'ю тут: cap.link/es3d36f9a7n4r7g За 30 хвилин наступне

Наступне портфоліо Єлизавети. Взяв його, бо воно зроблене в ноушні. Рев'ю тут: cap.link/cn6hmvbc2jh0m96 Через 30 хвилин чекайте наступне

Ну що, поїхали? Сергій перший надіслав своє портфоліо в коментарях, тому перший отримує рев'ю. Якщо десь вважаєте що я неправий – пишіть в коментарях. 👉 Рев'ю тут: cap.link/fj66h4fjxqkztyd Наступне буде через 30 хвилин.

Давайте тепер про ваші портфоліо поговоримо! Рев'ю портфоліо 1:1 корисні але коли 10,000 людей можуть подивитись і взяти щось для себе то стає набагато ефективніше. Правила прості: Ви надсилаєте своє портфоліо в коментарях👇 а я роблю публічне рев’ю декількох з них на свій розсуд. Відправляючи посилання ви даєте згоду на публічний допис в цьому каналі з чесним фідбеком на портфоліо.

Дизайнери, які публікують експерименти Дуже подобаються портфоліо дизайнерів, які публікують в них свої експерименти. Це дозволяє заглянути за куліси звичних командних продуктів, де є купа обмежень та політики. Ось підбірка таких дизайнерів, останній мій улюблений до речі. paco.me/craft blog.olivierlarose.com 2023.rauno.me/craft ryanstephen.co arsenkolyba.com/lab

🫅 Оголошую сьогоднішній день – днем портфоліо Будемо говорити про: • класні портфоліо • ваші портфоліо 👀 • платформи, їх переваги та мінуси • оформлення кейсів Для розігріву тримайте концепт фільтра мого сайту, який так і не був релізнутий.

В доповнення до попереднього поста про автомобілі як натхнення хочу просто прикріпити декілька неймовірних дешбордів, де дизайнери захотіли та змогли зробити класно. Взагалі, я колись хотів зробити колекцію таких цікавих дешбордів і викласти їх на якийсь сайт, тому якщо комусь була потрібна ідея для сайд-проєкту – забирайте. На картинках: 1. Nissan 300ZX (1985), де все світиться неоново-зеленим, як в sci-fi фільмі 2. Fiat Panda (1990), які зробили мінімалістичне бенто і розмістили лампочки в місцях, де відповідні системи справді знаходяться в авто. 3. Saab 9-3 (2003), які надихнулись літаками, які самі ж і роблять, і додали нічний режим де видно лише спідометр.

Як стати класним дизайнером? На мою думку, виходити за межі того, з чим ви працюєте, та чим ви надихаєтесь зазвичай. Mobbin це круто, проте наскільки корисно бачити той самий патерн вдесяте? На подкасті Інтерфейсний я рекомендував подивитись автомобільний Youtube канал. Що? Автомобільний Youtube канал на подкасті про дизайн цифрових продуктів? У дизайнерів авто теж є багато UX челенджів, які вони вирішують менш або більш успішно – і цьому можна повчитись. Мова навіть не про екрани, яких стає все більше, мова про все: дизайн ключа, як відкрити багажник, чи підписані кнопки клімат-контролю і так далі. Часто тут можна провести паралелі і до цифрових продуктів. Ось цікавий шматок-приклад про Citroen DS 1972 року, в якому спідометр динамічно показує скільки футів мені потрібно щоб зупинитись з поточної швидкості. На зображенні приклад нашвидкоруч як це могло би працювати в звичному для нас інтерфейсі.