Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

@whatthebutton

Kanal geosi va tili: Ukraina, Ukraincha

Toifa: Dizayn

Усе про UX-райтинг: як писати інтерфейсні тексти та створювати крутий користувацький досвід. Поради, кейси, вакансії. Авторка: @ilonaslepchik

Связанные каналы | Похожие каналы

Kanal geosi va tili

Ukraina, Ukraincha

Toifa

Dizayn

Statistika

Saralanganlar

Postlar filtri

O‘chirilganlarni yashirish

Repostlarni yashirish

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

19 Apr, 17:25

📖 Як передати фізичний досвід через екран телефона

Подивіться на контекстне меню в книжковому застосунку Абук. Замість стандартних функцій: зберегти, поділитися — пункти меню описують дії, які ви могли б виконати з реальною паперовою книжкою.

Зберегти, Додати до вибраного → Відкласти
Поділитися → Поділитись книжкою

Знаю, багато хто віддає перевагу паперовим книжкам — мовляв, електронкам не вистачає душі. Може, і так. Але бачите — Абук додає душі через тексти в інтерфейсі 😌

#якназватикнопку_знахідки

269 0 5 2 35

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

12 Apr, 16:30

❤️ Вакансія: продуктовий дизайнер у Kyivstar.Tech

Ми шукаємо дизайнера, щоб підсилити команду додатка Мій Київстар.
Ось детальний опис вакансії. Від себе додам, чому це класна можливість:

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

Ну і бонус: я теж працюю в команді Мій Київстар, тому будемо постійно перетинатися 😉

Скоріше подавайтеся 💫 Або перешліть цю вакансію людині, якій це може бути цікаво)

Kyivstar - Product Designer

Kyivstar.Tech is looking for Product Designer. In this role, you will contribute to the creation of Kyivstar’s innovative new products. This position offers the unique advantages inherent to product teams, including diverse project opportunities, significant autonomy, and the ability to directly imp...

468 0 10 10

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

5 Apr, 13:22

🦄 Кастомні курсори у Фігмі!

Кажуть, у продуктовому дизайні немає місця для самовираження. А чим вам курсор з кроличком — не самовираження?

Як змінити курсор: натисніть на іконку курсора вгорі праворуч, поряд з аватарками.

Шкода, що акція триватиме лише тиждень. Далі знову будемо безликими гвинтиками корпорацій 🙃

555 0 7 1 26

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

28 Mar, 14:36

✍️ Випадковий верлібр від Києва Цифрового

Обмеження породжують креатив. Як тут: на маленькому екрані Apple Watch повідомлення про відбій тривоги згрупувалося так, що виглядає ніби вірш 🥹

13:10 відбій
тривоги

Небезпека
тривала
1 годину
2 хвилини.

Очевидно, райтери застосунка ставлять нерозривний пробіл між числом і юнітом. Хороша практика, яка і полегшує сприйняття тексту, і додає поетичності пушам)

#якназватикнопку_знахідки

642 0 3 34

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

21 Mar, 19:22

📝 Воркшоп "UX Writing для зростання бізнесу та залученості користувача"

Хороші інтерфейсні тексти створюють позитивний користувацький досвід та допомагають бізнесу зростати. Як навчитися писати такі тексти? Власне, писати 😉

Приходьте на воркшоп з UX-райтингу від Дарʼї Александрової в Apollo IT School 💫 На вас чекає три години суцільної практики: ви писатимете тексти для уявного застосунка, одразу ж отримаєте фідбек від Дарʼї, а ще — попрацюєте з дослідженнями та метриками.

Воркшоп буде корисним не тільки для UX-райтерів, але й для дизайнерів, менеджерів та всіх, хто працює з текстами в інтерфейсах.

⏰ Субота 6 квітня, з 12:00 до 15:30

💸 Зараз діє early bird ціна 499 грн, а з 29 березня воркшоп коштуватиме 800 грн. Але раджу записуватись ось вже, бо залишилося небагато місць 🔥

Реєстрація

623 0 4 11

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

20 Mar, 11:16

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

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

🔹 Обмін валют
Скажімо, я їду до Угорщини й хочу взяти з собою місцевої готівки про всяк випадок. Але я не в курсі, що угорська валюта позначається як Ft або HUF, і плутаю угорський прапор з італійським. Я швидше зорієнтуюся в інтерфейсі, якщо в опис валюти додати її повну офіційну назву — форинт.

На цьому все) Бажаю вам багато грошей в яких завгодно валютах (крім рублів, звісно) та чистих інтерфейсів 💖

503 0 2 31

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

20 Mar, 11:16

Як писати валюти в інтерфейсі. Частина 2: багато валют

Окей, ми розібралися з гривнею. Але додаймо до неї долари, євро та ще яку-небудь крипту — і все, в інтерфейсі безлад.

Якщо продукт має декілька валют, їх усі слід писати однаково. Так, до $ та € пасує ₴, а от UAH поряд вже виглядатиме дивно — як третя голова в мемі 🤪

А якщо якась валюта не має свого символа, тоді застосовуємо літерний код для всіх валют у продукті — наприклад, USD, EUR та GEL. Літерний код мають всі валюти світу.

❗️Навіть якщо офіційний символ валюти існує, перевірте, чи він широко використовується. Бо буває й таке, що законодавчо символ закріплений, а в реальному житті люди його навіть не бачили — тоді немає сенсу додавати його в інтерфейс.

464 0 1 14

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

14 Mar, 21:03

А який спосіб позначення гривні в інтерфейсі використовуєте ви?

So‘rovnoma

грн
UAH
₴
залежить від ситуації

142 ta ovoz

555 0 0

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

14 Mar, 20:49

🤑 Як писати валюти в інтерфейсі. Частина 1: гривня

Їхала днями в маршрутці, а там висить поряд два аркуші з вартістю проїзду — на одному грн, а на іншому ₴. Чудова нагода поговорити про написання валют в інтерфейсі 😄

Грн, UAH, ₴ — гривня одна, а позначень багато. То що вибрати: літерний код, символ чи скорочення?

Кожен варіант має плюси та мінуси. За вами — вирішити, які з них критичні у вашому випадку.

Скорочення грн

Плюси:
+ звичне та зрозуміле
+ органічно виглядає посеред тексту: наприклад, у пуші чи в описі

Мінуси:
- займає багато місця
- погано виглядає, якщо декілька грошових сум стоять поряд
- якщо в продукті є інші валюти, то скорочення виглядатиме неконсистентним

Літерний код UAH

Плюси
+ безпечний варіант, якщо в продукті є інші валюти

Мінуси
- латиниця вибивається з кирилічного тексту
- займає багато місця
- погано виглядає, якщо декілька грошових сум стоять поряд

Символ ₴

Плюси:
+ економить місце
+ гарно виглядає поряд із доларами $ та євро €
+ він сексі (так, я фанатка)

Мінуси:
- не підійде, якщо в продукті є інші валюти без офіційного символа
- ви можете зустріти опір 🙃
Не всі захоплюються символом гривні — дехто боїться, що він ще недостатньо поширений та може бути незрозумілим для юзерів. Але в мене є контраргументи: Монобанк та Київ Цифровий, які мають символ ₴ та чудово почуваються. Розвʼязати суперечку також допоможе дослідження користувачів.

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

І головне: що б ви не вибрали, дотримуйтеся свого вибору. Пропишіть правило в гайді та діставайте всіх, хто його не виконує. Інакше інтерфейс виглядатиме як маршрутка 😅

🎁 Бонус-контент: як поставити символ гривні ₴ на клавіатурі, щоб не копіювати та вставляти щоразу
Mac: Shift + |\
Windows: Shift + ~

У наступному пості поговоримо про ситуації, коли в продукті декілька валют. Stay tuned 💸

547 0 3 8 29

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

16 Feb, 18:46

Соціальна мережа "Тільки вентилятори" нагадує про важливість локалізації.

#якназватикнопку_знахідки

868 1 4 8 25

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

9 Feb, 11:16

🙃 UX-райтером бути (не) нудно

Одна моя знайома копірайтерка сказала, що нізащо не перейшла б в UX-райтинг. Формати, з якими вона працює: пости, імейли, статті — дозволяють їй проявити креативність. Вона любить жартувати, гратися з римою та підбирати незвичайні метафори. А в інтерфейсних текстах, мовляв, усе сухо й одноманітно.

Це правда. Рано чи пізно кожен UX-райтер проведе цілий день за страшенно нудною задачею: написати на кнопці “Готово” чи “Завершити”?

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

🔹 реліз ноутс
Він же розділ “Що нового” у сторах. Дехто не париться і щоразу пише: “покращено стабільну роботу застосунка”. Але реліз ноутс — можливість показати, що ви взагалі-то теж креативна людина.

🔹 емпті стейти
Наприклад, сторінка 404, де можна написати “Такої сторінки не існує”, і цього буде достатньо. А можна пожартувати, задуматись про вічне чи загадати загадку.

🔹 назви фіч
Ваш продукт запускає нову функцію, і треба її якось прикольно назвати. Балобонуси від Сільпо, Конверти від ПриватБанка — усе це креатив.

🤨 Ілоно, ну як часто в роботу потрапляють реліз ноутси та нові фічі? Крапля в морі — можливо, скажете ви.

Для тих, кого я не переконала, ось лайфхак. Деякі компанії знамениті своїм нетривіальним підходом до текстів: наприклад, Slack, Spotify, той же Duolingo (вибач, сово, мені правда шкода за той пропуск у три дні 🥲). Для їх UX-райтерів кожна задача — із зірочкою. Бо інтерфейсний текст має бути не тільки простим і зрозумілим, а ще й дотепним та в стилі продукту.

Влаштуйтеся UX-райтером у таку компанію, і качатимете креативний мʼяз щодня. Або спробуйте впровадити оригінальний тон і голос там, де працюєте зараз. Це може бути складно, але точно не нудно! 💫

823 0 3 5 32

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

4 Feb, 15:24

Треба кнопку: «Я тебе почув» 🤣

705 0 5 1 52

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

26 Jan, 15:55

ℹ️ Інформативний пост про неінформативні заголовки

Памʼятаєте наліпку Uklon у таксі? Там ще був заголовок: “Ну раз ти вже це читаєш 🙂”

Про заголовки я й хотіла поговорити)

Здавалося б, залізне правило: заголовок має бути інформативним. Тобто щоб усе було зрозуміло без додаткового тексту.

Але це не зовсім правда 🧐

Існує радше градус інформативності. Він залежить від двох параметрів:
- наскільки важливо для юзера те, що ми хочемо сказати;
- скільки часу є на прочитання.

Я навіть графік намалювала, дивіться 👀

Наліпка потрапляє в категорію “Неважливо — Багато часу”.

🔸 Є таксі, яке може їздити смугою для громадського транспорту. Ця інформація некритична.
🔸Людина їде в таксі і, хоч-не-хоч, бачить наліпку перед очима. В неї багато часу на прочитання.

В Uklon розуміють це, тому дозволяють собі такий заголовок. Ще й іронізують над тим, що читач нікуди не дінеться: “Ну раз ти вже це читаєш 🙂”

📣 А у вас бувало, що від неінформативного заголовку повідомлення тільки вигравало? Поділіться в коментарях!

927 0 4 4 28

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

20 Jan, 16:56

🚕 Коли онлайн-досвід продовжується в офлайні

Таке миле повідомлення від Uklon у таксі 🥰 Це хороший приклад того, як тон і голос продукту не обмежується застосунком, а впливає на всі комунікації.

І ще одну цікаву річ тут помітила, але розкажу пізніше)

До речі, фото знайшла у групі українських UX-райтерів. Дуже люблю цю спільноту: там можна і наболілі питання обговорити, і професійними мемами обмінятися. Жалкую, що такого не було, коли я світчилась в UX-райтинг 🙃

#якназватикнопку_знахідки

886 0 5 31

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

4 Jan, 10:41

🫠 Як ми пережили кібератаку на Київстар і не зʼїхали з глузду

Основне ви знаєте з новин, але розкажу, як російська кібератака вплинула на мою роботу.

Додаток Мій Київстар теж тоді зламався. Наша команда однією рукою “підіймала” системи, а іншою — інформувала юзерів, щó не працює, чому, і коли запрацює.

Як висновок — такі собі “правила життя” юікс-райтера, які мені допомогли пережити два тижні у хард-режимі. Вони актуальні завжди, але в кризу — особливо)

🔹 не привʼязуватися до текстів
В пʼятницю я пів дня писала заглушку “додаток не працює”, а в понеділок додаток частково запрацював, і заглушка стала непотрібною. Психотерапевти та буддисти кажуть: ми не контролюємо події в нашому житті, але контролюємо своє ставлення до них. Тож я прийняла рішення не сумувати через марну працю — це робочий процес, буває.

🔹 знати, як працює той чи інший формат
Якщо не розуміти особливості різних форматів у вашому продукті — сторіс, промо, сповіщення, FAQ тощо, — є шанс, що доведеться розбиратися на льоту в момент кризи. Я на цьому попалася: то заголовок не підійшов, то посилання не можна вставити. А зʼясування цих деталей — час і нерви)

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

🔹 зберігати спокій
На роботі завжди щось може піти не так. Хай кібератака — це "щось пішло не так”, помножене на 10. Але це все ще просто ризик, який реалізувався. Тож можна пропустити стадію паніки, засукати рукава і своє робить. А потім написати розумний постик про цей досвід))

Сподіваюся, ці поради стануть вам у пригоді — тільки нехай у звичайному робочому режимі, а не під час кібератаки 🫠

Якщо було цікаво — задонатьте на збір “Нам тут жити” на розмінування, там зовсім трошки залишилось до цілі.

Нам тут жити - Київстар і Повернись живим запустили благодійний проєкт

Робіть внесок у розмінування України разом з Київстар і фондом Повернись живим, щоб разом зібрати 175 млн грн для саперних груп ЗСУ.

817 0 2 4 53

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

12 Dec 2023, 20:30

🍌 Підсумки року від Reddit

Spotify Wrapped так полюбився користувачам, що тепер усі знають, що слухали впродовж року їх друзі, колеги й сусіди (навіть якщо дізналися про це проти власної волі). Жадаючи слави Spotify, багато які компанії також роблять підсумки року.

Цьогоріч мені найбільше сподобався Reddit: його (само)іронія над жанром підсумків, а ще останній слайд, який імітує ігрову колекційну картку.

Ще цікаво, що вони дали можливість сховати юзернейм і аватар 👀

Ви шерите підсумки року від брендів у соцмережах? Який альбом слухали найбільше, зізнавайтесь))

#якназватикнопку_знахідки

748 0 5 3 8

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

25 Nov 2023, 10:12

💬 Інтерфейс — це діалог

Ми, люди, усе робимо подібним до себе. Робот має виглядати антропоморфно; онлайн-магазин має говорити з покупцем як людина з людиною.

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

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

— У нас є бонус для тебе, цікаво?
— Так, хочу отримати бонус.

Тому в кнопці не може бути «отримай» — це те, що сказав би продукт. А юзер може сказати «отримати», «хочу», «зрозуміло» і так далі.

P.S. До речі, отут можна безкоштовно прочитати книгу Еріки Голл Conversational Design, якщо встигнете за 10 днів пробного періоду)

1k 0 10 28

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

17 Nov 2023, 18:51

Чому не можна назвати покемона FrameRate?

So‘rovnoma

перевищено кількість символів
імʼя не може бути нецензурним
у грі постійно падає частота кадрів (frame rate), і розробники не дозволяють іронізувати над цим

145 ta ovoz

806 0 1 4 14

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

17 Nov 2023, 18:49

🤔 Пʼятнична загадка

Перед вами екран з гри Pokemon Scarlet & Violet. Юзер хотів назвати свого покемона FrameRate, але гра видала помилку.

714 0 0 3

Як назвати кнопку? 🤔 UX-райтинг, інтерфейсні тексти

7 Nov 2023, 13:54

Вітаю, шановні UX райтери та всі, хто цим цікавиться!

сьогодні з вами Алла з каналу "Світч в Продакти" і я хотіла б поговорити з вами про те, що я очікуватиму від UX райтера в контексті взаємодії зі мною та командою.

1️⃣ Тісну роботу з дизайнером
По факту, тексти - це невід'ємна частина дизайну, саме тому я, як продакт, хотіла б бути певною, що у вас з дизайнером є налаштований флоу роботи і додавання текстів на нові дизайни проходить smoozly.

2️⃣ Роботу над документацією
Я, як фанатка документації була б рада, якби в компаніх був би окремий гайд по UX-райтингу. І це було б корисно для продакта ознайомитись з нею та бути в контексті того, як саме продукт спілкується з юзером.

3️⃣ Базові знання UX/UI
На моїй практиці дуже часто UX-райтер був тим самим поглядом з боку, коли йшлось про нові створені дизайнером екрани. Він міг дати свій фідбек з приводу того, що виглядає не логічно або дивно. Тому якщо в UX-райтера є такі скіли - це великий плюс як для продактів, так і для дизайн команди.

4️⃣ Базове розуміння продакт менеджменту
Мені пощастило і UX-райтери з моєї колишньої компанії класно розбирались в A/B тестах, метриках та UX-ресьорчах. Такі спеціалісти дійсно вигідно виділяться на фоні інших та полегшують взаємодію з ними.

дуже дякую, що дочитали до кінця, сподіваюсь, вам сподобалась наша з Ілоною невеличка авантюра😉

І буду рада бачити вас в себе на каналі🫶🏻

Світч в Продакти 📒 Product Management, IT, стартапи

Канал з корисною інфою для всіх, хто пов’язаний з розвитком продукту По всім питанням - @allakamnieva