Як райтерам працювати з дизайнерами
Текст, візуал та інтерфейс — майже нероздільне тріо. Тому в командах продуктів й існують водночас такі позиції, як райтер і дизайнер. Побудувати процес взаємодії в цій команді вкрай важливо.
Будь то графічний дизайн чи розробка інтерфейсів, допомогти можуть такі поради:
1️⃣Домовтеся про інструменти.
Зберігати тексти простіше у Google Docs, але працювати з інтерфейсами — у Figma. Я зазвичай роблю так: поки взаємодію з дизайнерами і текст та макет ще в роботі, ми обмінюємось коментами саме у Figma (а іноді і доєднуємось там до аудіочатів). Але коли макет затверджено, роблю копію текстової частини в Google Docs — і тим самим створюю “базу знань” для кожного продукту.
2️⃣Розберіться в термінології.
Загалом, словники інтерфейсного райтера й інтерфейсного дизайнера зазвичай дуже сильно перегукуються. Але є деякі інструменти і підходи, якими користуються тільки дизайнери або тільки райтери. Бачите незнайоме слово? Уточнюєте, що це за звір і як його використовувати.
3️⃣Брейншторміть підготовленими.
Для мене немає нічого більш контрпродуктинвого, ніж спроби писати тексти на зідзвонах, коли до цього не було часу накидати власні варіанти. Є сенс збиратися на дзвінку і думати над оптимальними рішеннями тільки тоді, коли всі учасники процесу мали час ознайомитися з проєктом і обдумати власне бачення.
4️⃣Пропонуйте ідеї.
Райтер+дизайнер — команда, яка може зробити разом майже неможливе: задовольнити потреби і користувача, і бізнеса, і при цьому лишитися в колії айдентики бренду. Але для того, щоб це стало можливим, усім учасникам процесу важливо навчитися висловлювати свої ідеї (аргументовано і конструктивно) і ухвалювати найкраще рішення для продукту — навіть якщо воно не вашого авторства.
Ще кілька порад про взаємодію райтерів з дизайнерами читайте на каналі Тексти про тексти у Діани 😎
Ми вирішили розкрити тему кожна зі своєї точки зору та досвіду подібних взаємодій.
Текст, візуал та інтерфейс — майже нероздільне тріо. Тому в командах продуктів й існують водночас такі позиції, як райтер і дизайнер. Побудувати процес взаємодії в цій команді вкрай важливо.
Будь то графічний дизайн чи розробка інтерфейсів, допомогти можуть такі поради:
1️⃣Домовтеся про інструменти.
Зберігати тексти простіше у Google Docs, але працювати з інтерфейсами — у Figma. Я зазвичай роблю так: поки взаємодію з дизайнерами і текст та макет ще в роботі, ми обмінюємось коментами саме у Figma (а іноді і доєднуємось там до аудіочатів). Але коли макет затверджено, роблю копію текстової частини в Google Docs — і тим самим створюю “базу знань” для кожного продукту.
2️⃣Розберіться в термінології.
Загалом, словники інтерфейсного райтера й інтерфейсного дизайнера зазвичай дуже сильно перегукуються. Але є деякі інструменти і підходи, якими користуються тільки дизайнери або тільки райтери. Бачите незнайоме слово? Уточнюєте, що це за звір і як його використовувати.
3️⃣Брейншторміть підготовленими.
Для мене немає нічого більш контрпродуктинвого, ніж спроби писати тексти на зідзвонах, коли до цього не було часу накидати власні варіанти. Є сенс збиратися на дзвінку і думати над оптимальними рішеннями тільки тоді, коли всі учасники процесу мали час ознайомитися з проєктом і обдумати власне бачення.
4️⃣Пропонуйте ідеї.
Райтер+дизайнер — команда, яка може зробити разом майже неможливе: задовольнити потреби і користувача, і бізнеса, і при цьому лишитися в колії айдентики бренду. Але для того, щоб це стало можливим, усім учасникам процесу важливо навчитися висловлювати свої ідеї (аргументовано і конструктивно) і ухвалювати найкраще рішення для продукту — навіть якщо воно не вашого авторства.
Ще кілька порад про взаємодію райтерів з дизайнерами читайте на каналі Тексти про тексти у Діани 😎
Ми вирішили розкрити тему кожна зі своєї точки зору та досвіду подібних взаємодій.
👍14
Дослідження UX текстів: які методи можна застосовувати
Я щира фанатка досліджень. Вони допомагають покращити продукт і зробити його більш юзер-орієнтованим. До того ж, з ними значно простіше писати тексти.
Які дослідження допомагають мені?
1️⃣Глибинні інтерв'ю
Це просто невичерпне джерело інсайтів про те, як люди говорять, сприймають інформацію і почуваються в інтерфейсі. Їхні бажання, страхи, місця, де їм складно - усе як на долоні. Це корисний метод і для підготовки до написання текстів, і для покращення вже написаного копі.
2️⃣Персони
Щоб "влучити" у цільову аудиторію, треба знати, хто ця цільова аудиторія. Коли я дивлюсь на персони, я розумію, для кого я пишу. Це дуже допомагає налаштувати свій внутрішній радар.
3️⃣A/B тестування
Старий-добрий метод, який дозволяє перевірити гіпотези щодо текстів. Якщо є суперечки в команді, як назвати кнопку/підписати заголовок/розписати попап - чудовий спосіб зібрати дані і ухвалити рішення на кількісних показниках.
Крім того, мені часто допомагають менш очевидні рішення:
☑️Аналіз конкурентів
Не знаєш, як написати і з чого почати? Сміливо можеш піти пошерстити сайти/додатки конкурентів, щоб набратися натхнення. Часто це допомагає сформувати приблизну карту робіт - а це вже початок, з цим вже можна працювати далі.
☑️Дослідження соцмереж, записів дзвінків у колцентр тощо
Тут може ховатися дуже багато інсайтів. І цей метод - один з найдешевших, майже безкоштовний (якщо не рахувати час на збір і опрацювання інформації - точно безкоштовний).
Метод корисний, бо люди телефонують у підтримку зазвичай з проблемами - тобто одразу можна дізнатися, що не зрозуміло, що не вдалося (читайте = де ми провтикалися і треба покращити флоу і тексти). Та і у соцмережах люди частенько тегають бренд/продукт, щоб поскаржитись.
Дослідження необхідні, якщо ви хочете створювати зручний і зрозумілий продукт. Тому і тестувати інтерфейси треба з написаним UX райтером копі, і не соромитися проводити окремі дослідження саме текстів.
Від цього виграєте ви, ваш продукт і, головне, користувачі❤️
Я щира фанатка досліджень. Вони допомагають покращити продукт і зробити його більш юзер-орієнтованим. До того ж, з ними значно простіше писати тексти.
Які дослідження допомагають мені?
1️⃣Глибинні інтерв'ю
Це просто невичерпне джерело інсайтів про те, як люди говорять, сприймають інформацію і почуваються в інтерфейсі. Їхні бажання, страхи, місця, де їм складно - усе як на долоні. Це корисний метод і для підготовки до написання текстів, і для покращення вже написаного копі.
2️⃣Персони
Щоб "влучити" у цільову аудиторію, треба знати, хто ця цільова аудиторія. Коли я дивлюсь на персони, я розумію, для кого я пишу. Це дуже допомагає налаштувати свій внутрішній радар.
3️⃣A/B тестування
Старий-добрий метод, який дозволяє перевірити гіпотези щодо текстів. Якщо є суперечки в команді, як назвати кнопку/підписати заголовок/розписати попап - чудовий спосіб зібрати дані і ухвалити рішення на кількісних показниках.
Крім того, мені часто допомагають менш очевидні рішення:
☑️Аналіз конкурентів
Не знаєш, як написати і з чого почати? Сміливо можеш піти пошерстити сайти/додатки конкурентів, щоб набратися натхнення. Часто це допомагає сформувати приблизну карту робіт - а це вже початок, з цим вже можна працювати далі.
☑️Дослідження соцмереж, записів дзвінків у колцентр тощо
Тут може ховатися дуже багато інсайтів. І цей метод - один з найдешевших, майже безкоштовний (якщо не рахувати час на збір і опрацювання інформації - точно безкоштовний).
Метод корисний, бо люди телефонують у підтримку зазвичай з проблемами - тобто одразу можна дізнатися, що не зрозуміло, що не вдалося (читайте = де ми провтикалися і треба покращити флоу і тексти). Та і у соцмережах люди частенько тегають бренд/продукт, щоб поскаржитись.
Дослідження необхідні, якщо ви хочете створювати зручний і зрозумілий продукт. Тому і тестувати інтерфейси треба з написаним UX райтером копі, і не соромитися проводити окремі дослідження саме текстів.
Від цього виграєте ви, ваш продукт і, головне, користувачі❤️
👍15❤3🔥1
Як змусити людину зачекати в інтерфейсі
Коли ми готувалися до інтерв'ю для мітапу Kyiv UX Design Community, Таня сказала, що хотіла б обговорити тему, яка давно цікавить персонально її. А саме - як змусити людину зачекати в інтерфейсі, коли нам треба 5-10 хвилин на якийсь процес.
Обговорити цю тему ми так і не встигли, але як на мене вона чудово підходить для п'ятничного вечора. Вона коротка і не складна.
Перше, що треба зрозуміти - змусити людину дивитися в екран загрузки 5-10 хвилин у вас не вийде.
Можливо, існує певний невеликий відсоток людей, які на це готові (згадайте себе в підлітковому віці, коли зачаровано дивилися на прогрес-бар встановлення Sims 3 на комп'ютер😅). Але він настільки малий, що я б не стала на нього покладатись.
Але є речі, які ми таки можемо зробити:
1️⃣Пояснити людині скільки і чому потрібно чекати.
Чесніть - потужний інструмент у роботі з користувачем. Коли ми не приховуємо інформацію і прямо говоримо, наприклад, "Нам треба 5-10 хвилин, щоб обробити ваш запит" - це викликає довіру і відчуття прозорості. Одразу ясно, скільки чекати і чому.
2️⃣Додайте прогрес-бар.
Мені подобається, як це зроблено в додатках/на сайтах доставки їжі. Якщо операція займає понад 5 хвилин, розбити її на прозорі зрозумілі етапи - чудовий спосіб залучити увагу користувача і дати йому впевненість у тому, що щось таки відбувається, а не просто зависло.
3️⃣Надіслати пуш, коли все готово і людина може повертатися.
Лагідно нагадайте користувачу про себе (тільки ніколи не пишіть "Нагадуємо!" - це може викликати негативну реакцію). Скажіть, що акаунт/документ/підписка готові і чекають, щоб людина ними скористалася.
Ну і так:
Простий копірайт - наше все, якщо ми хочемо, щоб люди довіряли нам найцінніше, що у них є: свій час.
Коли ми готувалися до інтерв'ю для мітапу Kyiv UX Design Community, Таня сказала, що хотіла б обговорити тему, яка давно цікавить персонально її. А саме - як змусити людину зачекати в інтерфейсі, коли нам треба 5-10 хвилин на якийсь процес.
Обговорити цю тему ми так і не встигли, але як на мене вона чудово підходить для п'ятничного вечора. Вона коротка і не складна.
Перше, що треба зрозуміти - змусити людину дивитися в екран загрузки 5-10 хвилин у вас не вийде.
Можливо, існує певний невеликий відсоток людей, які на це готові (згадайте себе в підлітковому віці, коли зачаровано дивилися на прогрес-бар встановлення Sims 3 на комп'ютер😅). Але він настільки малий, що я б не стала на нього покладатись.
Але є речі, які ми таки можемо зробити:
1️⃣Пояснити людині скільки і чому потрібно чекати.
Чесніть - потужний інструмент у роботі з користувачем. Коли ми не приховуємо інформацію і прямо говоримо, наприклад, "Нам треба 5-10 хвилин, щоб обробити ваш запит" - це викликає довіру і відчуття прозорості. Одразу ясно, скільки чекати і чому.
2️⃣Додайте прогрес-бар.
Мені подобається, як це зроблено в додатках/на сайтах доставки їжі. Якщо операція займає понад 5 хвилин, розбити її на прозорі зрозумілі етапи - чудовий спосіб залучити увагу користувача і дати йому впевненість у тому, що щось таки відбувається, а не просто зависло.
3️⃣Надіслати пуш, коли все готово і людина може повертатися.
Лагідно нагадайте користувачу про себе (тільки ніколи не пишіть "Нагадуємо!" - це може викликати негативну реакцію). Скажіть, що акаунт/документ/підписка готові і чекають, щоб людина ними скористалася.
Ну і так:
Простий копірайт - наше все, якщо ми хочемо, щоб люди довіряли нам найцінніше, що у них є: свій час.
❤29🔥1
Вийшов запис розмови з моєю участю на мітапі Kyiv UX Design Community😍
Говорили про критерії якісного тексту, чому не варто називати користувача "користувачем" в обличчя, даркпаттерни та купу-купу іншого🥰
Дивитися отут: https://www.youtube.com/watch?v=yj1x9B2Kftg
Говорили про критерії якісного тексту, чому не варто називати користувача "користувачем" в обличчя, даркпаттерни та купу-купу іншого🥰
Дивитися отут: https://www.youtube.com/watch?v=yj1x9B2Kftg
YouTube
Meetup#32: Про якісні тексти в продукті, Дарина Кривохатько з Привату
Посилання на телеграм-канал Дарини https://t.me/interface_writer
00:00 Про гостю та її кар'єрний шлях
01:34 В який момент на проєкті починається робота над текстом
05:04 Критерії якісного тексту
08:47 Чому не варто називати користувача "користувачем" в обличчя…
00:00 Про гостю та її кар'єрний шлях
01:34 В який момент на проєкті починається робота над текстом
05:04 Критерії якісного тексту
08:47 Чому не варто називати користувача "користувачем" в обличчя…
❤33
Курси про UX Writing, на які я і сама хочу
На мітапі зокрема говорили про те, що допоможе навчитися писати круті інтерфейсні тексти. Серед іншого, я говорила про курси і навчальні можливості, які для цього зараз існують.
Ну так от:)
У Projector незабаром стартує курс по UX Writing і чесно - якби не завантажений робочий графік, я б точно вписалась у цей потік. А поки тільки сумно дивлюсь у його сторону і думаю "Ну коли вже, Дарино, ти знову будеш вчитися?".
Що буде на курсі?
• Основи основ: хто такий UX Writer і що він робить
• Про голос і тон продукту
• Мікрокопі: що це таке?
• Про нюанси написання інтерфейсних текстів, які працюють
...та багато іншого!
Чим мені імпонує Projector, так це тим, що тут ти максимально залучаєшся у процес. Легко не буде, але цікаво і корисно - абсолютно точно)
Мова курсу англійська, але це - крута перевага, бо це розкриває ширші горизонти зі старту. Курс підійде як копірайтерам, там і дизайнерам, які хотіли б писати тексти в інтерфейсах краще.
Записуйтеся❤️
*Кошти з цієї реклами в кінці місяця надішлю на ЗСУ та виставлю звіт.
На мітапі зокрема говорили про те, що допоможе навчитися писати круті інтерфейсні тексти. Серед іншого, я говорила про курси і навчальні можливості, які для цього зараз існують.
Ну так от:)
У Projector незабаром стартує курс по UX Writing і чесно - якби не завантажений робочий графік, я б точно вписалась у цей потік. А поки тільки сумно дивлюсь у його сторону і думаю "Ну коли вже, Дарино, ти знову будеш вчитися?".
Що буде на курсі?
• Основи основ: хто такий UX Writer і що він робить
• Про голос і тон продукту
• Мікрокопі: що це таке?
• Про нюанси написання інтерфейсних текстів, які працюють
...та багато іншого!
Чим мені імпонує Projector, так це тим, що тут ти максимально залучаєшся у процес. Легко не буде, але цікаво і корисно - абсолютно точно)
Мова курсу англійська, але це - крута перевага, бо це розкриває ширші горизонти зі старту. Курс підійде як копірайтерам, там і дизайнерам, які хотіли б писати тексти в інтерфейсах краще.
Записуйтеся❤️
*Кошти з цієї реклами в кінці місяця надішлю на ЗСУ та виставлю звіт.
❤21👍1
Приклад даркпаттерна in real life
Вчора колега скинула цей скрін і я не могла не поділитися. На скріні - чудовий спосіб змусити людей почуватися винними:)
Розумію, що швидше за все цього не було на меті. Але вийшло саме так.
Як можна було написати?
Наприклад:
Заголовок: Доставка - 75 грн
Текст: Оформіть SMART-підписку, щоб зробити доставку безкоштовною
або
Заголовок: 0 грн за доставку зі SMART-підпискою
Текст: Оформіть підписку, щоб витрачати 0 замість 75 грн за доставку
І це тільки варіанти, які перші спали на думку.
Завдяки підходу через перевагу замість звинувачення бренд може заробити більше лояльних користувачів і отримати більшу кількість підписників. Так що пишіть тексти з повагою до користувачів і буде вам щастя❤️
Вчора колега скинула цей скрін і я не могла не поділитися. На скріні - чудовий спосіб змусити людей почуватися винними:)
Розумію, що швидше за все цього не було на меті. Але вийшло саме так.
Як можна було написати?
Наприклад:
Заголовок: Доставка - 75 грн
Текст: Оформіть SMART-підписку, щоб зробити доставку безкоштовною
або
Заголовок: 0 грн за доставку зі SMART-підпискою
Текст: Оформіть підписку, щоб витрачати 0 замість 75 грн за доставку
І це тільки варіанти, які перші спали на думку.
Завдяки підходу через перевагу замість звинувачення бренд може заробити більше лояльних користувачів і отримати більшу кількість підписників. Так що пишіть тексти з повагою до користувачів і буде вам щастя❤️
👍49❤3
UX copy в мобільних інтерфейсах
Мобільний дизайн вкрав моє серце, тому тема текстів у апках мені особливо цікава і відгукується.
А ще вона якраз про те, як райтерам слід взаємодіяти з дизайнерами. Тому що у мобільному інтерфейсі мало місця - тож тут лише якісно продуманим сенсом точно не обійдеться.
Рідко це кажу, але: це той випадок, коли форма тексту йде мало не на вищому рівні, ніж його суть.
Почну з основ. Має бути:
• Якісно продумана типографіка.
Шрифт не менше 16 px, нормальні міжрядкові інтервали, чітка ієрархія та структура: заголовки, підзаголовки, списки (якщо мова про великі шматки контенту). Короткі речення і рядки.
• Контрастність і колір.
Мобільні девайси часто використовують на ходу, надворі, коли часу мало, незручно, треба терміново. Останнє, чого хоче людина - витрачати час, щоб знайти тіньочок, бо на екрані нічого не видно. Не забуваємо про те, що текст має бути видно навіть за яскравого денного світла. І авжеж про людей, які погано бачать в принципі.
• Менше тексту.
Less is more на практиці. Залишаємо лише суть, бо все інше немає, коли читати - і ще й незручно. Все, що менш важливе, але потрібно, переміщаємо в блок FAQ, наприклад.
Про форму поговорили. А як бути з суттю?
• Суть - вперед.
Це спільне правило для всього UX copy, але тут воно важливе, як ніколи. Перші 2-3 слова мають відповідати на запитання юзера "Що я бачу перед собою?" ще до того, як він його собі поставить. Ще краще, якщо 2-3 слова - це і буде увесь текст.
• Не відволікайте людину.
Щоб не стати додатком, який людина сприймає за білий шум, не слід слати сповіщення частіше, ніж... Просто робіть це якомога рідше і лише якщо ці сповіщення мають цінність для користувача.
• Пам'ятайте про те, що ✨мало місця✨
Пуш із заголовком, який не вміщується у рядок і йде в три крапки за екран, викличе реакцію на кшталт:🤨🤨🤨
Скорочуємо, скорочуємо, скорочуємо. І буде щастя - нам і юзерам:)
• Велике розбиваємо на етапи.
Progressive disclosure - штука, яка реально працює, коли мова про мобільні інтерфейси. Замість того, щоб читати за раз 5 параграфів тексту або заповнювати 10 різних полів, людині буде значно простіше прочитати один абзац за раз і заповнити 2-3 поля. Розбийте інформацію на блоки і розмістіть їх на різних екранах. І зробіть прогрес-бар, щоб людина розуміла, як довго їй ще терпіти ці борошна 🙂
Я обожнюю апки. Обожнюю, як вони виглядають, як вони спрощують наші життя, які можливості вони відкривають. Том коли в роботу приходять задачки на флоу в мобільному інтерфейсі - це мої улюблені задачки.
А з якими інтерфейсами вам більше подобається працювати - з веб чи мобайл?
Мобільний дизайн вкрав моє серце, тому тема текстів у апках мені особливо цікава і відгукується.
А ще вона якраз про те, як райтерам слід взаємодіяти з дизайнерами. Тому що у мобільному інтерфейсі мало місця - тож тут лише якісно продуманим сенсом точно не обійдеться.
Рідко це кажу, але: це той випадок, коли форма тексту йде мало не на вищому рівні, ніж його суть.
Почну з основ. Має бути:
• Якісно продумана типографіка.
Шрифт не менше 16 px, нормальні міжрядкові інтервали, чітка ієрархія та структура: заголовки, підзаголовки, списки (якщо мова про великі шматки контенту). Короткі речення і рядки.
• Контрастність і колір.
Мобільні девайси часто використовують на ходу, надворі, коли часу мало, незручно, треба терміново. Останнє, чого хоче людина - витрачати час, щоб знайти тіньочок, бо на екрані нічого не видно. Не забуваємо про те, що текст має бути видно навіть за яскравого денного світла. І авжеж про людей, які погано бачать в принципі.
• Менше тексту.
Less is more на практиці. Залишаємо лише суть, бо все інше немає, коли читати - і ще й незручно. Все, що менш важливе, але потрібно, переміщаємо в блок FAQ, наприклад.
Про форму поговорили. А як бути з суттю?
• Суть - вперед.
Це спільне правило для всього UX copy, але тут воно важливе, як ніколи. Перші 2-3 слова мають відповідати на запитання юзера "Що я бачу перед собою?" ще до того, як він його собі поставить. Ще краще, якщо 2-3 слова - це і буде увесь текст.
• Не відволікайте людину.
Щоб не стати додатком, який людина сприймає за білий шум, не слід слати сповіщення частіше, ніж... Просто робіть це якомога рідше і лише якщо ці сповіщення мають цінність для користувача.
• Пам'ятайте про те, що ✨мало місця✨
Пуш із заголовком, який не вміщується у рядок і йде в три крапки за екран, викличе реакцію на кшталт:🤨🤨🤨
Скорочуємо, скорочуємо, скорочуємо. І буде щастя - нам і юзерам:)
• Велике розбиваємо на етапи.
Progressive disclosure - штука, яка реально працює, коли мова про мобільні інтерфейси. Замість того, щоб читати за раз 5 параграфів тексту або заповнювати 10 різних полів, людині буде значно простіше прочитати один абзац за раз і заповнити 2-3 поля. Розбийте інформацію на блоки і розмістіть їх на різних екранах. І зробіть прогрес-бар, щоб людина розуміла, як довго їй ще терпіти ці борошна 🙂
Я обожнюю апки. Обожнюю, як вони виглядають, як вони спрощують наші життя, які можливості вони відкривають. Том коли в роботу приходять задачки на флоу в мобільному інтерфейсі - це мої улюблені задачки.
А з якими інтерфейсами вам більше подобається працювати - з веб чи мобайл?
🔥22👍7😍4❤1
Accessibility в UX copy: робимо текст доступним для всіх
Мене дуже цікавить тема accessibility в інтерфейсах. І дуже круто, що існують стандарти доступності.
Для України вже зараз це дуже важливо. Інтерфейси мають бути зручні для всіх. З цим у нас були проблеми і так, а враховуючи, як багато людей вже скалічила війна, проблема росте. Усім хто працює над додатками та сайтими слід про це пам'ятати.
Тож як зробити текст більш доступним?
• Розмір і контрастність.
Ось тут критично важливо пам'ятати про норму кегля в не менше 14-16px і контрастність на рівні 4.5:1. Перевірити можна, наприклад, сервісом WebAIM Contrast Checker або WAVE Web Accessibility Evaluation Tool. Люди з поганим зором просто не розберуть текст або матимуть з цим значні складнощі, якщо ми забудемо про ці стандарти.
• Шрифт.
Краще використовувати шрифти без засічок, для більшості людей з вадами зору такі шрифти легші для сприйняття.
• Більше часто вживаних слів і менше специфічного сленгу.
Короткі слова, які часто зустрічаються у повсякденному житті, створюють менше когнітивне навантаження, займають менше часу для прочитання і легші для сприйняття в цілому. А ще їх легше сприймати на слух.
• Короткі речення, списки і заголовки та підзаголовки.
По-перше, структурованість спрощує читання тексту абсолютно для всіх. По-друге, люди, які користуються голосовими помічниками, зможуть легше навігувати у просторі вашого інтерфейсу.
• Корисні даркпаттерни.
Я зазвичай виступаю проти того, щоб перепитувати людей "Ви впевнені, що хочете видалити/скасувати підписку/тощо?", але тут відступлюся від свого переконання. Люди з вадами опорно-рухового апарату можуть мати проблеми з тим, щоб керувати інтерфейсом, тому місклікінг і небажані дії - можлива і поширена історія. Ми маємо давати людині шанс скасувати дію, яку вона зробила випадково. Тому не забуваємо ще і про кнопку "Скасувати".
• Підказки + іконки.
Люди з дислексією вам подякують, якщо до пунктів меню ви також додавтимете просту іконку, яка буде передавати суть конкретного пункту. А підказки допоможуть орієнтуватися та зменшать рівень тривожності - люди з підвищеним її рівнем можуть боятися клікати на незрозумілі кнопки та розділи.
• Додаткові пояснення.
Наприклад, коли запитуєте у людини дані її картки, можна додати під полем уточнення, що ніякі кошти поки не зніматимуться. Так само можна додавати приписку про те, що особисті дані людини не передаватимуться третім особам і потрібні для таких-то і таких-то цілей. Інтерфейс має бути прозорим.
Загалом, тут має відбуватися дуже тісна співпраця з дизайнером. Бо важливо усе: форма, зміст і подача контенту на сторінці.
Важливо, щоб інтерфейсом додатка можна було користуватися однією рукою, кнопки були достатньо великого розміру, а поля і помилки малі коректні зрозумілі підписи з достатнім рівнем контрастності. Попрацювати справді є над чим)
Але я дуже мрію про момент, коли українські інтерфейси враховуватимуть потреби усіх категорій користувачів. Нам це справді дуже потрібно.
Мене дуже цікавить тема accessibility в інтерфейсах. І дуже круто, що існують стандарти доступності.
Для України вже зараз це дуже важливо. Інтерфейси мають бути зручні для всіх. З цим у нас були проблеми і так, а враховуючи, як багато людей вже скалічила війна, проблема росте. Усім хто працює над додатками та сайтими слід про це пам'ятати.
Тож як зробити текст більш доступним?
• Розмір і контрастність.
Ось тут критично важливо пам'ятати про норму кегля в не менше 14-16px і контрастність на рівні 4.5:1. Перевірити можна, наприклад, сервісом WebAIM Contrast Checker або WAVE Web Accessibility Evaluation Tool. Люди з поганим зором просто не розберуть текст або матимуть з цим значні складнощі, якщо ми забудемо про ці стандарти.
• Шрифт.
Краще використовувати шрифти без засічок, для більшості людей з вадами зору такі шрифти легші для сприйняття.
• Більше часто вживаних слів і менше специфічного сленгу.
Короткі слова, які часто зустрічаються у повсякденному житті, створюють менше когнітивне навантаження, займають менше часу для прочитання і легші для сприйняття в цілому. А ще їх легше сприймати на слух.
• Короткі речення, списки і заголовки та підзаголовки.
По-перше, структурованість спрощує читання тексту абсолютно для всіх. По-друге, люди, які користуються голосовими помічниками, зможуть легше навігувати у просторі вашого інтерфейсу.
• Корисні даркпаттерни.
Я зазвичай виступаю проти того, щоб перепитувати людей "Ви впевнені, що хочете видалити/скасувати підписку/тощо?", але тут відступлюся від свого переконання. Люди з вадами опорно-рухового апарату можуть мати проблеми з тим, щоб керувати інтерфейсом, тому місклікінг і небажані дії - можлива і поширена історія. Ми маємо давати людині шанс скасувати дію, яку вона зробила випадково. Тому не забуваємо ще і про кнопку "Скасувати".
• Підказки + іконки.
Люди з дислексією вам подякують, якщо до пунктів меню ви також додавтимете просту іконку, яка буде передавати суть конкретного пункту. А підказки допоможуть орієнтуватися та зменшать рівень тривожності - люди з підвищеним її рівнем можуть боятися клікати на незрозумілі кнопки та розділи.
• Додаткові пояснення.
Наприклад, коли запитуєте у людини дані її картки, можна додати під полем уточнення, що ніякі кошти поки не зніматимуться. Так само можна додавати приписку про те, що особисті дані людини не передаватимуться третім особам і потрібні для таких-то і таких-то цілей. Інтерфейс має бути прозорим.
Загалом, тут має відбуватися дуже тісна співпраця з дизайнером. Бо важливо усе: форма, зміст і подача контенту на сторінці.
Важливо, щоб інтерфейсом додатка можна було користуватися однією рукою, кнопки були достатньо великого розміру, а поля і помилки малі коректні зрозумілі підписи з достатнім рівнем контрастності. Попрацювати справді є над чим)
Але я дуже мрію про момент, коли українські інтерфейси враховуватимуть потреби усіх категорій користувачів. Нам це справді дуже потрібно.
❤23👍6
Напиши мені інтерфейс
Курси про UX Writing, на які я і сама хочу На мітапі зокрема говорили про те, що допоможе навчитися писати круті інтерфейсні тексти. Серед іншого, я говорила про курси і навчальні можливості, які для цього зараз існують. Ну так от:) У Projector незабаром…
Обіцяний звіт🫡
Всі отримані з реклами кошти полетіли у Фонд Притули.
Всі отримані з реклами кошти полетіли у Фонд Притули.
❤13👍1
UX-райтерські невдачі
Поділюся з вами одним кейсом. В загальних рисах, але все ж.
Якось у одній компанії ми з командою змінювали дизайн і текст call back форми. І здавалося б - продумали все до найдрібніших деталей, спростили, покращили...
Коли ми зарелізили форму, показники заявок з форми впали, при чому так, що довелося швидко думати, як виправляти ситуацію. Зрозуміли, що самі себе перемудрили - і замість покращення вийшло ускладнення.
Бо є святе правило: що менше тексту, то краще. А ще - усе, що не заголовок і не кнопка люди прочитають дуже малоймовірно🤣
Ця ситуація навчила мене тому, що авторська сліпота - то страшна річ.
А ще тому, що клієнти сприймають інтерфейс взагалі не так як ті, хто його створює.
Зараз на одному з проєктів я бачу це щодня. У нас етап юзер-тестів і 9 з 10 людей просто_не_читають_тексти - навіть якщо вони великими літерами по центру екрана.
Це змушує переосмислювати підхід до роботи в принципі. Вчить знаходити рішення дизайном, а не текстом. І подавати текст так, щоб його прочитали.
Звісно, це не рятує від того відсотку юзерів, яким простіше подзвонити у колцентр - але такі будуть завжди. А все, що ми можемо - це робити максимум з можливого, виховувати нашу аудиторію і любити її всім серцем.
Бо без любові до людей і справи в принципі досягти значних успіхів точно не вийде💜
Поділюся з вами одним кейсом. В загальних рисах, але все ж.
Якось у одній компанії ми з командою змінювали дизайн і текст call back форми. І здавалося б - продумали все до найдрібніших деталей, спростили, покращили...
Коли ми зарелізили форму, показники заявок з форми впали, при чому так, що довелося швидко думати, як виправляти ситуацію. Зрозуміли, що самі себе перемудрили - і замість покращення вийшло ускладнення.
Бо є святе правило: що менше тексту, то краще. А ще - усе, що не заголовок і не кнопка люди прочитають дуже малоймовірно🤣
Ця ситуація навчила мене тому, що авторська сліпота - то страшна річ.
А ще тому, що клієнти сприймають інтерфейс взагалі не так як ті, хто його створює.
Зараз на одному з проєктів я бачу це щодня. У нас етап юзер-тестів і 9 з 10 людей просто_не_читають_тексти - навіть якщо вони великими літерами по центру екрана.
Це змушує переосмислювати підхід до роботи в принципі. Вчить знаходити рішення дизайном, а не текстом. І подавати текст так, щоб його прочитали.
Звісно, це не рятує від того відсотку юзерів, яким простіше подзвонити у колцентр - але такі будуть завжди. А все, що ми можемо - це робити максимум з можливого, виховувати нашу аудиторію і любити її всім серцем.
Бо без любові до людей і справи в принципі досягти значних успіхів точно не вийде💜
❤33👍5
Сторітелінг - одна з провідних фішок для будь-якого райтера
Вміти розповісти історію важливо. Здавалося б, до чого тут інтерфейси? Однак кожен додаток, сайт та інтерфейс має свою історію.
Вона починається, коли у людини виникає потреба, яку наш продукт може закрити.
Вона розвивається, коли людина стає нашим користувачем, гуляє нашими ерканами чи сторінками, натискає на кнопки та йде до своєї мети.
І вона щасливо закінчується, коли юзер стає клієнтом і купує послуги або товари, які ми пропонуємо.
Вміти розповідати історії - важливо. І про це може розпоісти канал game of stories. Тут можа почитати про:
• Як створити трилер
• Як історії можуть впливати на серйозні рішення
• Як писати діалоги
...та купу іншого корисного контенту💜
Підписалась сама і вам раджу 🙂
Вміти розповісти історію важливо. Здавалося б, до чого тут інтерфейси? Однак кожен додаток, сайт та інтерфейс має свою історію.
Вона починається, коли у людини виникає потреба, яку наш продукт може закрити.
Вона розвивається, коли людина стає нашим користувачем, гуляє нашими ерканами чи сторінками, натискає на кнопки та йде до своєї мети.
І вона щасливо закінчується, коли юзер стає клієнтом і купує послуги або товари, які ми пропонуємо.
Вміти розповідати історії - важливо. І про це може розпоісти канал game of stories. Тут можа почитати про:
• Як створити трилер
• Як історії можуть впливати на серйозні рішення
• Як писати діалоги
...та купу іншого корисного контенту💜
Підписалась сама і вам раджу 🙂
Telegram
game of stories
канал про сторітелінг: як створювати історії, які запам’ятають.
з усіх питань: @simonchuk42
з усіх питань: @simonchuk42
❤5👍1
Поширені практики vs Унікальні рішення
Поки не почала працювати у банку, із більшістю кейсів було просто. Є принципи написання інтерфейсних текстів - і ти ними просто керуєшся, щоб зробити якісний текст. Така собі схема, за якою ти працюєш - і все вдається. Принаймні, такі були щонайменше 60-70% завдань.
Але робота у банку і його специфічні обмеження вносять свої корективи. Бо часто доводиться жертвувати базовими принципами, щоб досягти цього тонкого балансу між нашими можливостями, нашими бажаннями і нашими юридично обгрунтованими обмеженнями.
Наприклад, ми маємо інформувати клієнтів про зміни у податковому законодавстві. Як зробити це так, щоб було зрозуміло, досутпно, зручно і повністю відповідало вимогам законів?
У таких випадках часто доводиться жертвувати своїми уявленнями про ідеальний текст - і витискати максимум можливого з мінімуму доступних варіантів. Підбирати компромісні формулювання і домовлятися з дизайнерами і розробниками про форматування.
Така робота - це челендж. І ці челенджі трапляються щодня, бо сфера така.
Це змушує дуже сильно рости над собою - але часом і трохи страждати, ну бо я перфекціоністка🥲
Але впродовж цих вже майже восьми місяців у банку я зрозуміла кілька речей:
• Краще покращити хоч трошки, ніж не покращити зовсім.
• Компроміс можна знайти майже в будь-якій ситуації.
• Часто рішення проблеми лежить не там, де ти думаєш.
Заспокоює думка, що моя робота справді робить краще. Водночас не дає спокою відчуття, що цю роботу можна було зробити ще краще)
А ще було б дуже цікаво послухати про ваші кейси. Чи доводиться вам іноді миритися з тим, що ідеально зробити не вийде? Як ви тоді робите взагалі?
Поки не почала працювати у банку, із більшістю кейсів було просто. Є принципи написання інтерфейсних текстів - і ти ними просто керуєшся, щоб зробити якісний текст. Така собі схема, за якою ти працюєш - і все вдається. Принаймні, такі були щонайменше 60-70% завдань.
Але робота у банку і його специфічні обмеження вносять свої корективи. Бо часто доводиться жертвувати базовими принципами, щоб досягти цього тонкого балансу між нашими можливостями, нашими бажаннями і нашими юридично обгрунтованими обмеженнями.
Наприклад, ми маємо інформувати клієнтів про зміни у податковому законодавстві. Як зробити це так, щоб було зрозуміло, досутпно, зручно і повністю відповідало вимогам законів?
У таких випадках часто доводиться жертвувати своїми уявленнями про ідеальний текст - і витискати максимум можливого з мінімуму доступних варіантів. Підбирати компромісні формулювання і домовлятися з дизайнерами і розробниками про форматування.
Така робота - це челендж. І ці челенджі трапляються щодня, бо сфера така.
Це змушує дуже сильно рости над собою - але часом і трохи страждати, ну бо я перфекціоністка🥲
Але впродовж цих вже майже восьми місяців у банку я зрозуміла кілька речей:
• Краще покращити хоч трошки, ніж не покращити зовсім.
• Компроміс можна знайти майже в будь-якій ситуації.
• Часто рішення проблеми лежить не там, де ти думаєш.
Заспокоює думка, що моя робота справді робить краще. Водночас не дає спокою відчуття, що цю роботу можна було зробити ще краще)
А ще було б дуже цікаво послухати про ваші кейси. Чи доводиться вам іноді миритися з тим, що ідеально зробити не вийде? Як ви тоді робите взагалі?
🔥21❤7⚡1
Англомовний UX writing
Моє місце росту — англійська мова. Я розумію, що для кар'єрного розвитку мені вона конче необхідна. Зрештою, саме з англійською є більші шанси влаштуватися в міжнародну компанію UX райтером, та і ресурси для топової освіти на тему доступні поки не українською. Взяти хочаб платформу Uxcel та її чудові курси.
Я добре розумію англійську! Але писати і говорити нею наважуюсь поки рідко. І якщо ви такі самі і маєте такі ж страгли, прийшла до вас з рекомендацією.
Школа Click&Speak — це онлайн-простір для друзів, щоб практикувати іноземну мову. Тут ви будете:
• Спілкуватися англійською або польською з однолітками на цікаві теми.
• Вчити мову у комфортному темпі (ніяких обіцянок апгрейднути вас з B2 на C1 за 2 тижні).
• Отримувати підтримку від професійних викладачів.
• Вчитися з офіційною структурою вивчення мов CEFR.
І у них якраз стартували знижки до Чорної п'ятниці! -15% на перший урок та абонемент на місяць (8 занять), щоб спробувати школу в дії.
Промокод: BF23. Діє тільки до 26.11 (включно)
Записуйтеся і вчіть іноземну комфортно💜
#реклама
Моє місце росту — англійська мова. Я розумію, що для кар'єрного розвитку мені вона конче необхідна. Зрештою, саме з англійською є більші шанси влаштуватися в міжнародну компанію UX райтером, та і ресурси для топової освіти на тему доступні поки не українською. Взяти хочаб платформу Uxcel та її чудові курси.
Я добре розумію англійську! Але писати і говорити нею наважуюсь поки рідко. І якщо ви такі самі і маєте такі ж страгли, прийшла до вас з рекомендацією.
Школа Click&Speak — це онлайн-простір для друзів, щоб практикувати іноземну мову. Тут ви будете:
• Спілкуватися англійською або польською з однолітками на цікаві теми.
• Вчити мову у комфортному темпі (ніяких обіцянок апгрейднути вас з B2 на C1 за 2 тижні).
• Отримувати підтримку від професійних викладачів.
• Вчитися з офіційною структурою вивчення мов CEFR.
І у них якраз стартували знижки до Чорної п'ятниці! -15% на перший урок та абонемент на місяць (8 занять), щоб спробувати школу в дії.
Промокод: BF23. Діє тільки до 26.11 (включно)
Записуйтеся і вчіть іноземну комфортно💜
#реклама
❤7👍2🔥1
Вас вже 700😍
Дякую за те, що читаєте мене. Дуже ціную можливість ділитися тим, що мені цікаво з людьми, які це зрозуміють💜
А розкажіть, звідки ви прийшли? Бо сьогодні додалося 30 людей, а я гадки не маю, звідки ви😄
Дякую за те, що читаєте мене. Дуже ціную можливість ділитися тим, що мені цікаво з людьми, які це зрозуміють💜
А розкажіть, звідки ви прийшли? Бо сьогодні додалося 30 людей, а я гадки не маю, звідки ви😄
❤21
UX writing воркшоп🔥
Ніщо не тішить мене так сильно, як події, що розвивають український UX райтинг❤️
Вже завтра у школі APOLLO пройде воркшоп для UX райтерів, дизайнерів та усіх, хто працює з текстами в інтерфейсі.
Воркшоп проведе Дар'я Александрова, Lead UX Researcher and Designer @ AgileEngine.
У програмі:
1. Double Diamond як модель дизайн-мислення та процесу розробки продуктів
2. Культурні та лінгвістичні нюанси для англомовних та україномовних цифрових взаємодій
3. Методи тестування текстів для інтерфейсів
4. Практика UX Writing для покращення досвіду користувача мобільного додатку з самодопомоги
До речі, Дар'я вирішила задонатити свій гонорар на користь ЗСУ, і я вважаю, що це неймовірно круто🔥
А для вас, мої любі підписники, школа пропонує знижку 10%. Щоб її отримати, оплатіть воркшоп за спеціальним посиланням.
Придбати воркшоп
Ніщо не тішить мене так сильно, як події, що розвивають український UX райтинг❤️
Вже завтра у школі APOLLO пройде воркшоп для UX райтерів, дизайнерів та усіх, хто працює з текстами в інтерфейсі.
Воркшоп проведе Дар'я Александрова, Lead UX Researcher and Designer @ AgileEngine.
У програмі:
1. Double Diamond як модель дизайн-мислення та процесу розробки продуктів
2. Культурні та лінгвістичні нюанси для англомовних та україномовних цифрових взаємодій
3. Методи тестування текстів для інтерфейсів
4. Практика UX Writing для покращення досвіду користувача мобільного додатку з самодопомоги
До речі, Дар'я вирішила задонатити свій гонорар на користь ЗСУ, і я вважаю, що це неймовірно круто🔥
А для вас, мої любі підписники, школа пропонує знижку 10%. Щоб її отримати, оплатіть воркшоп за спеціальним посиланням.
Придбати воркшоп
🔥9❤2
Діалогові екрани: що це, як робити і як не робити
Діалоговий екран – decision dialog – спосіб комунікації з користувачем на етапах флоу, які вимагають від юзера певної дії. Наприклад, підтвердити покупку або видалити якийсь файл.
Ці екрани виконують кілька функцій:
• Захищають від дій через місклікінг
• Дають шанс ще раз подумати перед незворотними діями
• Дозволяють бізнесу додатково щось продати/завадити скасуванню підписки/підставте своє
• Дають нашому клієнту відчуття контролю над ситуацією
Структура decision dialog зазвичай така:
Заголовок
Підзаголовок (опціонально)
Кнопка, яка підтверджує дію
Кнопка, яка скасовує дію
При чому важливо, щоб заголовок був у формі запитання: по-перше, запитання краще працюють і спонукають до дії, по-друге, так легше сприймати інформацію.
Важливіше за це може бути тільки те, як саме ви назвете кнопки на цьому невеликому екрані. Золоте правило: називайте їх точно відповідно до дій, яку вони виконають.
Погано:
«Так», «Ні», «ОК»
Добре:
«Відписатися», «Підтвердити покупку», «Видалити»
І універсальна кнопка на випадок, якщо людина все ж не хоче робити дію, про яку ми її питаємо:
«Скасувати»
(Очевидно, але уточню: саме «Скасувати», а не «Відмінити», якщо ми говоримо про укр райтинг – бо в українській мові вживання «Відмінити» було б помилкою)
І ще одне маленьке уточнення: слід максимально уникати дуальності значень. Важливо, щоб юзер за мілісекунди розумів, яка кнопка залишить усе, як є, а яка зробить дію, про яку ми запитуємо.
Діалогові екрани – місце, де насправді легко припуститися помилки. Особливо коли ми говоримо про інтерфейси, в оригіналі створені іншою мовою: під час перекладу можуть губитися тонкощі значень.
До того ж, часто саме у діалогових екранах можна зустріти один з поширених даркпаттернів, а саме – сумніви, які інтерфейс намагається нав'язати юзеру. Оці запитання «Ви точно впевнені, що хочете відмовитися від довічної підписки?», «Скасувати найкращу підписку у вашому житті?» і таке інше. Ви знаєте, як я не люблю такі маніпуляції, тож буду лаконічною: не робіть так.
Робіть отак:
Відписатися від розсилки?
Поновити її можна в особистому кабінеті.
Кнопка: Скасувати
Кнопка: Відписатися
Здавалося б, така невелика частина флоу, а потрібно врахувати стільки правил. Але це суттєво впливає на досвід користувача, тому я впевнено можу сказати: воно того варте🔥
Діалоговий екран – decision dialog – спосіб комунікації з користувачем на етапах флоу, які вимагають від юзера певної дії. Наприклад, підтвердити покупку або видалити якийсь файл.
Ці екрани виконують кілька функцій:
• Захищають від дій через місклікінг
• Дають шанс ще раз подумати перед незворотними діями
• Дозволяють бізнесу додатково щось продати/завадити скасуванню підписки/підставте своє
• Дають нашому клієнту відчуття контролю над ситуацією
Структура decision dialog зазвичай така:
Заголовок
Підзаголовок (опціонально)
Кнопка, яка підтверджує дію
Кнопка, яка скасовує дію
При чому важливо, щоб заголовок був у формі запитання: по-перше, запитання краще працюють і спонукають до дії, по-друге, так легше сприймати інформацію.
Важливіше за це може бути тільки те, як саме ви назвете кнопки на цьому невеликому екрані. Золоте правило: називайте їх точно відповідно до дій, яку вони виконають.
Погано:
«Так», «Ні», «ОК»
Добре:
«Відписатися», «Підтвердити покупку», «Видалити»
І універсальна кнопка на випадок, якщо людина все ж не хоче робити дію, про яку ми її питаємо:
«Скасувати»
(Очевидно, але уточню: саме «Скасувати», а не «Відмінити», якщо ми говоримо про укр райтинг – бо в українській мові вживання «Відмінити» було б помилкою)
І ще одне маленьке уточнення: слід максимально уникати дуальності значень. Важливо, щоб юзер за мілісекунди розумів, яка кнопка залишить усе, як є, а яка зробить дію, про яку ми запитуємо.
Діалогові екрани – місце, де насправді легко припуститися помилки. Особливо коли ми говоримо про інтерфейси, в оригіналі створені іншою мовою: під час перекладу можуть губитися тонкощі значень.
До того ж, часто саме у діалогових екранах можна зустріти один з поширених даркпаттернів, а саме – сумніви, які інтерфейс намагається нав'язати юзеру. Оці запитання «Ви точно впевнені, що хочете відмовитися від довічної підписки?», «Скасувати найкращу підписку у вашому житті?» і таке інше. Ви знаєте, як я не люблю такі маніпуляції, тож буду лаконічною: не робіть так.
Робіть отак:
Відписатися від розсилки?
Поновити її можна в особистому кабінеті.
Кнопка: Скасувати
Кнопка: Відписатися
Здавалося б, така невелика частина флоу, а потрібно врахувати стільки правил. Але це суттєво впливає на досвід користувача, тому я впевнено можу сказати: воно того варте🔥
🔥29👍6❤1