interfaces.prjctr | hladynets week
10.8K subscribers
1.9K photos
297 videos
1.07K links
Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute.

Наші курси ➡️ https://shorturl.at/5Zpvf
@projector_online — менеджер на звʼязку з 10 по 19 💙
Download Telegram
Друзі, ви як?
Сьогодні виходимо до вас трохи пізніше з очевидних причин.

Хочемо представити вам куратора цього тижня — Марка Іваника.

Займається дизайном із 2012 року. Починав із графічного дизайну, працював в Akademia Design House, викладав графічний дизайн та айдентику в Projector, а згодом перейшов у продукт.

Сьогодні Марко — Head of Design у Reface, працює з командами дизайнерів, проєктує нові продукти та UX, а також бере участь у запуску нових AI-продуктів. Один із них — BitePal, AI-трекер калорій, який нещодавно отримав App of the Day.

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

І так, у нього є сертифікат Best Designer Ever. Ламінований, між іншим 😌


На цьому тижні будемо говорити про все, ваші справи, робочі питання та те, що виникатиме в процесі.

Марко, скидаємо лише прев'ю твого фото. Покажеш підписникам ціле?
Канал передали 💙
🔥2612
Channel name was changed to «interfaces.prjctr | ivanyk week»
Всім привіт. (окремий привіт Жені Роверу і Дані — радий вас бачити).

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

Якщо сьогодні захочеться хоч трохи переключитися, пропоную коротке опитування, або напишіть в коменти що вас цікавить.
15
Please open Telegram to view this post
VIEW IN TELEGRAM
Контент-плану в мене немає, тому правильних відповідей тут теж немає.

Давайте по найму тоді. Коротка відповідь — зробити тестове. Довгу може потім якось напишу.

Я дуже люблю готувати тестові так, щоб дизайнеру було видно, що дизайн у компанії цінують, і щоб саме тестове було цікаво робити. Воно не абстрактне, а для реального продукту, над яким людина потенційно буде працювати в Ріфейсі.

Ось, наприклад, одне з останніх тестових на продуктового дизайнера в BitePal. Як вам? Було б цікаво таке зробити?

https://www.figma.com/proto/70Lkioci3yFCutswbPgxgL/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%B5--product-designer---3-?node-id=4-38&viewport=812%2C247%2C0.25&t=YIGx00hG6kVG0Bds-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=4%3A38&desktop-link-click-timestamp=1783351758663&desktop-ul-exp-bucket=V&page-id=0%3A1
27👍2
This media is not supported in your browser
VIEW IN TELEGRAM
В коментарі до попереднього посту задали гарне питання про етичність тестових для реальних проектів. Типу ви ж так можете безкоштовно сорсити ідеї для свого продукту.

Конкретний приклад. Вище було тестове про інтеграцію фічі фастингу в BitePal. На той момент ми вже мали своє рішення й потім реалізували його в застосунку. Досі тішуся, як воно працює: єнотика, якого протягом дня треба годувати фотографіями їжі, під час фастингу можна покласти спати. Для мене це досі одна з найулюбленіших метафор у продукті. Схожого рішення в тестових не було.
27
Коментар від @dobzha_pro_design під постом про тестове нагадав мені одну штуку про себе.

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

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

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

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

Бажаю всім нам сьогодні виспатись.
30🙏6
Сказав що спробую спокійніше і пропав на день. Це в моєму стилі (нот хехе).

Давайте попорядку. Спочатку познайомимось. Я Марко, дизайнер який досі не знає який він дизайнер. Здається інтерфейсний, але це не точно, бо більшу частину професійного шляху я працював і цікавився граф дизайном (досі цікавлюсь). Але щоб не розтягувати історію на десять постів, графдизайн сьогодні пропустимо.
🔥1813
Якось так сталося, що для одного фрілансу довелося розібратися з інтерфейсами. Потім цей фріланс несподівано перетворився майже на річний проект. Я з нуля зробив айдентику, пакування для пристрою, застосунки для iOS та android і вебкабінет адмінки.

Це був стартап Finova. Ми робили девайс для трекання автомобілів. На жаль, коли вже все-все було готове проект закрили. Саме там я вперше спробував малювати мобільні застосунки. Виходило так собі, зате іконки були красиві. Але найбільше уваги досі отримує логотип, який в мене час від часу намагаються купити різні люди, бо він висить на дріблі.
23
Цей досвід дав мені можливість влаштуватись дизайнером в Petcube. Ви навіть не уявляєте, який рівень стресу в мене тоді був. Без курсів, без ментора, після приблизно року самостійного вивчення інтерфейсів я раптом став дизайнером застосунку відомого українського стартапу. Виклики там теж були ого. Я не подавав виду, але дуже тоді страглив, бо на ходу вчився якимось банальним речам які всі модні дизайнери знали від Нільсена і Нормана.

Після Petcube я трохи пофрілансив, попрацював ще в одному українському стартапі над вебінтерфейсами, але зрозумів, що найбільше мені подобається мобілка. І коли з'явилася можливість взяти ще один фріланс-проєкт і зробити мобільний застосунок, довго не думав.

Цим фрілансом виявився Reface.
20🔥8
Коли я приєднався до команди, технологія заміни облич уже існувала. Фішка була в тому, що вона могла доволі швидко замінити обличчя без окремого тренування моделі під кожну людину. На той момент так ніхто не вмів. В якийсь момент ми подумали що було б прикольно дати цю технологію людям у вигляді розважального застосунку.

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

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

Саме ці короткі відео почали ріфейсити знаменитості, викладати їх у соцмережі, а застосунок майже щодня падав від напливу органіки. І, мабуть, одним із найкращих продуктових рішень того часу була проста вотермарка reface на кожному відео яку можна було забрати лише за підписку.
25
Фуууух.. видихаю. Сподіваюсь ви ше тут.

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

Тепер давайте інтерактив. В ріфейсі я вперше стикнувся з тим що немає апки де можна підглянути UX технології заміни обличчя. Як ви вже зрозуміли на той момент я був не те щоб інтерфейсним дизайнером зі стажем. І ця задача давалась тяжко. Флоу вийшов наступний:

1. Обираєш контент
2. На контенті визначаємо скільки облич є на відео. Під кожне обличчя даємо контрол заміни на інше
4. Лоадер
5. Результат

Проблема була в тому що щоб повернутись назад до вибору контенту потрібно було двіччі натиснути ⬅️ назад. Це не зручно, бо в наших інтересах дати людині подивитись побільше контенту з власним обличчям. Як би ви вирішували цю проблему?
18
Сьогодні вдалося трохи раніше перестати працювати й сісти за постики. Спробую протягом дня поділитись власним досвідом по роботі з AI в продуктах.

Саме в Reface я вперше зрозумів одну дуже дивну штуку — не всі продукти починаються з проблеми користувача.

У Petcube все було зрозуміло. Людина переживає за свого пєсю, коли він сам удома. Хлопці придумали, як вирішити цю проблему. У Reface було навпаки. Не було проблеми, яку потрібно вирішити. Була технологія заміни облич.

Ми, звісно, пробували знайти "правильний" *показую лапки пальцями* юзкейс. Типу робіть гіфки, розважайте друзів. Але було одразу зрозуміло, що технологію можна використовувати не лише для цього.

Тому спочатку ми навіть не хотіли давати користувачам можливість завантажувати свої відео. Пізніше навіть зробили окрему AI-модель, яка могла визначити, чи було відео заріфейшене. Доводилося одночасно придумувати і продукт, і правила його використання.
25
Про AI native застосунки зараз не говорить хіба що лінивий. Термін уже встиг побувати в кожному другому подкасті, статті й навіть на сайті Reface *самоіронія — це теж моє*

Мені здається, найцікавіше в AI native навіть не сам AI. Це радше про можливість заново подивитися на речі, які роками здавалися очевидними.

Наприклад, застосунок для підрахунку калорій. Роками все виглядало приблизно однаково: відкрив застосунок → знайшов продукт у базі → ввів вагу → побачив калорії. Якщо робити схожу апку, то ваша конкурентна перевага — або кращий UX пошуку, або красивіший UI (ну або все разом).

А що, якщо людина взагалі не повинна нічого шукати? Що, якщо точкою входу стане не пошук, а фотографія?

AI дозволяє заново поставити питання: "Чи цей інтерфейс — найкращий спосіб допомогти юзеру досягти мети?"

І як гарно було б зараз написати: "Саме з цього й почався BitePal." Але в реальності ми були на стадії: "AI щось вміє... а-а-а! Що тепер із цим робити?" *біжить кричить*
18
Шо ви, вже спите? А я сиджу, риюсь у старих макетах і щось трохи ностальгія в око потрапила.

Десь разом із появою Reface стався цілий AI-бум. Виходили нові пейпери, з'являлися відкриті модельки, щотижня хтось в офісі показував “дивіться, що AI тепер може". І ми постійно думали який новий продукт тепер можна зробити.

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

Але замість того, щоб одразу це програмувати, ми спочатку перевіряли на рекламі, чи взагалі комусь цікава така апка. Я малював рекламу, яка вела на фейкову сторінку App Store. Там усе виглядало натурально: іконка, скріншоти, опис, відгуки й кнопка download. Якщо люди хотіли скачати, ми розуміли, що в цієї ідеї є шанс.

Фактично ми продавали продукт, якого ще не існувало.

Ось кілька реклам, які так і не стали окремими застосунками. Але саме вони зрештою підштовхнули нас до BitePal.
18