Перейти до змісту
WhatsApp
Журнал

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

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

Більшість сайтів досі поводяться як буклети. Сторінки, картинки, форма зв’язку. Нещодавно ми завершили велике оновлення блогу психотерапевтичної практики з Нью-Йорка і додали в його статті 16 видів інтерактивних інструментів. Читач тепер не лише дізнається про навичку. Він пробує її одразу, посеред тексту. Ось що ми зробили, три інструменти докладно, і чому, на нашу думку, усі сайти рухатимуться в цей бік.

Від сторінок до продукту

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

Практика називається Axis Psychological Services, її веде доктор Джессі Фінкельштейн. Блог пояснює навички DBT і CBT: дихання, переживання кризи, усвідомленість, розмови з близькими. Кожну з них треба робити, а не читати. Тож ми поставилися до кожної статті як до маленького продукту з власним завданням.

На приблизно п’ятдесят статей тепер припадає 16 видів інтерактивних елементів. П’ять із них, щоб показати діапазон:

  1. Breathe with kindness. Дихальний ритм з лінією, добрими фразами і м’яким звуком.
  2. Your crisis pattern. Обираєте, що зазвичай робите в кризі, і отримуєте навичку, з якої почати.
  3. Pros and Cons worksheet. Заповнюєте у спокійний день і зберігаєте як PDF у телефоні.
  4. Послідовність loving kindness. Сім карток, які відкриваєте по черзі, крок за кроком.
  5. Find a skill to try. Два короткі питання ведуть до однієї навички і посилання на її гайд.

Breathe with kindness

Стаття про лагідне дихання описує практику співчуття до себе. Під кроками стоїть дихальний ритм. Натискаєте Start, вдихаєте, поки лінія заповнюється, і видихаєте, поки вона спорожнюється. З кожним вдихом під лінією з’являється добра фраза: «May I be kind to myself», «May I accept myself as I am». Можна практикувати дві, п’ять або десять хвилин і зупинитися будь-якої миті.

Breathe with kindness. Лінія заповнюється на вдиху, спорожнюється на видиху, і з кожним вдихом приходить нова фраза.

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

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

Your crisis pattern

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

Your crisis pattern. Кожен вибір додає одну навичку, простими словами.

Інструмент обережний у тоні. Він каже, що це точки старту, а не єдина правильна відповідь, і що терапевт допоможе скласти особистий план. Нічого з обраного не зберігається і нікуди не надсилається. Приватність тут частина дизайну, а не рядок у футері.

Pros and Cons worksheet

DBT пропонує зважити, що буде, якщо піддатися пориву, і що, якщо втриматися, бажано ще до того, як порив прийде. На папері це аркуш, який дає терапевт. У статті це форма: порив, плюси і мінуси того, щоб діяти, плюси і мінуси того, щоб утриматися.

Робочий аркуш Pros and Cons. Заповнюєте у спокійний день і зберігаєте в PDF, щоб прочитати, коли прийде порив.

Одна кнопка перетворює відповіді на акуратний PDF у форматі US Letter або A4, готовий для телефону чи друку. Текст лишається в браузері читача. Стаття стає інструментом, до якого повертаються, і документом, який носять із собою.

Ще два з набору

Деякі інструменти тихіші. У статті про loving kindness традиційна послідовність складається з карток. Читач відкриває їх по черзі і читає по одному набору фраз, а не стоїть перед довгим блоком тексту.

Послідовність loving kindness на сайті Axis: сім карток, дві відкриті
Послідовність loving kindness. Сім карток, які відкривають по черзі.

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

Find a skill to try на сайті Axis з навичкою STOP як підказкою
Find a skill to try. Дві відповіді, одна навичка, посилання на гайд.

Чому інтерактив працює

Пошук. На сторінці, якою користуються, люди лишаються довше, гортають до інструмента, повертаються і діляться. Корисний інструмент дає іншим сайтам причину посилатися на статтю, а посилання лишаються одним із найсильніших сигналів для пошуку. На відміну від звичайного тексту, працюючий інструмент важко скопіювати і важко замінити AI-підсумком, тож у читача лишається причина відкрити сторінку.

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

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

Зроблено як продукт, легко як сторінка

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

Підхід не обмежується терапією. Сайт SaaS може дати порахувати економію, клініка може пояснити процедуру крок за кроком, студія може дати порівняти пакети. Будь-яка сторінка, що пояснює дію, може дати цю дію виконати.

Сайт як сервіс

Ми віримо, що на сайтах ставатиме все більше інтерактивних елементів. Сторінок, які залучають людей, а не лише дають інформацію і гарні картинки. Як студія дизайну і розробки SaaS, ми підходимо так до кожного сайту, зокрема маркетингового, презентаційного чи корпоративного: сайт як сервіс, з інтерактивом прямо в контенті.

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

Читати далі

Webflow, WordPress, Framer чи Wix: на чому робити сайт для бізнесу

Webflow, WordPress, Framer чи Wix: на чому робити сайт для бізнесу

Webflow, WordPress, Framer чи Wix: чесне порівняння платформ для сайту малого бізнесу чи стартапу. Свобода дизайну, редагування, безпека, анімація, SEO, переїзд, вартість і що відбувається після запуску, з реальними прикладами.