interfaces.prjctr
10.7K subscribers
1.55K photos
249 videos
826 links
Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute.

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

Стелла Горощак, студентка курсу Web Design Beginning передала його точну суть із восьми 🙌

Адже якщо навчатися, то на повну потужність.

• База вебдизайну й максимум інтенсивної практики за посиланням. Старт 23 жовтня.
😁323🤯1
Хтось скаже, що критичний аналіз та оцінка дизайн-рішень починається та завершується на юзабіліті-тестах. Але це будемо не ми.

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

🔹Під час дводенного воркшопу Test. Solutions Analysis ви сплануєте та проведете власний воркшоп, присвячений аналізу та пріоритезації дизайн-рішень. Працюючи в командах з реальними проєктами та замовниками, звісно ж.

Коли: 28-29 жовтня.

Хто куратор: Юрій Грановський — співзасновник «Агентів змін» і «Публічної платформи».

Детальна програма воркшопу.
11
Перший крок запускає механізм змін на краще. Чіткий запит виводить вас до того самого ментора Projector Mentorship Platform. Знаходьте свого, який порадить, підтримає, підкаже.

🔹Зробити рев’ю портфоліо й побачити, куди і як професійно розвиватися допоможуть:

Стас Говорухін, Designer у Djinni
Ілона Кім, Senior Product Designer у Revolut
Вікторія Доброденчук, UX Architect у Wildix

🔹Розповісти чітко, без прикрас про роботу за кордоном й підтримати на новому етапі раді:

Кирило Лактiонов, Senior Product Designer у BetterUp та Chief Designer в Aninix
Олександр Шатов, Senior Product Designer у Instagram
Марта Рижок, Product Designer у Glovo

🔹Порадити, як працювати у продукті та оптимізувати бізнес-процеси завжди готові:

Іста Чебан, Product Designer у Київстар
Сергій Ревва, Product designer в airSlate
Яна Вохмінова, Product Designer у Суberhaven

🔹Розбіратися з аналізом ЦА, методами для UX-досліджень під різні ринки й продукти допоможуть:

Ірина Кривенко, UX Research Lead у BetterMe
Любов Гаркуша, UX and Market Researcher у Eleks
Олена Булигіна, Principal UX Consultant у Webcredible
20🔥7
Погляд, у якому впізнає себе не один дизайнер 🥲

• Нехай це буде такий собі відкритий бриф на мем. Продовжіть фразу: дизайнер, коли...

Наш варіант закинули в коментарі. Ваша черга.

Прекрасний пан з мемним потенціалом — кіт Михайлик, улюбленець студентки Олі Гливи.
35😁7
Любов з першого тапу в онбордингу

Це реально. І Стас Говорухін, куратор воркшопу User Onboarding Design, знає, як залучати та утримувати користувачів. Ще й радо ділиться порадами з вами.

Попереду корисний контент, вартий збережень. Поїхали.

🔹Уникайте слайди для онбордингу

Зазвичай онбординг — це 3-5 слайдів про фічі, які людина ще в очі не бачила. А вона просто хоче отримати цінність, яку продукт пообіцяв в рекламі, App Store чи на лендингу. Гарний онбординг починається із запитань і дій, які дають цінність якомога швидше. Наприклад, Pinterest пропонує обрати цікаві теми, щоб радити релевантний контент одразу в першій сесії.

🔹Не запитуйте те, що не наближує aha-moment

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

• Інколи більша кількість запитань може працювати. Наприклад, коли очікуваний результат — рекомендація, яка впливає на життя; як-от у сфері психотерапії або харчуванні.

🔹Створюйте quick win, якщо розв’язати проблему у першій сесїі неможливо

У деяких продуктах aha-moment стається нескоро. Скажімо, застосунок для придбання авто не забезпечить людину машиною у першій сесії. Вихід — quick win, себто проміжковий результат, пов’язаний з основною цінністю й доступний користувачу якомога швидше. Повертаючись до застосунку для придбання авто, це може бути добірка автівок під бюджет і побажання юзера.

🔹Поради, як проєктувати онбординг є, відточити їх на практиці можете на воркшопі Стаса.
34👍10🔥2
Понеділкова дизайн-афірмація заходить у цей канал

Налаштовуємося на продуктивний тиждень: хай дизайни дизайняться, апруви апрувляться 🙌
63😁26
This media is not supported in your browser
VIEW IN TELEGRAM
Безпека дому в кілька тапів

Це про курсовий проєкт Яни Семеняк, студентки Mobile Apps Design.

Smart Home — застосунок для управління будинком та приладами у ньому. Ідея Яни — зробити процес легким, а головне, безпечним.

Які є фічі?

Віддалений доступ, аналітика, створення сценаріїв та контроль систем будинку.

Над чим сподобалося працювати найбільше?

В описі до проєкту Яна поділилась: «Було цікаво визначати потреби юзер-персони, створювати флоу та рішення, які допоможуть розв’язати проблеми користувачів».

• Проєктувати мобільний застосунок з нуля будемо на курсі.
31🔥1
Гарний UX — це коли усі юзери мають однакові діджитал-можливості

Як забезпечити останні і для користувачів з дислексією? У матеріалі Smart Interface Design Patterns розібрали цю тему. А ми виділили основне.

🔹Спершу важливо знати про такі моменти:

• деякі користувачі можуть читати до трьох разів довше;

• юзерам може бути важко запам’ятовувати слова між екранами;

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

🔹Як тоді краще дизайтити:

• допомагайте користувачам писати правильно завдяки автозаповненню;

• уникайте надто динамічних зображень та тексту написаного великими літерами, курсивом чи з багатьма підкресленнями;

• не змушуйте юзерів запам'ятовувати багато інформації; натомість створюйте нагадування.

🔹Більше порад, корисних гайдлайнів і ресурсів тут.
👍287
This media is not supported in your browser
VIEW IN TELEGRAM
Помічник, який виручить, коли проєкт несеться

Checklist Design — колекція дизайнерських best practices. Тут вам і чеклисти для створення окремих елементів, і вебсторінок, і флоу.

Необхідна інформація для створення користувацького досвіду під одним дахом.

Забрати собі.

Базу ж роботи над user experience будуємо на UX Design Beginning.
54🔥12👍2
Як щодо поетичних рядків на вечір?

Якби ви спитали раніше, який відгук студентів ми не отримували, відповідь була б — римований. Але не сьогодні.

Навчання з Андрієм Курочкіним та Алісою Головінською, кураторами курсу Web Design Junior надихають на поезію 💙

P.S. Вірш несе жартівливий характер та любов до кураторів.
34👍1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥259
Розуміти бізнес-процеси — маст

Саме так. Якщо ви міддл або хочете ним стати, вам слід думати ширше й враховувати бізнес-сторону компанії. Ось чому:

• бізнес-процеси впливають на юзерів, їх досвід взаємодії, задоволення продуктом та бажання рекомендувати його (NPS);

• чітко визначені бізнес-процеси допоможуть вам і команді мінімізувати рівень непорозуміння. Це супер важливо, коли компанія велика й різні відділи не можуть синхронізуватись;

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

Як ви можете мапити й впливати на досвід користувача та бізнес-процеси? Насамперед варто освоїти Customer Journey Map (CJM). Далі вам відкриється артефакт для фіксування бізнес-процесів.

🔹Service Blueprint

У цей фреймворк входять:

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

Дії на сцені (frontstage actions) — дії продукту, які користувач може бачити; наприклад, взаємодія «людина-людина» або «людина-комп’ютер».

Дії за сценою (backstage actions) — залаштунки, де відбуваються процеси сервісу, які користувач не бачить.

Процеси — додаткові сервіси та взаємодії, як підтримують backstage та frontstage. Вони можуть бути як внутрішні, так і зовнішні.

Докази (evidence) — свідчення та точки взаємодії користувача з компанією як-от чек про оплату, сайт, лист, мобільний застосунок.

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

Тож закликаю вас мапити бізнес-процеси й наносити невиправну користь вашому продукту.

#гостьова_середа
40🔥12👍5
Буває, що ви задизайнили інтерфейс, а можливості валідувати його з юзерами немає. Чи то не маєте доступу до них, чи користувачів замало, або бракує часу до закриття спринта.

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

🔹Евристики Якоба Нільсена

Метод дозволяє оцінити інтерфейс за допомогою 10 емпіричних правил:

1. Видимість стану системи. Інформуйте користувачів про те, що відбувається за допомогою зворотного зв’язку.

2. Відповідність між системою та реальним світом. Дизайн повинен говорити мовою юзерів.

3. Користувацькі контроль та свобода. Юзери часто виконують дії помилково. Їм потрібен «аварійний вихід», щоб покинути небажаний стан. Дайте можливість скасувати та відтворити дію.

4. Послідовність та стандарти. Користувачі не мають сумніватись, чи різні слова, ситуації або дії означають те саме. Дотримуйтеся послідовності системи.

5. Запобігання помилкам. Усуньте вразливі до помилок умови або стежте за ними й давайте користувачам можливість підтвердити свої дії.

6. Розпізнавання, а не пригадування. Мінімізуйте навантаження на пам’ять користувачів, робіть об’єкти, дії та опції видимими.

7. Гнучкість та легкість у користуванні. Дозвольте юзерам налаштовувати часті дії під свій комфорт, наприклад, за допомогою «гарячих» комбінацій клавіш.

8. Естетичний та мінімалістичний дизайн. Сторінки та діалогові вікна не повинні містити зайвої інформації. Додатковий контент конкурує з основним й знижує його видимість.

9. Допомога юзерам розпізнати, діагностувати та усунути помилку. Повідомляйте про помилки простою мовою та пропонуйте чітке рішення.

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

🔹До інших методів валідації належать:

• 8 золотих правил Шнейдермана;
• 6 критеріїв юзабіліті;
• 21 закон UX-дизайну;
• 7 принципів Дона Нормана;
• принципи Брюса Тогняцціні;
• принципи проєктування для зниження когнітивного навантаження.

Більше про них читайте у моїй статті.

#гостьова_середа
54👍10🔥2
💙 Серце добре знає, що користувач відчуває

Мова йде про фреймворк HEART. Це один з go-to інструментів продуктових дизайнерів, щоб вимірювати якість користувацького досвіду й власної роботи зокрема.

Читайте, зберігайте.

Цю та інші метрики практикуємо ефективно застосовувати на курсі Product Design.
52🔥3👍2