дневники разработчиц
645 subscribers
495 photos
183 videos
8 files
75 links
Это блог о цифровом дизайне, росте через практику и том, как системно становиться сильным специалистом🤟🏼

Разбираем ux-инструменты, исследуем привычки пользователей, тестируем продуктовые гипотезы и следим, куда двигается дизайн

@diizash @lerazaitseval
Download Telegram
Коллеги, новая рабочая неделя – новая миссия!

Продолжаем подсказывать, на что обращать внимание в повседневной жизни, чтобы постепенно менять мышление от обычного дизайнера → к продуктовому 🤟🏼

На этой неделе наблюдаем за поиском опоры 👀

Опора — это не только перила: это стрелка, лицевая интонация, знакомый предмет. Наблюдай, за что люди хватаются, к чему прислоняются и от чего ждут подтверждения

🤓 На что смотреть:
— Где человек ищет, за что ухватиться — рукой, взглядом, вниманием?
—
Когда физическая опора оказывается неудобной или недоступной?
—
Какие «перила» помогают в коммуникации: жесты, интонация, обратная связь?
—
Где отсутствие опоры вызывает тревогу, а где — даёт свободу?

Опора в сценарии — это маркер защищённости. Видя, где люди хватаются за «стены», мы лучше понимаем точки стресса и неопределённости. В продукте такие же опоры — подсказки, подтверждения, визуальные маркеры — снижают когнитивную нагрузку и делают путь пользователя плавнее 🙌🏼

Ну что, как настрой на рабочую недельку?)
💻 — планов много, времени мало!!
🌚 — нас тупил понедельник
💅 — не совсем понимаю, о какой рабочей неделе идет речь. у меня есть рабочие дни, все остальные дни у меня выходные (цитата)
Please open Telegram to view this post
VIEW IN TELEGRAM
7🌚3💅3
Некоммерческий маркетинг: как продвигать смыслы, а не товары 🌚

«Какой ещё маркетинг, если речь о благотворительности?» — этот вопрос возникает часто.

Кажется, что добрые дела должны распространяться сами собой. Но НКО нуждаются в маркетинге даже больше, чем бизнес. Их продукт нельзя потрогать или протестировать — это доверие и миссия. Чтобы убедить людей поддержать её, нужна стратегия не хуже, чем у корпораций

🤔 Зачем НКО нужен маркетинг

Классическое определение по Котлеру: маркетиг — это «правильный продукт на правильном рынке». В НКО продуктом становится решение социальной проблемы, а цель коммуникации — участие, а не покупка.

Задачи маркетинга:
( 1 ) Осведомить
— показать, что проблема существует
( 2 ) Вовлечь — объяснить, что каждый может стать частью решения
( 3 ) Поддержать — мотивировать жертвовать или выделять время
( 4 ) Изменить поведение — сформировать новые привычки

Главный инструмент здесь — язык доверия.
Ошибка оборачивается не падением продаж, а потерей репутации — главного актива НКО.

👁 Чем НКО отличается от бизнеса

Инструменты похожи — digital, PR, офлайн-активности, исследования. Но правила разные:

— Цель: у бизнеса — прибыль, у НКО — изменения в обществе
— Метрики: ROI и конверсии против вовлечённости и социальных сдвигов
— Аудитория: бизнес работает с покупателями, НКО — с донорами, волонтёрами, благополучателями и широкой публикой
— Этика: бизнес играет на эмоциях и дефиците, НКО обязаны строить прозрачные и уважительные коммуникации
— Эффект: компании мыслят кварталами, НКО — годами

🫂 Аудитории и ценностное предложение

— Волонтёры: ищут пользу и опыт. Формула: «2 часа в неделю = шанс для кого-то»
— Доноры: разовые реагируют на импульс («100 ₽ сегодня = помощь завтра»), регулярные — ядро устойчивости («станьте тем, на кого можно рассчитывать»)
— Корпоративные партнёры: видят в НКО способ укрепить репутацию и вовлечь сотрудников
— Широкая публика: поддержка через репосты, челленджи и участие в акциях
— Благополучатели: всё чаще становятся активными героями кампаний

🤌 Коммуникационные стратегии

Маркетинг НКО работает через вовлечение: человек — не потребитель, а участник действия.
Принципы: простота («одно сообщение = одно действие»), эмоциональная достоверность, прозрачность, уважение.

Инструменты:
—
 Социальная реклама — иногда шокирующая, но всё чаще аутентичная
— Истории и образовательный контент («Такие дела»)
— Акции и флешмобы (WWF Earth Hour, Ice Bucket Challenge)
— Партнёрства с бизнесом и медиа («Ночлежка» и QR-стикеры)
— Уличные инсталляции — символы проблемы в городской среде

🤌🤌 Ценности и этика

Для НКО ценности выше KPI. Ошибки разрушают доверие не к бренду, а к сектору в целом. Поэтому маркетологи НКО:

— уважают героев, не эксплуатируют образ жертвы
— используют простой язык, избегая бюрократизмов
— обеспечивают инклюзивность и прозрачность

🙂 Долгосрочный эффект

Коммерческие кампании меряют кварталами, НКО — годами
— WWF превратил «час без света» в глобальное движение.
— Ice Bucket Challenge собрал $200 млн и стал моделью вирусного вовлечения.

💡 Идеальная цель НКО — «сделать себя ненужным», потому что общество научилось решать проблему само.

Именно в этом заключается сила некоммерческого маркетинга: он не продаёт товар, а меняет культуру. Он учит общество новым привычкам, формирует язык эмпатии и создаёт практики, которые остаются после того, как сама кампания завершена

Для НКО успех измеряется в переменах, которые остаются с людьми и сообществами. И в этом смысле маркетинг в некоммерческом секторе оказывается не проще, а сложнее — и, возможно, важнее 🙌🏼

Прочитать полную статью уже можно на dsgners!🤟🏼
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🤓41
📁 Как сегментировать аудиторию, создавать портреты и использовать инструменты для её изучения

Зачастую НКО упускают из виду ключевой элемент — людей, без поддержки которых невозможно реализовать миссию

( ? ) Кто эти люди?
( ? ) Что ими движет?
( ? ) Какие у них потребности и боли?


( 1 ) Сегментация: кому мы говорим?
Перед тем как писать тексты, запускать кампании или делать дизайн, важно понять — кто ваши потенциальные сторонники

Мы выделяем 4 ключевых сегмента:
👌Доноры — частные лица и компании, которые поддерживают вас финансово
👋 Волонтёры — те, кто вкладывает своё время и навыки
🥹 Бенефициары — люди или группы, для которых создаётся ваша деятельность
🤝 Партнёры — организации, фонды и бизнес, с которыми вы работаете

💡 Каждому сегменту нужны разные аргументы и каналы коммуникации

( 2 ) Персоны: кто они на самом деле?
Сегментация — это рамка. А персоны позволяют оживить аудиторию и увидеть конкретных людей за общими словами.

💡 Совет: делайте не абстрактный портрет, а образ «реального человека». Дайте имя и фото (стоковое) — так команде будет проще мыслить от лица этой персоны

( 3 ) Инструменты: где брать данные?
Чтобы создать персоны, мало догадок — нужны факты

Используйте:
— Опросы (Google Forms, Яндекс.Формы)
— Интервью с донорами, волонтёрами, бенефициарами
— Аналитику соцсетей (VK, Telegram, Instagram Insights)
— Статистику сайта (Яндекс.Метрика, GA)
— Историю пожертвований и активностей
— Мониторинг упоминаний в СМИ и соцсетях

Важно: комбинируйте разные методы и обновляйте данные раз в 6–12 месяцев

💡 Понимание своей аудитории — это не «дополнительно», а обязательное условие успеха НКО. Чем точнее вы знаете людей, тем легче привлекать сторонников, строить доверие и добиваться реальных изменений
Please open Telegram to view this post
VIEW IN TELEGRAM
6🤓43
📁 Функциональные референсы: как собрать базу решений под свой сценарий

В работе над продуктом легко попасть в ловушку «красивых картинок». Посмотрел проекты на Behance, посидел на Pinterest, собрал пачку красивых референсов — и кажется, будто дизайн уже найден. Но визуальные референсы только показывают, как может выглядеть интерфейс, но не объясняют, как он работает и почему людям удобно именно так

Функциональные референсы — другой инструмент. Это анализ конкретных решений:

— как устроена форма регистрации в банке
— как выглядит карточка товара
— как работает навигация в доставке

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

🤔 Зачем это нужно?

( 1 ) Экономия ресурсов — не изобретать кнопку или фильтр с нуля
( 2 ) Широкий обзор — смотреть не только конкурентов, но и смежные сферы
( 3 ) Опора на стандарты — пользователи ждут привычных паттернов
( 4 ) Извлечение уроков — чужие ошибки видны сразу

💡 Фактически, это способ уйти от субъективного «нравится/не нравится» и опереться на проверенные механики

Как работать с референсами:

Просто «посмотреть пару сайтов» — не анализ. Чтобы референсы работали на продукт, нужна методика

( Шаг 1 ) Определить элементы и задачи
Выделяем ключевые зоны: поиск, меню, карточки, формы, CTA. Сравнение идёт по элементам, а не по сайтам целиком

( Шаг 2 ) Завести таблицу или репозиторий
Структура: элемент → контекст → скриншот → ссылка → ценность → риски. Это превращает подборку в рабочую базу, к которой возвращается вся команда

( Шаг 3 ) Сравнивать по задаче, а не вкусу
Ключевой вопрос: «какая задача решается и как». По возможности добавляем метрики: успех выполнения, время, ошибки

( Шаг 4 ) Группировать по паттернам
Карточки «с акцентом на фото» vs. «с акцентом на CTA» — так видно, где приём работает, а где мешает

( Шаг 5 ) Использовать инструменты
Каталоги экранов (мы используем ScreenBook, там огромная база экранов и анимаций (!), поиск по экранам, приложениям и ui-элементам), собственные коллекции скриншотов — чтобы база пополнялась быстрее и учитывала локальные паттерны

💡 Главное правило — не копировать слепо, а проверять: работает ли решение в нашем контексте

👀 «А как это всё называется?»

Чтобы искать правильно, мы сделали словарь терминов:

→ Top Navigation Bar — верхняя панель с ключевыми разделами
→ Breadcrumbs — «хлебные крошки» для глубокой иерархии
→ FAB — плавающая кнопка главного действия
→ Search Bar — строка поиска с подсказками
→ Card / Tile — контейнер контента и действий
→ Dialog / Confirmation — окно подтверждения поверх контента
→ Toast — короткое уведомление без блокировки сценария

( весь список ui-элементов можете найти в статье )

Такой список — не учебник, а карта для поиска: вбиваешь название и получаешь десятки вариантов для анализа

🤔 Где грань между анализом и копипастом?

— Копипаст: переносим чужой экран «потому что красиво», игнорируем стандарты, не проверяем на пользователях
— Анализ: формулируем гипотезу («ускорит поиск»), сравниваем варианты, проверяем метриками

💡 Оригинальность рождается из комбинации паттернов под свой сценарий и тестов, а не из изоляции

Функциональные референсы — дисциплина, которая экономит ресурсы и снижает ошибки. Вместо вкусовых споров появляются аргументы: задачи, паттерны, метрики

Такой подход помогает:
— строить общий язык внутри команды («как у Х в фильтрах»)
— избегать типовых ошибок
— ускорять итерации
— поднимать планку оригинальности

Дизайн перестаёт быть случайным набором решений. Он становится авторской сборкой, но основанной на практике и привычках пользователей 🙌🏼

Прочитать полную статью со удобным списком ui-элементов уже можно на dsgners!🤟🏼
Please open Telegram to view this post
VIEW IN TELEGRAM
🤓8❤33
Что сейчас происходит у нас в Вышке 👩‍💻

Ну что, 1 модуль 3 курса, сейчас мы работаем не над коммерческими проектами, а над некоммерческими (НКО), разрабатываем спецпроект

За 1,5 месяца нужно разработать все с 0 — провести исследования, опросы, анализ трендов и конкурентов, сформировать ценностное предложение и четко понять, какие реальные проблемы мы хотим решить. У нас включается хардкорный режим, потому что временных ресурсов мало, а работать нужно быстро и эффективно. Но плюс такого темпа в том, что учит находить нестандартные решения в жестких условиях.

На последней лекции нам очень понравился один классный пример НКО — акция «Доброшрифт». Дети с ДЦП вместе с дизайнерами создали уникальный рукописный шрифт, который крупные компании ежегодно используют в своих коммуникациях, чтобы привлечь внимание к проблемам фонда и собрать поддержку. Для нас это отличный пример, как социальный проект может зацепить и объединить разные аудитории с помощью простой, но мощной идеи 🙌🏼

В нашем проекте мы фокусируемся на том, чтобы помочь детям из малонаселенных пунктов получить доступ к образованию. Мы видим два сегмента аудитории — школьников, которым не хватает возможностей и информации, и студентов, которые готовы менторить и помогать с подготовкой к экзаменам. Наша цель — связать их и создать удобный социальный проект, который даст шанс талантливым ребятам поверить в себя и двигаться дальше!

У нас уже был предпросмотр, теперь финишная прямая до первой сессии (осталось ровно 3 недели), скоро поделимся результатами!

💬 Если появились вопросы по НКО, проекту или учебе — пишите в комментариях, будем рады ответить!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11🤓21
Коллеги, новая рабочая неделя – новая миссия! 🙂

Продолжаем подсказывать, на что обращать внимание в повседневной жизни, чтобы постепенно менять мышление от обычного дизайнера → к продуктовому 🤟🏼

На этой неделе наблюдаем за перегрузом 👀

Перегруз — это когда информации так много, что простое решение становится сложным: приходится читать, сопоставлять и помнить, чтобы просто понять, куда идти или что выбрать.

Ищи перегруженные указатели, «простыни» схем, витрины без иерархии, правила мелким шрифтом— там когнитивная нагрузка бьёт по пути пользователя

📁 Как это прокачивает продуктовое мышление:
— Эмпатия к контексту: помогает чувствовать реальную когнитивную нагрузку в моменте
— Выделение главного: учит выбирать один приоритетный сигнал вместо «всё важное сразу»
— Контраст и иерархия: тренирует композицию, где форма подчинена сценарию, а вторичное — реально вторично
— Экономика решений: заставляет считать стоимость лишних выборов и шагов для конверсии и времени

Ну что, коллеги, как ваш понедельник?)
💅 — пока неплохо, но не знаю, надолго ли
💻 — как? опять понедельник? *админ*
💔 — пасмурная погода не очень мотивирует..
Please open Telegram to view this post
VIEW IN TELEGRAM
💔11💅64
📁 Эмоции как данные: что мы можем (и не можем) измерить в UX

(админ писал статью с понедельника, админ хотел рассказать не только про эмоциональный ux, а как именно считывать эмоции во время проведения исследований и тестов, рассказать про модели эмоций и как с ними работать)


Эмоции — это не фон пользовательского опыта, это то, из чего опыт вообще складывается. Они определяют, как человек воспринимает интерфейс: где чувствует уверенность, а где тревогу. Любое взаимодействие с продуктом начинается не с клика, а с чувства — ожидания, сомнения, раздражения, вдохновения

Долгое время «эмоциональный дизайн» сводили к эстетике — мягкие тексты, дружелюбные иллюстрации, плавные анимации. Но настоящая работа с эмоциями начинается, когда дизайнер учится считывать состояние пользователя и видеть, как оно влияет на поведение. Не просто «вызывать эмоции», а понимать, из какого состояния человек приходит в сценарий: спешит, устал, боится ошибиться

👁 Эмоции — форма обработки информации. Именно они первыми решают, останется ли пользователь или уйдёт

Исследования показывают: эмоции управляют вниманием, мотивацией и доверием. В UX это означает, что мы проектируем не экраны, а переходы состояний

Пользователь оценивает интерфейс на трёх уровнях (по Норману):
( 1 ) visceral — сенсорный отклик (цвет, ритм, анимация)
( 2 ) behavioral — чувство лёгкости или раздражения при действии
( 3 ) reflective — удовлетворение и осмысленность результата

Эмоции нельзя встроить как украшение — они появляются, когда интерфейс отвечает на реальное состояние человека.

☹️ Модели эмоций в дизайне

Чтобы управлять эмоциями, их нужно систематизировать:

( 1 ) Модель Рассела (Circumplex Model) описывает эмоции через две координаты — валентность (приятно/неприятно) и уровень возбуждения (высокий/низкий)
// например: радость = высокая валентность + высокая энергия; раздражение = низкая валентность + высокая энергия

— если пользователь устал — интерфейс должен быть спокойным и предсказуемым
— если вдохновлён — можно добавить динамику и цвет

( 2 ) «Wheel of Emotions» Плутчика выделяет восемь базовых эмоций (радость, страх, гнев, печаль и др.) и показывает их комбинации. Это помогает проектировать эмоциональные карты сценариев: где эмоция должна расти (успех, завершение), а где — спадать (ошибка, ожидание)

Такие модели дают команде язык: вместо «должно быть приятнее» — «в начале тревога, к концу — уверенность и удовлетворение». Это превращает эмоции из интуиции в управляемый инструмент

🤌 Как измерять эмоции

Эмоции проявляются в трёх каналах:

( 1 ) Поведенческом — паузы, возвраты, скорость кликов. Возврат на шаг назад часто указывает на неуверенность; микропопытки — на сомнение

( 2 ) Вербальном — интервью, think-aloud, эмоциональное кодирование речи («это раздражает», «наконец-то удобно»)

( 3 ) Физиологическом — facial coding, eye-tracking, пульсометрия, EDA. Эти данные фиксируют реакцию, но не объясняют причину, поэтому их совмещают с наблюдениями

📁 Customer Journey Map — это не просто путь пользователя, а динамика его эмоциональных состояний

Классическая структура — этапы, цели, боли, эмоции. Но ценность CJM именно в последнем: она показывает, где человек теряет контроль, тревожится, вдохновляется

Чтобы карта работала, фиксируют:
— триггеры эмоций (что вызвало реакцию)
— интенсивность и желаемое состояние
— дизайн-ответ («добавить подтверждение», «ввести прогресс-бар»)

CJM соединяет исследование, дизайн и эмпатию, превращая эмоции в управляемый UX-параметр

☝️ Этика эмоциональной подстройки

Подстраиваться под эмоции — не значит манипулировать! Интерфейс не должен «угадывать» чувства без согласия пользователя. MIT в исследовании Emotion AI and the Future of UX предупреждает: использование Emotion AI без уведомления подрывает доверие к бренду сильнее, чем плохой UX

Эмоциональный дизайн — это не про контроль, а про понимание. Лучший интерфейс не вызывает восторг, а оставляет спокойное доверие — ощущение, что система видит человека, но не вмешивается в него 🙌🏼

📁 Шаблон CJM лежит тут

Прочитать полную статью с картинками уже можно на dsgners!🤟🏼
Please open Telegram to view this post
VIEW IN TELEGRAM
19❤43
Рилсы, которые вдохновляли нашу команду на этой неделе 🙌🏼

Как прошла ваша неделя?)
💅 — я РаБоТаЮюЮ *бедняга не знает про выходные*
💻 — последний рывок!!
🌚 — я уже сплю, до понедельника, коллеги
Please open Telegram to view this post
VIEW IN TELEGRAM
💅12🌚8❤5
Как проходят выходные двух в попу ужаленных активных продуктовых дизайнеров 💅🏻

(Лера) Вчера мы разделились, у меня был Uprock Fest, большое мероприятие на весь день, куда стекается все it дизайн-коммьюнити, а Даша сегодня и завтра будет пить кофе и есть салатики работать над кейсом на хакатоне от АКИ, куда в эти выходные соберутся все, кто занимается коммуникационным дизайном 🤟🏼

Сегодня я полностью погружена в Uprock Fest — такой мини-фестиваль для дизайнеров со всей России, где целый день проходят лекции и разговоры про дизайн, цифровое искусство и дизайнеры делятся своим путем. Но, честно говоря, в этот раз я практически ничего нового для себя не вынесла.

Этот фест лично для меня не был таким вдохновляющим, как прошлый, скорее это было полезное напоминание о профессии) Когда много работаешь, глаз замыливается, и такие ивенты помогают посмотреть на дизайн с другой стороны — напомнить себе, что это за профессия, почему я люблю её и какую ценность мы несем людям. Не скажу, что меня что-то зацепило, но точно укрепило моё понимание и любовь к дизайну) Иногда полезно остановиться и переосмыслить, зачем ты делаешь то, что делаешь — как глоток свежего воздуха для творческого мозга

Даша в этот раз решила меня бросить! Нет, серьезно, оставила меня одну и рванула работать с другой командой на хакатоне от АКИ. Но шутки в сторону — мы наоборот рады так расширять наши коммуникативные навыки и парокачивать опыт работы в разных командах 🙌🏼

Сегодня у нее второй день хакатона, что же там у нее происходит?)

После всех брифингов с заказчиком Даша уже работает на большой площадке в Бауманке 2 дня, и вместе с нашими коллегами из вышки прорабатывает кейс. Вчера у них была активная разработка всего, что утвердили за несколько обсуждений с директором театра Кашемир. Не спать ночью на Дизайн цехе — традиция, а утром опять на площадку, пить кофе, сдавать итоговую презентацию, потом репетиция, отработка речи и презентация проекта на огромной сцене уже перед менторами, представителями брендов, директорами

Почему это важно? Не столько из-за самой победы, сколько из-за возможности ещё раз мелькнуть в кругах своих коллег, пообщаться с теми, кого давно не видел, и просто потренировать работу в команде, взаимодействие с крупным заказчиком, работы по брифу. Мы уже научились решать такие задачи в Вышке, а теперь хотим не просто удерживать уровень, а уверенно его закреплять 🤘
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13💅33