Понеділкова дизайн-афірмація заходить у цей канал

Налаштовуємося на продуктивний тиждень: хай дизайни дизайняться, апруви апрувляться 🙌

Безпека дому в кілька тапів

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

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

• Які є фічі?

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

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

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

• Проєктувати мобільний застосунок з нуля будемо на курсі.

Гарний UX — це коли усі юзери мають однакові діджитал-можливості

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

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

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

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

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

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

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

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

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

🔹Більше порад, корисних гайдлайнів і ресурсів тут.

Помічник, який виручить, коли проєкт несеться

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

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

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

Базу ж роботи над user experience будуємо на UX Design Beginning.

Як щодо поетичних рядків на вечір?

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

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

P.S. Вірш несе жартівливий характер та любов до кураторів.

Розуміти бізнес-процеси — маст

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

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

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

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

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

🔹Service Blueprint

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

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

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

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

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

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

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

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

#гостьова_середа

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#гостьова_середа

Кому генератор кольорів?

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

Затестити.

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

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

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

• За підпискою: Projector Library
• Безоплатно: Apple, Spotify