Опенсорс-инструмент Яндекса для работы с документацией — наглядно
Яндекс разработал опенсорс-платформу Diplodoc, которая помогает быстро создавать документацию. Как она работает — смотрите в записи мастер-класса с недавней (не)конференции Yandex Open Source Jam.
Повторить то же самое просто: достаточно изучить гайд, который собрала команда Diplodoc. Чтобы собрать свою документацию и сделать для нее лендинг, вам понадобится меньше часа.
Задать свои вопросы и оставить фидбэк можно в телеграм-чате или на GitHub.
Раньше приложения по умолчанию использовали положительную формулировку «Хочу подписаться» и держали галку активной. Пользователи привыкли ее отключать — приложения наносят ответный удар. Теперь, пользуясь зрительной и мышечной памятью, приложения меняют формулировку на «не хочу подписываться» и отжимают галку 🫠
#темная_магия
Speak Human. – сервис генерации UX-текстов для любых целей 🎯
Создаёт копии для распространённых сценариев: запросов электронной почты, подтверждающих сообщений, интернет-магазинов, ошибок, загрузок, благодарностей. Выбираете нужную категорию из списка и получаете сообщение.
Работает на английском, варианты из разряда Safe Choice — ничего сверх, но достаточно добротно, особенно для нередакторов 🔵
https://www.speakhuman.today/
Информационная архитектура как искусство и 4 основных компонента проектирования информационной архитектуры 💎
Ник Бабич рассказывает об основных составляющих при создании информационной архитектуры.
🔹 Информационная архитектура — это искусство представления информации в продукте для удобного использования. В каждой точке касания клиента нужно давать выверенный объём информации.
🔹 1. Организация контента позволяет создать чёткую, гибкую и логичную иерархию информации так, как о ней думают пользователи, а не так, как проще с технической точки зрения. Грамотное проектирование создаёт задел для роста контентных единиц и рубрик в будущем.
🔹 2. Навигация. Хорошая навигация сохраняет информацию актуальной для человека, потому что её можно просто найти. Важно учесть органичный путь клиента, делать навигацию простой и сообщать текущее положение в иерархии простым языком.
🔹 3. Поиск. Сосредоточьтесь на том, чтобы первые 3 результата поиска были максимально релевантными. Помогайте человеку с помощью фильтров и автоисправления, чтобы свести экраны с ошибками к минимуму.
🔹 4. Маркировка контента. Используйте краткие и однозначно понимаемые метки для обозначения элементов в мире пользователя. Важно сохранять их одинаковыми по всему продукту и тестировать с пользователями 🔵
Как сделать UX-текст лучше, если вы не редактор 📑
Ирина Сильянова написала обширную статью с рекомендациями для дизайнеров, продактов, маркетологов и других НЕспециалистов по улучшению текста интерфейса. Некоторые из них:
🔹 Заголовки, описания и подсказки — это реплики вашего продукта. А кнопки действий, поля ввода и другие элементы, которые можно выбрать и нажать, это реплики пользователя.
🔹 Чтобы выстроить доверие и лояльность, будьте предельно прозрачными и ясными для пользователей.
🔹 Не используйте текст интерфейса для объяснения того, как работает интерфейс. Если вам приходится это делать, то чините UI, а не пытайтесь выстроить костыли из текста.
🔹 «Правило одного»: один элемент текста интерфейса = одна идея.
🔹 Используйте конкретные пояснения и примеры. Давайте человеку только нужную в конкретном участке информацию для совершения действия или принятия решений.
Статья мясистая (на 22 минуты чтения), в ней много примеров, которые помогут применить рекомендации на практике. Хорошо получилось 🔵
На этих вопросах заваливается половина кандидатов на собеседованиях ❌
Сейчас помогаю с наймом в пару команд и много общаюсь с кандидатами. Оценить харды можно по резюме и портфолио, а вот софты хорошо получается на звонках.
Я задаю пару базовых проверочных вопросов, которые помогают отсеять нерелевантных кандидатов:
1. Как вы понимаете задачи, которыми предстоит заниматься?
2. Что вы знаете о нас и нашем продукте?
Что нового в «Инструментах» 🔵
Привет, сообщники! За пару дней к нам подключилось много новых подписчиков. Так что расскажу о самых интересных постах за последнее время, чтобы быстрее освоиться в канале.
🔹 marfitsin/human-comms">Человекоцентричные коммуникации — какие они? Как уживаются инфостиль, UX, культура компании и отношения между людьми.
🔹 Главная ошибка в разработке контента для детей. Ставить на место читателя не ребёнка, а взрослого себя. Из недавнего рабочего опыта.
🔹 Почему Tone of Voice — главное, что отличает бренд в коммуникации. Редполитики и прочие правила написания кавычек и букв «ё» редко смогут выделить продукт или компанию.
🔹 Почему делать хорошо для людей может быть сложно. Люди дизайна часто сталкиваются с решениями от ложного выбора между бизнесом и человеком. Из-за этого делать продукты удобнее бывает непросто.
🔹 Что такое опыт человека (HX) и чем он отличается от UX и CX. И как помогает целостно оценивать человека.
Ещё больше интересного можно найти в закрепе и рубрике #хороший_опыт. Так что осваивайтесь и добро пожаловать! По любым вопросам пишите в личку @marfitsin 🔵
6 базовых, но очень актуальных рекомендаций по написанию текстов, которые сэкономят вам время и деньги 🛠
На Медиуме heyizmadz/i-spent-500-on-writing-courses-heres-the-only-6-rules-you-need-74b084ac066c">поделились короткими, но полезными рекомендациями после прохождения нескольких писательских курсов. Подтверждаю: это хорошие принципиальные вещи, которые работают.
🔹 Правило одного. Прежде чем написать, выберите одного идеального читателя, одну главную проблему, одно хорошее решение и один призыв к действию. И напишите материал именно для него.
🔹 Подбирайте тон к аудитории и тематике. Если вы пишете о финансах, то он будет формальным, а если для предпринимателей, то амбициозным. Варьируйте тон в зависимости от читателя и темы, чтобы человек чувствовал себя естественно в вашем материале.
🔹 Меньше — лучше. Любой может написать 1000 слов по теме, но мало кто уложит это в 300 слов без потери смысла. Много пишите, а потом редактируйте как сумасшедший: удаляйте лишние наречия, слова-заменители и длинные предложения. Пересекается с советами от NN/g.
🔹 Если сомневаетесь, уточните. Если не уверены, что смогли чётко объяснить какой-то вопрос или тему, добавьте больше деталей и примеров. Придерживайтесь «правила трёх» — три примера, три детали, три уточнения. Запомнить больше читателю будет сложно.
🔹 Ваш герой — читатель, а не вы. Чем больше в тексте вы обращаетесь к нему, тем больше внимания привлечёт ваш материал. Сместите фокус с себя на читателя — расписывайте тему его глазами и интересами. Хорошая отсылка к marfitsin/smart-brevity">Smart Brevity.
🔹 Всегда подчёркивайте преимушества для читателей. Когда люди читают вас, они задаются всего одним вопросом: «А что мне с этого?». Людям всё равно, что вы пишете — их волнует, какую пользу им это даст 🔵
Коммуникации для людей — какие они? 🌟
Бум! 💥 Это ж первая за год статья в блоге! Посвятил её человекоцентричности и коммуникации для людей: основным понятиям, принципам, форматам и местам, где их можно применять.
Свёл свои свежие мысли в уравнение, где уживаются инфостиль, «Умная краткость», UX, HX, культура и отношения между людьми. Айда читать:
marfitsin/human-comms" rel="nofollow">https://teletype.in/@marfitsin/human-comms
#человекоцентричность
5 советов, как использовать сторителлинг при создании контента 🏺
Финиди Лоусон finidiforwriting/the-power-of-storytelling-in-content-writing-tips-on-how-to-write-a-captivating-blog-content-73a6bd350cbf">поделилась базовыми, но полезными рекомендациями по использованию сторителлинга при написании текста.
🔷 Начните с крючка. Это значит вынести то, что смотивирует читателя прочитать, на самое видное место. Это может быть наводящий вопрос, интересный факт или цитата. Главное вызвать желание у читателя узнать больше.
🔷 Используйте описательный язык. Используйте слова, которые помогут читателю понять, как вещи ощущаются, выглядят, пахнут или звучат. Но не переусердствуйте.
🔷 Сохраняйте простоту. Избегайте длинных, сложных предложений или слов, которые трудно понять. Применяйте короткий и простой язык, чтобы его было легко прочитать любому.
🔷 Применяйте визуальные эффекты. Фотографии, графики и диаграммы сделают чтение более увлекательным. А вот видео может переключить всё внимание на себя.
🔷 Показывайте, а не рассказывайте. Позвольте читателю прочувствовать историю через действия, чувства и другие яркие детали. Вместо того, чтобы описывать последовательно, проиллюстрируйте на примере или описании конкретной сцены.
🔷 Два совета напоследок: задайте чёткую структуру с началом, серединой и концом, и включайте личные истории, которые будут интересны читателям.
Ментальные модели — это то, как думает о вашем продукте пользователь. И вот почему это очень важно для UX-редакторов, дизайнеров и исследователей 🧠
В UX и управлении продуктом есть важное понятие ментальный модели. Формально это внутренние представления человека о любой системе, сайте или продукте, которые у него формируются ещё до непосредственного использования.
Вас наверняка тоже задолбала формулировка «интуитивно понятный интерфейс», но в ней кроется как раз то самое соответствие между тем, как продукт выглядит и работает и тем, что о нём думает пользователь. Когда интерфейс интуитивно понятен, это значит, что оно шуршит и работает так или почти так же, как человек думает, как оно должно работать.
Такие же пироги получаются, если разложить интерфейс и опыт на составляющие: кнопки, визуальные элементы, текст. Почему мы отмечаем некоторые продукты среди прочих? Во многом потому, что то, как там написано соответствует нашим представлениям о том, как должно. Все эти хорошо попадающие под контекст фразы и формулировки, внешний вид конкретных элементов и всего интерфейса.
Помните, как на заре iPhone использовался скевоморфизм? В каком-то смысле это был безопасный способ адаптировать людей к приложениям, у которых есть физический первоисточник. Поэтому «цифровой калькулятор» выглядел как настоящий, компас как компас, заметки как заметки, календарь как календарь, книги в iBooks перелистываются как настоящие.
Так что думать о ментальных моделях очень важно на всех этапах и уровнях создания и исследования клиентского опыта. Подробнее почитать о них можно на сайте NN/g 🔵
Информационная архитектура помогает усилить бренд и решать бизнес-задачи 🏗️
В блоге UXPlanet рассказали на примерах IKEA и Netflix.
🔹 IKEA использует на сайте фильтр по комнатам, который помогает пользователям быстрее находить нужные товары и легче понимать, как мебель встроится в их интерьеры.
🔹 С другой стороны, это укрепляет бренд IKEA как компании, которая заботится об эстетике и функциональности жилья своих клиентов.
🔹 Для бизнеса это дает возможность усилить перекрестные продажи релевантных продуктов на основе «комнатного» фильтра или конкретного товара. Например, для прикроватной тумбы логично предложить ночник или будильник.
🔹 Netflix тоже разбил контент по группам в мире пользователя, например, «Обладатели престижных премий» или «Фильмы для семейного просмотра». Благодаря последнему не нужно сортировать фильмы по возрастному цензу и сразу перейти к контенту, который подойдет для просмотра с детьми.
🔹 Продуманная информационная архитектура улучшает и опыт пользователей, и продуктовые метрики, ведь людям проще найти интересный контент, а значит они больше его посмотрят и с большей вероятностью продолжат пользоваться сервисом. И принесут еще больше данных (а значит и денег) и денег за подписку.
🔹 Важно не только то, как вы что-то сделали, но и то, как упаковали и по каким группам разбили.
Я помню по опыту в «Амплифере», как мы думали, где размещать новые фичи в продукте, и как и где правильно о них рассказать. Все это давало хороший накопительный перекрестный эффект.
Да и по личному опыту замечаю, как отдаю предпочтение продуктам с простой информационной архитектурой, а не нагромождениям подстраниц в страницах подкатегорий категорий 🔵
Все лидеры русскоязычного сообщества UX Writing в одной папке 🗂
Добавляем и впитываем тех, кто уже давно в этом бизнесе: /channel/addlist/vTJwWJaelAJhNDAy
P.S. Не является гарантией прокачки скиллов, но сильно повышает вероятность 🙂
В своей статье на этот вопрос отвечает Даша продуктовый дизайнер в команде Авито Работа.
А ещё рассказывает, что такое курилки, штырилки, пырилки, сансады и многое другое, что позволяет дизайнерам получать результат и удовольствие от работы.
Читайте статью по ссылке
Чем отличается Tone от Voice и как это использовать в UX-текстах 🎨
Продуктовый дизайнер Ник Бабич поделился ключевыми характеристиками и дал советы по использованию в интерфейсных текстах.
🔹 Голос проявляет индивидуальность бренда, которая выражается в текстах. Он постоянен, индивидуален и узнаваем: люди узнают бренд и его характер в любом канале коммуникации.
🔹 Тон — интонация голоса бренда. Он зависит от контекста, адаптивен и вызывает эмоциональный резонанс у человека. Например, приветственные сообщения отличаются от сообщений об ошибках, хотя оба проявляют голос бренда. Два примера.
🔹 У Airbnb дружелюбный и вызывающий доверие голос, но при решении технических проблем или больших обновлениях тон становится серьёзнее.
🔹 Google обладает простым и понятным голосом, который становится более информативным в инструкциях и более эмпатичным для поддержки пользователей 🔵
Кайфовая деталь в iOS 18 — «оттеняющая» анимация нажатий боковых кнопок, можно заметить в левом нижнем углу
#хороший_опыт
Что такое аудит сайта
Какой сайт считается полезным? Такой, где заполняются формы для заявок и совершаются другие целевые действия, которые гости сайта доводят до конца, чтобы стать вашими клиентами.
Однако, что может быть по факту? Клиенты вам не пишут и не звонят. У статей мало просмотров. Не скачиваются полезные электронные книги и pdf, которые вы предлагаете бесплатно. Вас нет на первых строчках поисковых систем. Показатели в Яндекс Метрике и Google Analytics стоят на месте или ухудшаются. И так далее — вы сами можете дополнить этот список своими критериями бесполезности сайта.
В целом проблему можно описать так: работа сайта не соответствует вашим ожиданиям и клиентов он не приводит.
В этой статье ADCI Solutions рассказали, что такое аудит сайта. Она написана специально для людей без технического бэкграунда, чтобы после прочтения они легко овладели основами аудита и проверили новые знания на практике. В этом вам помогут чек-листы для аудита и список инструментов, который можно скачать.
Читать статью: adcisolutions.ru/articles/website-audit
Подписывайтесь на телеграм-канал студии, где кроме анонсов статей и кейсов ребята делятся полезными советами и обратной стороной видимых процессов: t.me/adcisolutions
Ты крутой копирайтер, пишешь от души, но не видишь отклика на текст?
Возможно, дело не в тебе, а в баннерной слепоте. Наверняка вы уже слышали о таком явлении.
И его можно пробить. Достаточно улучшить навыки, а в этом помогут книги!
Breaking Trends разыгрывают подборку книг, для расширения навыков:
• «Пиши, сокращай», Максим Ильяхов и Людмила Сарычева
• «Копирайтинг с нуля», Даниил Шардаков
• «Текст, который продает», Анна Шуст
• «Продающие тексты: модель для сборки. Копирайтинг для всех», Дмитрий Кот
• «Тексты, которым верят. Коротко, понятно, позитивно», Петр Панда
• «Новый нейрокопирайтинг. 99 способов влиять на людей с помощью текста», Богданова Майя
Чтобы получить книги, подпишитесь на Breaking Trends, нажмите «Участвую» и дождитесь итогов.
Редактор — это куратор контента. Он убирает лишнее и оставляет только нужное и самое лучшее, чтобы доставить читателю кайф и пользу.
Так же устроена и наша папка лучших UX/UI-каналов. Многих вы наверняка знаете, но у нас появились новые классные каналы, так что милости прошу к нашему шалашу.
Дизайн, исследования, редактура, продуктовый менеджмент и объединяющий всех нас здравый смысл. На многих подписан давно до общих папок, так что рекомендую 🔵
И отдельный привет новым подписчикам, которые подключились на днях 👋
Подписывайтесь на мою рассылку, чтобы завтра получить свежее письмо 💌
У меня есть рассылка, где я каждые 2-3 месяца делюсь лучшими публикациями про UX и коммуникации по конкретной теме, и рассказываю то, что не попадает в канал.
Очередное письмо — про человекоцентричные коммуникации, информационное «ожирение», эстетику и немного UXW.
Подписывайтесь, чтобы получить письмо уже завтра утром. А пока можете посмотреть предыдущие, там много интересного: https://marfitsin.substack.com
Эстетический интеллект, Tone of Voice и главная ошибка в разработке контента для детей. Лучшие посты июня 🌞
Вот это парилка, на***! Первый летний месяц позади — время дайджеста лучших постов на канале
🔹 Главная ошибка в разработке контента для детей. Ставить на место читателя не ребёнка, а взрослого себя.
🔹 Рецензия на книгу «Эстетический интеллект». Разбираем интересную работу по созданию классных впечатлений и эмоций у клиентов.
🔹 Что такое эффект ореола. И почему иногда ожидание приятнее покупки и использования.
🔹 Тёмный паттерн для светлых дел. Как «Вкусно — и точка» портит хорошую задумку с благотворительностью.
🔹 Tone of Voice — главное, что отличает бренд в коммуникации. Базовые истины от апологета «ТоВа».
🔹 4 источника, которые помогут сделать Tone of Voice. С ними голос бренда будет более чётким, выверенным и выразительным.
Хорошей недели и кондиционера в каждый дом! 🔵
Раньше говорили: неважно, как проголосовали, важно, как посчитали
Сейчас работает: неважно, как посчитали, важно, как интерпретировали 💎
СберKids ищет продуктового редактора ✍️
Мои коллеги, создающие детское приложение, ищут человека, который сделает первый опыт с финансами в жизни ребенка классным и запоминающимся.
Предстоит работать над приложением и разделами с образовательным контентом, но будут задачи и за пределами — например, лендинги.
У продукта уникальный вижен, Tone of Voice и дизайн-язык, интересная команда и задачи.
Большой плюс: можно позволить себе быть более смелым и менее формальным, общая логика куда легче и проще, чем классические банковские приложения, так что есть где развернуться.
Все подробности и условия: https://hh.ru/vacancy/102758441
5 шагов, как использовать ChatGPT в качестве UX-редактора 🤖
Николь Александра Михаэлис nicoletells/how-to-prompt-chatgpt-as-a-ux-writer-6a85c4177b04">рассказала, как настроить ИИ на работу интерфейсным писателем на примере ChatGPT.
🔷 Шаг 1 — добавьте основной контекст. Укажите тип сообщения, например, ошибка, и контекст продукта — допустим, приложение для доставки еды.
🔷 Шаг 2 — укажите ограничение по символам. ИИ нуждается в чётких ограничениях — дайте их ему. Лучше делать это следующим сообщением, чтобы он сокращал на основе вариантов из первого шага.
🔷 Шаг 3 — проверьте локализацию. Если вам нужно перевести сообщение на иностранные языки, запросите варианты на них у искусственного интеллекта. Но учитывайте, что ChatGPT может не знать всех особенностей конкретной культуры.
🔷 Шаг 4 — попросите помощи с документированием. В работе UX-редактора важно фиксировать причины, по которым вы принимаете то или иное решение. Но вести такую летопись трудно из-за нехватки времени. И здесь ИИ здорово поможет.
🔷 Шаг 5 — перечитайте, проговорите и добавьте в макет. Не используйте варианты от ИИ как есть — пересмотрите их, при необходимости вычитайте, и только потом используйте в Figma.
🔷 Совет: вгрузите в ChatGPT рекомендации по вашему продукту и глоссарий. Так его ответы будут более выверенными.
В целом похожие на ChatGPT продукты работают примерно одинаково, поэтому рекомендации можно применять и в русскоязычных GigaChat и YaGPT 🔵