Якщо придивитеся, то в UX-копі цього діалогового вікна є цілих 8 помилок. Знайдете їх? Накидайте свої варіанти.

Повертаємося до 8 помилок в UX-копі

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

🔹Два дієслова поспіль у реченні збиває користувачів з пантелику. Плюс, слово “cancel” є деструктивним, а “add” є конструктивним, що лише посилює плутанину.

🔹Хоча воркфлоу і має назву “Add Service”, юзерам може бути важко сприймати цей контекст, адже вони не розуміють, з чого саме вони намагаються вийти.

🔹Регістр заголовка не відображає, що цей рядок є реченням.

🔹Дієслова на кнопках та у заголовку не узгоджуються. У коментарях, ви також писали, що не могли зрозуміти, що означає слово “cancel” у цьому контексті. Така ж ситуація з “continue”. Користувачі можуть заплутатися — вони залишаться на сторінці чи ця кнопка допоможе вийти з неї.

🔹Кнопка “continue” візуально контрастує з “cancel”. Такий дизайн спонукає користувачів натискати на першу, яка виконує деструктивну дію — скасовує весь прогрес.

Більше помилок і рішення автора, як їх виправити — у матеріалі

А вже нові набори Проджа прийшли у наш канал

Будемо робити перші кроки у дизайні й прокачувати навички, вчитися працювати з продуктами й застосунками, приборкувати портфоліо й Figma.

Обирайте, з чого почнете цей місяць:

🔹 Курси
• Product Design 7 листопада
• Web Design Beginning 13 листопада
• Web Design Junior 13 листопада
• Mobile Apps Design 13 листопада
• UX Design Medium 14 листопада

🔹Інтенсиви
• Web Design Portfolio Camp 18 листопада
• Figma Components Workshop 11, 12 та 17 листопада
• Measuring UX and Impact of Design 22-24 листопада
• User Onboarding Design 17, 18, 19 листопада

🔹Відеокурси
• Figma
• Webflow

Друзі, хто з вас?

У подкасту «Прийшли правки» новий випуск

Цього разу про все навколо дизайну розповів Стас Говорухін, куратор воркшопу User Onboarding Design та курсу Mobile Interfaces Advanced.

Він поділився думками про продуктовий підхід до дизайну, зміни на ринку праці в IT та роботу в Uklon, Djinni.

Дивитися тут.

Усе корисне, що ви зберігаєте в інтернетах — в одному місці.

Ділимося платформами, які це організують:

• https://mymind.com/
• https://www.instapaper.com/
• https://getpocket.com/en/

Тобто компанії потрібен не дизайнер, а проактивний Флеш?

Швидше, ефективніше, якісніше

Можете працювати за допомогою компонентів у Figma.

• Про досвід роботи з ними, інсайти, які з'явилися у процесі прочитаєте у матеріалі дизайнерки продуктів для Bootcamp.

• Налаштовувати, редагувати, організовувати прості й багаторівневі компоненти навчитеся та попрактикуєтеся на триденному Figma Components Workshop.

Схоже, сезон редизайну дійшов і до українських інтерфейсних теренів

Співзасновник monobank Олег Гороховський у своєму телеграм-каналі показав оновлену версію дизайну застосунку.

Як вам?

UX writing, як і дизайн — всюди

Тобто не лише на сайтах чи застосунках.

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

Ми маємо враховувати всі можливі інструменти комунікації, окрім текстів та якісно їх застосовувати.

Інколи від порядку слів, яким електронний помічник озвучує сповіщення, залежатиме, чи зрозуміє його користувач. Адже тут важливе акустичне середовище та контекст людини.

🔹Наведу приклад. Оператори одного із закладів харчування оголошують, що страва готова фразою: «Богдане, ваше замовлення готове». Що чую я, сидячи в гучній залі фудкорту: «БВМРПВП, ..аше замовлення готове».

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

Уявіть, наскільки краще працювало б щось на кшталт: «Замовлення готове для Богдана». Граматично — дивна конструкція. Та завдяки акустично виразнішим і дзвінким звукам на початку, ви налаштовуєте вухо, щоб відокремити саме це оголошення. А наприкінці фрази ймовірніше почуєте ім’я й знатимете, чи бігти по салат :)

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

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

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

З чим і як працюють UX-райтери?

Вчора були одні інструменти, сьогодні інші, завтра з’являться нові. А ключова експертиза залишається. Тому раджу відштовхуватися від ваших завдань і застосовувати зручні для вас і команди інструменти.

Та загалом їх можна розділити за принципом:

🔹Організовуємо власну та спільну з командою роботу

Основними тут є добре знайомі інструменти для керування проєктом, як-от Jira, Trello та колаборації з дизайном — Figma, Sketch тощо.

🔹 Передаємо проєкт у розробку та зберігаємо матеріали

Гарною ідеєю є зберігати “source of truth” для готових текстів інтерфейсу там, де їх не зможуть випадково видалити або модифікувати інші учасники процесу. Для цього підходять структуровані таблиці. Наприклад, Confluence.

Також раджу інтегрувати готові тексти у фінальний дизайн. Пам’ятайте, усі стани екранів можуть не відмальовуватись, але тексти для них потрібні.

🔹Пишемо тексти

Тут головне знайти комфортне для вас середовище. Частину текстів можна писати у Figma. А інколи зручніше мати чистий аркуш, навіть TextEdit, з якого ви переноситимете текст, куди потрібно.

А от серед інструментів, що допомагають мені підібрати потрібне слово, є Power Thesaurus.

🔹 Окремим пунктом є інструменти, які ви можете створювати самі

Наприклад, ваш продукт має специфічні інтерфейсні рішення для відображення тексту. У таких випадках раджу створити свій емулятор/ігровий майданчик, який імітуватиме потрібну частину інтерфейсу. Так ви зможете на льоту редагувати тексти, щоб перевірити, як вони відображатимуться в реальному продукті.

Для ваших розробників не буде надскладно зробити такий білд, адже вони розумітимуть користь для всієї команди. Такий підхід також допоможе перекладачам локалізованих версій. Серед таких емуляторів є OneSignal, конструктор сповіщень.

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