interfaces.prjctr | napriienko week
10.7K subscribers
1.94K photos
303 videos
1.11K links
Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute.

Наші курси ➡️ https://shorturl.at/5Zpvf
@projector_online — менеджер на звʼязку з 10 по 19 💙
Download Telegram
До речі, сьогодні о 19:00 у Projector буде лекція «Що AI забере у дизайнера і що дасть натомість?» зі Стасом Говорухіним.

Стас Говорухін — незалежний дизайнер, який працював із Новою поштою, Мінцифрою, Djinni, Miro та Uklon.


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

Сьогодні, 3 вересня, 19:00
Реєстрація на лекцію
11
Зробила те, до чого руки не доходили неймовірно довго, бо я не працюю з вебом — потестила скіли, котрі найчастіше бачу в списках «найкращі скіли, які зроблять ваш ші топ-дизайнером».

Спойлер: не зробили, як неочікувано. (але деякі варіанти були нічого такі)

Тестувала я Taste , UI/UX Pro, Impeccable, emilkowalski/skills (останній для анімації).
У них багато зірочок на Гітхабі і багато-багато постів про них в інтернеті.

І також порівнювала їх з вбудованим frontend-design скілом від Антропік.

Записала частину того, що тестувала, на відео, але туди потрапило не все.
(воно в коментарях, але у другій частині відео біда зі звуком, вибачайте — намагалась виправити як могла)

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

В плані анімацій — дефолтний скіл frontend-design краще, аніж скіл, який обіцяє преміум-анімацію (він робив або нічого, або погіршував те, що є. але може це в мені проблема)

Наукращою в плані часу та результату для мене виявилась звʼязка додавання design.md та вбудованого frontend-design скіла.
Там були і анімації, і інтерактивні компоненти, і анімовані SVG-шки. Але, звісно, не наскільки добре, щоб нічого не поправляти руками.

Design. md - це єдине, що дійсно дає відчутну біль-менш якісну різницю. Але і не дивно, бо це дуже детальний стайл-гайд з набором чітких правил. (ось тут є багато прикладів, які можете поцупити собі)
10
Окремо хочу відмітити impeccable, бо це не просто скілл, а повноцінний воркфлоу з своїми кастомними тулами. Він задає вам питання, показує опції на вибір, а потім створює design.md та product.md.

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

Але це не one shot one hit. Вам потрібно багато допрацьовувати. Але я бачу у ньому потенціал як щось, що може стати частиною вашого вокрфлоу.

І якщо ви дасте йому класний мудборд, то він може дати вам непоганий стартовий результат, який ви потім будете допрацьовувати. Економлячи вам час на експерименти з різними стилями. І зекономить час на анотації, бо має для цього вбудовані тули.

Але токенів він жере неймовірно багато і працює дуже довго. поки він згенерував 1 варіант, я нагенерувала майже 10 інших без нього (1 ітерація зайняла годину+ (!!!)).
Тому думайте, чи є в ньому сенс, бо якщо ви хочете його лише заради анотацій, то краще поставте це — agentation.com
7
Америку я вам цим експериментом не відкрию, але сподіваюсь, зніму з деяких людей фатіг стосовно того, що ви позаду, бо стільки скілів, стільки всього — як їх усіх спробувати?
Просто забийте. Це найкраще, що ви можете зробити для власної менталки.

Бо чи буду я юзати якись з цих скілів? Скоріше, ні. Можливо, impeccable. Але це не точно.

Подумайте про це все з такого боку — до появи ШІ чи користувалися ви всіма найостаннішими плагінами та віджетами, які робили інші в Figma? Не думаю. Чи тиснуло на вас те, що вони існують, ментально? Теж, скоріше, ні.

Бо ніхто про це не кричав 45 разів на день з кожної дірки. Тому і тут не парьтесь.

ШІ — це модне слово, яке дає перегляди. Більшість людей, які ці скіли зберігають і лайкають і створюють видимість того, що всі вже ними користуються, НІКОЛИ не повернулися до них після того, як лайкнули. (так само, як і ви до вправ, які зберігаєте в Інстаграмі в надії колись зробити).

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

Наприклад, скіл, який знатиме, який компонент у вашій дизайн-системі відноситься до якого елемента в коді. Чи скіл, який буде перевіряти, чи всі відступи кратні 4 чи 8. Чи дашборд, який збирає всі ваші референси і тегає їх по стилям та типам, щоб ви легко могли їх знаходити і відправляти ші їх дивитись для референсів — це задачка на один вечір.

(А щоб зробити скіл, вам треба просто пояснити Клоду, що ви хочете, обговорити це і попросити написати скіл. Протестувати, і коли ви бачите, що він працює криво, то просити ШІ його поправити — все. Залежно від задачі, це може зайняти трохи часу та ітерацій, але якихось таємних знань для більшості тасок це не потребує ).


А що ви про це все думаєте? чи є у вас улюблені скіли? Чи знайшли ви той, який зробив з вашого ші агента супердизайнера?
13
Очевидно, що етап збору референсів та мудбордів нікуди не дінеться.

Ось прикольні ресурси, де можна понадихатись

21st.dev (вже вам його раніше показувала, тут промпти можна копіювати)

А це просто для візуального натхнення:
posts.design
recent.design
collectui.com
deck.gallery

А ви де надихаєтесь? с:

(Ходіть в коментарі, там гарні рекомендації)
18
А чи робите ви пет-проєкти для себе або ж власні продукти?

Зараз у нас є дуже класна можливість зробити продукт швидко і без великої команди.

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

Це найкращий спосіб досягти двох цілей одночасно - набрати практики розробки з ші та зробити тул, який покращує вам життя і економить гроші на підписках (але підписку на клод все одно треба заплатити 🌚).
6
Отож, я вирішила спробувати зробити щось для себе.

Я жахливий діджитал-хордер. В різних соцмережах я зберегла тисячі різних штук, але менеджити все збережене — це можна вмерти.


Тому я вирішила, зробити додаток для себе, де можна зберігати всі мої рілси, тіктоки, посилання на статті та відоси, які я хочу подивитись, і інші штуки. І швидко знаходити їх з ші по максимально абстрактним запитам.
Також він сам сортує все по папкам, якщо я специфічно не вказую, куди щось має бути збережено, бо тепер не треба іти в папку, щоб щось знайти - воно знаходиться через пошук. Це нарешті вирішило мою проблему з тим, що у мене якимось чином через роки зʼявилось по 3-4 папки з схожим вмістом, коли мала б бути одна.

Також допомагає з складанням плану дій для активностей, які збережені. Як шось приготувати, як зробити той чи інший diy проєкт, і що для цього потрібно. Які вправи в рілсі зі спортиком, які продукти в відео з мейком та які книжки чи фільми перелічені в збереженому пості.

А потім подумала, що це прикольна штука і було б непогано з цього зробити продукт.

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

Тепер працюю над додаванням всяких прикольчиків типу:

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

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

І нещодавно вирішила поексперементувати з додаванням щоденника, де видно, що і коли ви робили (як через активності з додатку, так і просто записуючи окремо, що було в цей день) і чи вам сподобалося чи ні.

Там же ви можете трекати як ви почувалися, який настрій був в той чи інший день, якщ трекаєте вправи та калорії, то трекати їх. Та і використовувати це як звичайний щоденник для написання нотаток, коли хочеться щось запамʼятати. І мати можливість швидко знайти, що ви писали про ту чи іншу подію в вашому житті та знаходити патерни. (але без чатів з ші про ваше життя, бо хочете поговорити про це - ідіть до друзів або спеціаліста)

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

А найближчим часом, але вже після першого бета-тесту (нарешті!), планую додати ще інших приколів —

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

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

але як бачите, я все ще не можу зібратись з силами це все запаблішити, бо мені вічно здається, що туди треба додати ще щось перед тим, як показувати людям.
(так, я знаю, що це жахливо не правильно і я не роблю такого на своїх реальних проєктах, але чомусь, коли це персонально мій продукт, то скіл швидкого тесту гіпотез не прокнув, але я виправляюсь 😂)
11🔥5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Не хочете показувати, над чим ви працюєте, тоді я не лише розкажу про ідею додатку, але і покажу його інтерфейс 😎

Попереду ще багато роботи і фіксів, але основа покладена.

Що хочy сказати - починала я цю ідею до того, як ші дав змогу дизайнерам швидко та ефективно працювати з дизайном у коді.
І якщо порівнювати мій процес чисто у фігма та коли я можу зробити інтерфейс у коді з ші - це небо та земля.
Те, що раніше у мене замало тиждень і давало мені дуже обмежений лінійний клікабельний прототип по певному сценарію, зараз займає день і дає повністю функціональний інтерфейс з реальними даними (але це не означає, що абсолютно всі процеси пришвидшились).

І це просто дивовижно, як 2 людини, одна з яких не кодить, але тепер може взяти на себе велику частину фронтенду, можуть зробити досить таки велику кількість функціоналу. (довелось мені це перевірити на собі, бо десь 3-4 місяці безрезультатно шукала фронтенд розробника і проєкт не рухався - не знайшла і вирішила, що все треба брати в свої руки, ще й ші тепер дає таку можливість. Але тепер бачу, що і добре, що не знайшла, бо наша взаємодія була б непотрібним ботлнеком в цьому процесі і лише все сповільнила б)

Я дуже дуже рекомендую вам спробувати зробити щось для себе, щоб просто погратись і оцінити можливості і те, наскільки такий процес дизайну зручніший та ефективніший.
Please open Telegram to view this post
VIEW IN TELEGRAM
13👏3🔥2
Плануємо в кінці місяця пробувати релізитись в AppStore. І пробувати це все діло монетизувати.

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

А якщо хочете потестувати, то також пишіть - тестфлайт уже і так є.
5
А ще шукаю ілюстратора, котрий намалює мені маскота 👁👁
(за гроші, звісно)

Ідея +- вже є, а ось рук для реалізації немає, а використовувати ші для цього я принципово не хочу.
Тому якщо це ти, і хочеш оживити мого Допі, то напиши мені в особисті с:

Величезний плюс, якщо можеш анімувати його в Rive.
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥1
Дуже всім дякую, що читали мене цей тиждень!
Ви класні ❤️
21🔥3💘1
Олено, дякуємо тобі за цей тиждень!
Думаємо, ти сказала багато того, що читачі саме зараз мали почути, а ще поділилася своїми порадами та натхненням.

Ти дуже сонячна, і цей тиждень дуже нас зарядив.
Сподіваємося, ілюстратор вже знайшовся, або знайдеться найближчими днями.

Не забудьте підписатися на Олену в LinkedIn. І до речі, навчатися з Оленою можна на курсі UX Design.

Щиро дякуємо і до зустрічі! 💙
6🥰1
Channel name was changed to «interfaces.prjctr»
Як ваш понеділок? Поки чекаємо на куратора хочемо нагадаємо за must-check курси, що розпочнуться зовсім скоро:

User Psychology in Product — перетворіть психологію користувачів на постійний ресурс для покращення продукту.

Growth Design — проєктуйте рішення, що підвищують activation, retention і revenue.

📀 До 18 вересня можна отримати career booster в подарунок до усіх курсів 📀
3👍1
Знайомтеся, Дмитро Напрієнко — Senior Product Designer у PDF Expert by Readdle.

Основний фокус Дмитра — Growth, а саме: activation, онбординги, пейволи, експерименти та AI experience.

Дмитро викладає на курсі Product Design у Projector. І також веде YouTube-канал про мінімалістичні сетапи, техніку та гаджети, які роблять роботу і життя зручнішими.

Останнім часом захоплюється картингом, боксом та йогою, тож є про що запитати, окрім дизайну.

Просимо бути уважними, ставити запитання та підтримувати куратора реакціями 💙

Дмитре, канал уже твій!
21🔥1
Channel name was changed to «interfaces.prjctr | napriienko week»
This media is not supported in your browser
VIEW IN TELEGRAM
Всім привіт! 👋
Дякую Проджу, що довірили провести цей тиждень з вами!

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

Ось меню на цей тиждень:
→ Як дизайнеру стати центром контексту та як заробляти гроші для бізнесу через дизайн;
→ Хто взагалі такий Growth Designer;
→ Зануримось глибоко в онбординги, пейволи, A/B-тести та чому UI важливий;
→ Кар’єрне: як робити тестові завдання, case study та презентувати;
→ Як персональні досягнення в житті впливають на досягнення в роботі;
→ Як я використовую AI в роботі та як впроваджую AI-фічу в продукт.

Я дуже люблю спілкування, давати фідбек і відповідати на коментарі.

Тому одразу заклик до дії → з чого починаємо? Пишіть в коментарях

🤘(ps: ближче до п'ятниці дізнаєтесь, чому це мій улюблений емодзі)
🔥14