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

Наші курси ➡️ bit.ly/3Ok2oRD
Для питань та пропозицій — hello@prjctr.com
Download Telegram
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
This media is not supported in your browser
VIEW IN TELEGRAM
Кому генератор кольорів?

З UI Colors можна створювати, редагувати, експортувати кольори в CSS Tailwind.

Затестити.
82🔥17👍11
Завершуємо цей день свіжим випуском «(Не)великої ради»

У гостях — Юрій Грановський, куратор воркшопу Test. Solutions Analysis та співзасновник «Агентів змін» і «Публічної платформи».

Послухаєте думки та інсайти Юрія про дослідження, супер-силу сучасності — швидкість і гнучкість та чому не варто культивувати фреймворки, але й ігнорувати їх теж не слід.

• За підпискою: Projector Library
• Безоплатно: Apple, Spotify
19🔥6
Доставляємо дизайн-натхнення

На СursorUp можна потренувати дизайнерське око та, як бонус, ще й знайти корисні ресурси. Ось такий win-win.
41
А що ви знаєте про інтерактивні інтерфейси? 

Цього разу в «Тернистому шляху UX» приклади, які показують, що означає бути злим дизайн-генієм 😁

Ми ж закликаємо вас використовувати дизайнерську силу на добрі інтерфейси.
😁42👍3🤔1
Персоналізовано-універсальний дизайн

Баланс, який вчилися тримати Анастасія Гозова, Лілія Бардіна, Ольга Чайковська, Юлія Савюк та Олександр Павлов — випускники курсу Mobile Interfaces Advanced.

Студенти команди 3 працювали над проєктом для Calmerry — стартапу з підбору психотерапевта.

Завдання: дослідити проблеми юзерів після реєстрації та створити перехідний етап від оплати сесії до першої взаємодії з психотерапевтом.

Що і як робили?

Студенти почали з дослідження, а коли зібрали інсайти й перетворили їх на рішення, перейшли до дизайну. Робота складалася з двох частин.

🔹Онбординг

Студенти пішли шляхом персоналізації з першої взаємодії людей із застосунком.

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

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

🔹Основний флоу застосунку

• Після онбордингу команда Calmerry підбирає користувачам психотерапевта. Аби знизити стрес очікування в юзерів, студенти додали індикатор прогресу, який показує — пошук фахівця триває.

• Студенти також розробили Journey — персоналізований простір юзера зі швидкими діями, історією проходження терапії та статтями про психотерапевтичну етику.

Що далі?

Calmerry адаптовує та імплементує деякі ідеї студентів команд 1 та 3. Про це, інсайти з дослідження та дизайн-рішення — у повному матеріалі.
22