interfaces.prjctr | sorokin week
10.9K subscribers
1.81K photos
293 videos
1.01K links
Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute.

Наші курси ➡️ bit.ly/3Ok2oRD
Для питань та пропозицій — hello@prjctr.com
Download Telegram
Як куратор та ментор я часто вловлюю помилкові паттерни в дизайнах студентів.

Хочу дати кілька порад:
∙ Завжди починай з дослідження, а не з естетики (так банально, але в е ще актуально)
∙ Вивчай принципи Gestalt: вони пояснюють, чому речі “виглядають правильно”
∙ Figma — стандарт індустрії, варто знати досконало (слідкуй за оновленнями та вивчай нові фічі регулярно)
∙ Навчись читати базовий CSS/HTML — полегшить спілкування з розробниками
∙ Опануй типографіку: шрифт вирішує 80% враження від дизайну
∙ Веди “бібліотеку натхнення” — зберігай все, що подобається і вивчай хоча б 1 годину на тиждень
∙ Давай та отримуй фідбек регулярно, не чекай фінального дедлайну
∙ Вивчай суміжні дисципліни: психологію, маркетинг, копірайтинг
∙ Портфоліо важливіше за резюме — показуй процес, не тільки результат
∙ Спеціалізація (UX, UI, Product, motion, brand) дає перевагу на ринку
∙ Участь у дизайн-спільнотах відкриває можливості
28
Я часто бачу проблеми саме в ієрархії, групуванні та пріоритизації. І саме знання гештальт-принципів вирішує цю проблему, адже вони показують, як мозок групує візуальні елементи:

Близькість — елементи, що розташовані поруч, сприймаються як група.

Схожість — однакові за кольором, формою чи розміром елементи здаються пов’язаними.

Продовження — око природно слідує лініям і кривим до їх логічного завершення.

Замкненість — мозок “добудовує” незавершені фігури до цілісних форм.

Фігура і фон — ми завжди ділимо зображення на головний об’єкт і фон (класичний приклад — ваза Рубіна).

Спільна доля — елементи, що рухаються в одному напрямку, сприймаються як єдине ціле.

Простота — мозок обирає найпростішу інтерпретацію будь-якої форми.
19
Запускаю подкаст про дизайн і книги 📚
Допоможіть обрати перший випуск 👇

Хочу стартувати швидко, тому пропоную список тих, що в мене є зараз в планах (куплені і чекають своєї черги)
26👍1
Щиро дякую вам,
що провели зі мною цей тиждень)
Мені було супер весело, сподіваюсь вам також)

Давайте залишатись на звʼязку:
Linkedin (тут ділюсь цікавинками) - https://www.linkedin.com/in/oksana-plechii/

Dribbble (ще не багато шотів, але все попереду) - https://dribbble.com/oksana-plechii

Instagram (зовсім не дизайнерський, але якщо цікаво то чому б ні) - https://www.instagram.com/ksu_plechii/

Якщо ви хочете виразити мені вдячність за цей тиждень, то можете зробити це донатом на збір - https://send.monobank.ua/jar/8djgudJnUr

Зараз я долучилась дружньою банкою до збору на 5 стабцентрів для 1-го окремого штурмового полку ім. Дмитра Коцюбайла на Гуляйполе.
Тут пост збору (буду вдячна за поширення) - https://www.instagram.com/p/DV9aODmiJ_b/?igsh=MXdyYnhpa21pdHZoMQ==

Маленьких донатів не буває ❤️
30
Не хочемо прощатися з Ксю, але знаємо, що ще побачимося з тобою на UX/UI Beginning.

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

Дякуємо за цінні поради та за те, що поділилися з нами своїми напрацюваннями в АІ.

Відпускаємо Ксю далі та з нетерпінням чекаємо книжковий подкаст!

На зв’язочку 🤍
20
Channel name was changed to «interfaces.prjctr»
Найближчі старти курсів, які можуть бути корисні:

Mobile Interfaces Advanced — 2 кейси для портфоліо та база з аналізу, тестування гіпотез і вимірювання результатів.

AI for Product Creation — запускайте MVP без команди розробників: використовуйте AI та no-code інструменти для ресерчу, прототипування й перших релізів.

Growth Design — розробляйте рішення, які підвищують активацію, утримання та дохід, і аргументуйте їх за допомогою метрик і результатів.
2
Цього тижня беремо перерву від кураторства, щоб трохи відпочити перед наступними тижнями 🤝

Але ми підготували для вас цікаві артефакти з курсів.

Голосуйте в опитуванні, що вам цікавіше дізнатися:
13🔥2
Бичамо опитування, тож почнемо з UX, юзабіліті та логіки.

Зібрали 3 факти, які можуть здаватися очевидними, але про них легко забути в процесі:

1/3
Ефект володіння (ownership)


Користувач починає цінувати продукт, коли відчуває контроль і внесок. Конкретні патерни:

- onboarding, де ти щось *обираєш* (інтереси, цілі, стартові налаштування) → з’являється “моє”;
- editable state: профіль, дашборд, фільтри, збережені пошуки;
- progress/commitment: чеклісти, streaks, “ви вже зробили 60%”.


Де це працює на retention: продукти з регулярним поверненням (edtech, фінанси, productivity).

Де це шкодить: коли кастомізація з’їдає швидкість. Наприклад, складний onboarding замість “побачив цінність за 10 секунд” або зайві кроки перед першою дією.

Якщо продукт про швидке виконання задачі — мінімізуємо контроль; якщо про довготривалу взаємодію — даємо відчуття “я це налаштував під себе”.
13
2/3
Команди (common-knowledge effect) — залежить не завжди тільки від вас, але цей патерн легко помітити.


Наприклад: команда обирає те, що вже всім зрозуміло, і відсуває те, що приніс інший спеціаліст, дослідник приносить неочевидний інсайт із тестів → “цікаво, але давайте не ризикувати” → залишаємо знайоме рішення.

У підсумку знання не складаються, а усереднюються. І команда приймає слабше рішення, ніж могла б.

Що допомагає не зливати інсайти:

- фіксувати “single-owner insight” до обговорення (щоб його не розчинили);
- окремо проганяти рішення, яке суперечить більшості (forced alternative);
- розділяти “думки” і “дані” в обговоренні.

І це добре видно по нових людях у команді. Вони приходять і ставлять прості питання: чому це рішення таке, чому цей флоу виглядає саме так. Легко сприйняти це як “людина ще не в контексті”, але часто саме свіжий погляд підсвічує речі, які команда вже перестала помічати: зайві кроки, нелогічні рішення або те, що забирає ресурс, але не дає цінності.
9
3/3
Інструменти — які ведуть користувача.


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

Мікроанімації, стани кнопок, послідовність екранів — усе підштовхує до наступного кроку, поки ти природно не доходиш до потрібної дії.

Це спроєктована поведінка користувача, яку ви або використовуєте у своєму продукті, або ні.

Коли онбординг робить з тебе дитину з купою стрілочок його хочеться просто швидше скіпнути.
👍91
Для тих, хто ще не в професії, але вже хоче спробувати себе в UI/UX

Запрошуємо на UI/UX Intro Workshop — воркшоп, де можна вперше зануритися в процес і зрозуміти, як усе працює насправді.

Що буде:
— спроєктуємо user flow (як людина використовує картку в магазині)
— зберемо екрани з компонентів
— розберемо, як приймаються дизайн-рішення

Автор воркшопу — Михайло Самоваров: співзасновник League Design Agency (понад 60 нагород у сфері дизайну) та автор курсу UI/UX Design Beginning.

Коли? 4 квітня, старт 11:00
Деталі тут 👈

Можна без досвіду!
🥰52
This media is not supported in your browser
VIEW IN TELEGRAM
Сьогодні ще продовжимо тему UX і поговоримо про user flow. Данило Верба також занурює в це детальніше на курсі UX-дизайну.

Тож де найчастіше помиляються і як робити краще?

Помилки:
— Спроба побудувати один великий flow «на все» замість роботи з конкретною ціллю. Кожен user flow має відповідати одному конкретному завданню користувача. Наприклад: «покупка товару» або «реєстрація».

— Ігнорування альтернативних сценаріїв, треба продумувати не тільки «ідеальний шлях», а й ситуації, де щось іде не так і як повернути користувача назад у сценарій.

— Створення складних, перевантажених схем. Якщо схема виглядає заплутано, це означає, що логіка ще не допрацьована.

І на що варто звернути увагу:
— З будь-якої точки сценарію користувач має мати можливість дійти до результату.

— Важливо враховувати різні точки входу в продукт. Користувач може зайти не тільки з пошуку.

— Основні сценарії повинні бути найпростішими і найшвидшими. Саме під них будується інтерфейс: акценти, кнопки, навігація.
12
Що хочете бачити завтра на каналі?
Anonymous Poll
59%
Бібліотеку UI-елементів
50%
Карʼєрні поради