198
Чат читателей @uxnotes · Редактор: @zGrav
Михаил Малевич написал, как повысить конверсию первого экрана лендинга (hero section).
— Он определяет первое впечатление. Его задача — не разжечь любопытство или заинтриговать, а за 8 секунд убедить пользователя, что он нашёл то, что нужно;
— Задача остальных экранов — развеять возможные сомнения;
— Начните с низкодетализированного вайрфрейма с тщательно проработанным текстом и типографикой;
— Протестируйте несколько формулировок на целевой аудитории: насколько им понятен текст и интересен предлагаемый продукт;
— Только после этого стоит подумать, как визуализировать то, о чём говорится в тексте;
— Чаще всего изображение с человеком работает лучше, так как возникает эмоциональная связь с героем;
— Если берёте картинку с фотостоков, максимально её модифицируйте, чтобы она не показалась знакомой. Можно перекрасить одежду в цвета бренда и так далее (с ИИ это сейчас элементарно);
— Сюжет должен быть связан с продуктом: предлагаете зарабатывать, пропуская меньше звонков, — пусть герой разговаривает по телефону и отображается метка об успешной обработке звонка;
— Направьте взгляд героя в сторону кнопки с призывом к действию;
— Для дорогих и трудных в настройке продуктов можно добавить вторую кнопку, по которой можно узнать больше информации;
— Добавьте социальное доказательство. Например, количество довольных клиентов.
In English. #landing #conversion
Кейт Каплан написала об иконке бургера.
— Люди привыкли к ней за 10 лет и понимают, что это меню или список категорий;
— Узнают даже модифицированную иконку (две линии вместо трёх, в рамке, с добавлением чего-нибудь к линиям), но в этом случае важно, чтобы она находилась в привычном месте (левый верхний угол на сайте);
— Новая проблема: пользователи стали видеть бургер в других похожих иконках с тремя горизонтальными линиями (ненумерованный список, настройка параметров), особенно если они оказываются в местах, ассоциирующихся с навигацией;
— Чтобы гарантировать узнавание иконки бургера, добавьте ей текстовую подпись;
— Также можно предусмотреть дополнительные способы навигации: поиск, навигация в подвале, ссылки на связанные материалы;
— Если нет необходимости скрывать меню, не скрывайте его.
In English. #icon
Михаил Руденко написал о формулировании ценностного предложения.
— Ценность — абстрактное понятие. Ценностное предложение — стратегия заключения сделки с клиентом;
— Также оно помогает продакту, продавцу, маркетологу и специалисту по клиентскому опыту договориться, синхронизироваться, заложить основу для своей работы и существенно повысить качество продуктовых гипотез;
— Может состоять из нескольких взаимосвязанных компонентов, перечисленных ниже;
— 1. Клиентский сегмент. Нет продукта, который потребляет каждый человек на земле с самого рождения до смерти. Более универсальным может быть базовый продукт (такие дорого не продать) или кастомизируемый (такие дорого создавать);
— Описание клиентского сегмента должно позволять выделять таких людей благодаря данным из открытых источников;
— 2. Ключевой мотивационный конфликт. Если человек относится к целевому сегменту, ему может быть не нужен продукт прямо сейчас. Надо выделить событие, вызывающее «поисковое поведение», осознание клиентом конфликта между драйвером и барьером;
— 3. Артефакт — за счёт какого набора товаров, услуг и информации может быть разрешён конфликт. Клиент должен понимать артефакт или его составляющие на уровне категорий;
— 4. Атрибуты артефакта — характеристики конкретного экземпляра артефакта, которые позволяют сравнивать его с другими;
— 5. Ценовые условия — цена (скидки, кешбеки и бонусы) или любой другой вклад покупателя (бесплатно в обмен на просмотр рекламы);
— 6. Условия обмена — как будет происходить процесс обмена («утром деньги, вечером стулья», скорость доставки) и гарантии (обратный обмен, расторжение сделки, «бесплатно, если не доставим за час»);
— 7. Атрибуты компании — свойства самого продавца (бренд, «50 лет на рынке»);
— 8. Ценность — символический смысл обмена: во имя власти, любви, комфорта, эстетики, превосходства и так далее;
— 9. Аргументы — сообщение о связи хотя бы двух компонентов ценностного предложения. Например: «Компания X производит матрасы с Y года» — артефакт и атрибут компании. «Зубная паста X для детей от 3 до 6 лет укрепляет зубы и снижает риск кариеса» — артефакт, сегмент и конфликт.
#product
11 сентября в 11:00 пройдёт стрим «Лаборатории Касперского» «Шедевры контейнеризма. Новые грани защиты контейнерных сред».
Контейнеризация сейчас на хайпе, и занимающиеся ей специалисты есть практически в любой компании. Но их решения не всегда получаются устойчивыми и безопасными для окружающих.
На стриме признанные эксперты и критики разберут подходы к безопасности контейнеров, а также особенности обновлённой версии Kaspersky Container Security 2.1.
Перешлите это сообщение вашим знакомым девопсам и разработчикам! Регистрация по ссылке.
Борис Юзефпольский поделился лайфхаками, как провести интервью и восстановиться после.
— Исследователи в середине дня оказываются выжатыми, если утром общались с пользователями. Устают все независимо от опыта;
— Само социальное взаимодействие создаёт высокую когнитивную нагрузку;
— Плюс при проведении исследований надо не переврать термины, учесть разницу в культуре и возрасте (особенно с детьми), работать с негативно настроенными респондентами;
— Поведение, которое кажется неуважительным, в некоторых регионах может быть нормой. В Юго-Восточной Азии участники могут подключаться на интервью откуда угодно (с улицы, со скутера), даже если заранее попросить найти тихое место;
— В плане смолтока надо смотреть на конкретного человека: с кем-то надо сначала поговорить о погоде, кто-то настроен перейти сразу к делу;
— Каждый ответ резюмируйте со словами «Правильно ли я понял, что…». Бывает, что понял неправильно, и респондент поправляет. Он также может вспомнить детали, которые забыл упомянуть ранее;
— Управление тишиной — полезный навык. Нередко именно в паузах респонденты, чтобы не чувствовать неловкости, говорят больше, чем в плотной беседе;
— Если респонденты ведут себя грубо или снисходительно, помогает фокусироваться на содержании ответов, держаться за структуру и улыбаться — это обезоруживает и выводит из защитной позиции;
— В международных исследованиях, когда респонденты могут говорить непонятно или с акцентом, сразу скажите, что вы можете иногда останавливаться и переспрашивать;
— Часто интервью воспринимают как что-то, что невозможно отменить. Особенно если рекрутинг был сложным. Но если вы истощены, отмените или позовите исследователя на замену, иначе пользы от интервью будет мало;
— У всех свой максимум интервью в день, длительность сессий и пауз между ними. Пробуйте разные форматы, чтобы найти комфортные вам;
— Если страдаете, не терпите и не молчите. Обсудите с коллегами, поделитесь усталостью, спросите, как они с ней справляются. Может быть, выяснится, что что-то делать вообще не обязательно или можно делегировать;
— Ходите на интервью к опытным коллегам и смотрите записи, подмечайте удачные ходы.
#research #interview
Александр Овчаренко написал, как получить максимум из внезапной возможности поговорить с пользователями сложных систем в реальных условиях.
— Доступ к объектам часто ограничен: они могут быть закрыты для посторонних (операционная, центр управления с контурами безопасности) или находиться далеко (в море, в шахте), а также у них мало пользователей;
— Посещать их полезно, даже если это не полевое исследование. Повышается мотивация (видно, для чего мы работаем) и снижают барьеры отчуждения (свой продукт мы ставим в центр, но в реальности это не так);
— Можно узнать, как продукт используют в реальных условиях, познакомиться с контекстом, наладить отношения с пользователями для дальнейших исследований, задать не дающие покоя вопросы, обучить коллег;
— Собеседники могут думать, что дизайнер решает чисто косметические задачи. При согласовании визита лучше назваться продуктовыми экспертами, аналитиками, эргономистами и обозначить цель: получение обратной связи для улучшения продукта;
— Если это первый опыт, узнайте, к чему готовиться (непривычно сильная качка на судне, отсутствие доступа к розеткам). Спросите сервисных инженеров;
— Знайте предметную область, не ограничиваясь своим продуктом. Пройдите курсы, которые проходят операторы, возьмите опытного товарища. Ваш собеседник на работе. Если кто-то его отвлекает, задаёт глупые вопросы и не понимает ответов, зачем ему это надо?
— При начальстве люди иногда не говорят всего, что хотели бы. Можно отвести человека в сторону (в курилку) и пообщаться тет-а-тет;
— В сложных системах не бывает такого, чтобы пользователям всё нравилось. Если кто-то так говорит, надо копать глубже;
— «Ребята, мне совершенно не интересно, в чём наш продукт хорош, мне интересно, что вам не нравится, и ужасно интересно, что вы ненавидите»;
— Вы общаетесь с человеком. Важно человеком оставаться: не защищать продукт, не зачитывать вопросы по скрипту, быть готовым что-то настроить и объяснить в продукте;
— Донимать врачей вопросами в конце смены — плохая идея;
— Помните об этикете: попросите разрешения на съёмку, не носите кружку над приборами (а лучше вообще держать руки за спиной), уточните, сколько времени у вас есть, и не стоит ли сделать перерыв;
— Не выделяйтесь внешне. В больнице наденьте белый халат, чтобы пялящийся в ноутбук хипстер не нервировал пациентов;
— Если вы закончили, но покинуть объект не можете (судно в море), узнайте, что вам можно и нельзя делать. Например, если вы официально член экипажа на пассажирском судне, никакого дьюти-фри.
#industrial #research
Никита Самутин и Елизавета Демченко провели исследование рынка продуктового дизайна и поделились выводами.
— 33% дизайнеров утверждают, что встречи и переписки мешают сосредоточиться. Это не зависит от размера компании. Проблема не в коммуникации как таковой, а в её хаотичности;
— Задавайте правила общения. Даже простое «Если комментарий неясен — обсуждаем голосом» сделает процесс понятнее и снизит напряжение;
— Дизайнерам сложнее общаться не с разработчиками (как многие считают), а со стейкхолдерами и маркетингом. Для взаимодействия с разработчиками есть отлаженные ритуалы, помогающие налаживать контакт;
— Дизайнеры реже чувствуют перегрузку в больших командах, возможно, потому что у них чаще встречаются понятные процессы, чёткое разделение ролей и поддерживающая инфраструктура;
— 58% опрошенных не видят возможностей для карьерного роста. 81% называют нехватку обратной связи от руководства одним из главных препятствий для роста;
— Проводите сессии обратной связи, разрабатывайте понятные карьерные треки (включая горизонтальный, экспертный рост) и вовлекайте дизайнеров в работу над задачами, связанными с бизнес-целями;
— Главные причины выгорания: нереалистичные дедлайны, размытые ожидания и зоны ответственности, конфликты. Йога и психолог помогают справляться со стрессом, а не бороться с его причинами;
— Руководителям следует инвестировать в прозрачное планирование и адекватную оценку сроков;
— Вместо общих курсов по дизайну есть запрос на специализированные и глубокие форматы: разборы реальных задач, рабочих процессов, фидбек;
— 77% не видят в ИИ прямой угрозы для своей карьеры. При этом 49% ощутили его влияние и активно внедряют в процессы;
— Поиск работы стал дольше, но в России он занимает не так много времени, возможно, из-за более коротких процессов найма;
— Только 9% дизайнеров считают, что при поиске работы получили обратную связь в достаточном объёме. Недостаточная обратная связь или её отсутствие ухудшают мнение соискателей о работодателе.
#management
Подтверждаю, работа по регламентированное схеме реально экономит очень много ресурсов, как команды дизайнеров, так и всех остальных заинтересованных лиц. Но важно подчеркнуть, что для того, чтобы всё заработало, все должны этот процесс поддерживать и соглашаться следовать ему. В противном случае вы просто замараете бумагу. У нас так было, когда в одной команде процесс выстрелил, а в другой его пришлось адаптировать из-за сопротивления участников. Так что единой таблетки нет — нужно экспериментировать. Вот каким он был у нас (в приложении).
А если хотите больше узнать, то советую книгу «Системное управление на практике», там как раз про это.
Новые материалы в @uxwork (кроме вакансий):
— Как дизайнеру повышать уровень дохода — мнение руководителя, которое несколько отличается от мнений обычных дизайнеров. Видимо, поэтому много реакций 🤡;
— Об ошибках и способах выделиться при выполнении тестовых заданий;
— Какие вопросы можно задать работодателю на собеседовании.
Всем привет! Заранее прошу прощения, если вопрос в данном чате неуместен.
Меня зовут Кристина, я представляю программный комитет компании InterForum, организатора бизнес-мероприятий из пятерки лучших.
В ноябре мы впервые запускаем новый проект - Всероссийский форум по дизайну интерфейса и улучшению пользовательского опыта UX|UI 2025 https://interforums.ru/uxui25/home
В данный момент, для формирования повестки форума, мы проводим устное исследование среди профессионалов сферы, а также подбираем спикеров. Если вы готовы поделиться своим профессиональным мнением, болями или яркими кейсами, буду вам очень признательна.
Разговор займет 7-10 минут и очень поможет нам в написании программы. Если готовы предложить свою кандидатуру в качестве потенциального спикера форума – также будем рады. Если вам интересно, прошу написать мне в ЛС. Заранее спасибо!
Я написал, какими бывают адреса электронной почты и как это может повлиять на опыт регистрации и входа по имейлу.
— Когда человек заводит электронную почту, его имя пользователя и домен почтового сервиса становятся уникальным адресом;
— Но его не обязательно указывать в точности, чтобы получать письма;
— Все почтовые сервисы игнорируют регистр букв. Gmail — точки в имени пользователя. Почти все игнорируют то, что в имени пользователя указано после «+»;
— Фишка с «+» описана в одном из стандартов работы электронной почты и может использоваться для борьбы со спамом и сортировки почты;
— Плюс тестировщики могут так зарегистрировать несколько аккаунтов в тестируемых продуктах, не заводя множества почтовых ящиков;
— Некоторые почтовики работают на нескольких доменах. Например, gmail.com и googlemail.com, yandex.ru и ya.ru;
— По хорошему, сделав исключение для тестировщиков, всё это стоит учитывать при регистрации, входе и восстановлении пароля (в статье в общих чертах описан механизм), чтобы пользователи не создавали несколько аккаунтов, фактически связанных с одним ящиком;
— Пользователь может забыть, с каким адресом регистрировался ранее, и по ошибке завести ещё один аккаунт;
— Если посмотреть на крупные и популярные сервисы вроде ChatGPT, Notion, Amazon, они отрабатывают только кейс с регистром букв.
#login #signup
Не, я имею ввиду отказаться от использования компонентов на сером фоне, сейчас как раз фишка в том что есть условный бейджик, он такой слегка цветной фон имеет, и вот этот цвет отличается в зависимости на каком он фоне
Читать полностью…
Да, личный: @ninedotsru и про интерфейсы: @protraktor
Читать полностью…
Дизайнеры, встречаемся!
27 сентября в Москве пройдет конференция «Продукты 24 × FFDD2D» — объединение двух крупных мероприятий, которые задают тренды в дизайнерской среде.
Теперь это одно большое событие для тех, хочет смотреть на продукт и дизайн шире.
Будет три трека с докладами:
— про кейсы, перевернувшие индустрию, и инсайты из смежных сфер: телевидение, путешествия, которые помогают взглянуть на привычные бизнес-процессы с новой стороны;
— про то, как дизайнеру не скатиться в рутину, переосмыслить подходы и влиять на рынок;
— дискуссии и воркшопы про кросс-функциональное взаимодействие.
Вас ждет много знакомств, активностей, карьерных и профессиональных консультаций.
Завершим день на огненном афтепати под зажигательные DJ-сеты.
Встречаемся 27 сентября в пространстве «Суперметалл» — запишите себе в календарь, чтобы не забыть.
Вика Лисицына написала, должен ли дизайнер ~~уметь кодить~~ быть немного продактом.
— Дизайнеры всё чаще берут на себя функции продактов, так как хотят большего влияния, а границы ответственности в agile-командах размыты. Плюс HRы постоянно спрашивают о работе с метриками;
— Разбираться в бизнес-метриках, стратегии продукта и нюансах технической реализации полезно, но не надо делать это вместо специалистов;
— Снизится качество и дизайна и продуктовых решений;
— Кто-то должен в команде быть самым эмпатичным, мыслить сценариями, лучше всех создавать красивые (страдает в первую очередь) и интуитивно понятные интерфейсы. А самое главное — мечтать, предлагать революционные решения, откладывая технические и бизнес-ограничения на потом;
— Задачи продакта не так просты: стратегическое планирование и роадмап (с учётом доступных ресурсов и бизнес-планов), глубокий анализ рынка и конкурентов, интерпретация метрик и постоянный перевод с технического на бизнес-язык и наоборот;
— Дизайнер может взять на себя эти задачи, если продакта нет или он не справляется или это ранние стадии стартапа, происходит смена ролей в команде, принимается критическое решение, влияющее на пользовательский опыт (надо стать адвокатом пользователя);
— Но лучше чётко определять зоны ответственности, развивать культуру уважения к специалистам, сохранять кругозор и при этом развивать экспертизу в своей области.
#product
Ой, надо срочно закинуть это коллегам, а то опять упустят фишки 😅
Читать полностью…
https://dribbble.com/shots/26477552-Temply-A-Figma-Plugin-for-Clean-Page-Structures
Читать полностью…
Александр Горчаков поделил команды на 4 типа по уровню стабильности и вызовов и написал, что делать лидерам таких команд.
— Процветают команды (1-й тип) с высоким уровнем стабильности и вызовов;
— Стабильность дают процессы, инструменты для решения задач (принципы, политики, гайды), прозрачное планирование, понятные механики развития команды и влияния на компанию (и внешний мир), разделяемая командой культура взаимодействия, а также лидер, выполняющий обязательства и отстаивающий интересы команды;
— Чем больше стабильности, тем больше команда уверена в завтрашнем дне и тем больше сил тратит именно на задачи;
— Нужна правильная оценка зрелости команды. Performance review повышает стабильность. Но его рано добавлять в стартапе на 5 человек без понятной бизнес-модели;
— Важен баланс. Без должного уровня вызовов стабильность приводит к бюрократии и скуке (2-й тип);
— Вызовы выводят из зоны комфорта, позволяют прокачаться;
— Чтобы избежать скуки при высоком уровне стабильности задача лидера — создавать вызовы и условия для их появления, объяснять их пользу команде;
— Вызовы: сложная задача, новая роль, компетенция или зона ответственности дизайнера, амбициозная цель, усложнённый режим работы;
— Например, задачу по добавлению столбца в таблицу можно предложить сделать с помощью специального компонента. Он позволит быстро делать подобное в будущем, а дизайнер прокачается в сборке компонентов;
— Вызовы без контроля и низкий уровень стабильности приводят к выгоранию (3-й тип);
— В этом случае можно начать с малого: начать планировать задачи, бронировать время дизайнеров на неделю вперёд, разделить людей по компетенциям, начать отстаивать интересы команды;
— В случае стагнации (4-й тип, низкий уровень стабильности и вызовов) кроме перечисленного выше надо ещё продать команде и бизнесу идею дополнительной работы.
#management
понимаю рост внутри крупного продукта, с устойчивым процессом требует описания.
но в студийной или аутсорс работе, с учетом множества переменных считаю это лишней бюрократией ну или нежеланием менеджера (лида, ментора) роли работающей с новым сотрудником, качественно заонбордить на старте)
Анна Малинина написала об обработке ошибок при заполнении форм.
— Пользователей раздражают не сами ошибки, а то, как интерфейс о них сообщает. Он может быть слишком строгим, неожиданным или непонятным;
— Показывайте ошибку после того, как пользователь закончил заполнять поле;
— Для остальных полей ошибки можно показывать при попытке отправить форму;
— Не сообщайте о пустом поле, если пользователь его просто «потрогал»;
— Пишите понятные и конкретные сообщения. Вместо «Неверный формат» напишите, каким формат должен быть;
— Выбирайте дружелюбный тон и нейтральные слова: «Нельзя вводить больше 128 символов» → «Максимум 128 символов»;
— Лучшее место для отображения ошибки — рядом с полем;
— Для большего внимания к полю (и большей доступности) кроме красного текста ошибки и обводки у поля можно показать иконку с восклицательным знаком;
— Если пользователь попытался отправить форму с ошибками, прокручивайте её к первому полю с ошибкой;
— Не скрывайте сообщение об ошибке сразу, как пользователь перешёл к редактированию поля, чтобы он успел его осмыслить;
— Если текст ошибки о незаполненном обязательном поле будет единым («Это обязательное поле», без повторения названия поля), пользователям проще распознавать такие сообщения, и не будет лишних текстовых переменных;
— Если есть лимит на количество символов, и пользователи могут иногда копировать текст в поле, не обрезайте вставленный текст. Покажите ошибку и счётчик символов.
#form #error
Геннадий Мохов написал о регламентах в работе дизайн-команды.
— Регламенты особенно необходимы во время роста команды, когда текущие процессы и знания устаревают, а зоны ответственности размываются. Но готовить их надо заранее;
— Производственный процесс — это то, что вы делаете для достижения результата, получения ценности;
— Чтобы результат стабильно повторялся с должным качеством, нужна система;
— Проектирование процесса начинается с чёткого определения его цели;
— Перечислите шаги этого процесса. Для каждого определите исполнителей (может быть более одного) и ответственного (одного), срок выполнения, результат, возможные улучшения;
— Регламент — описание того, что вы делаете и получаете на выходе;
— Чеклист — гибкий инструмент, состоящий из подсказок или вопросов, на которые надо ответить, передавая результат;
— Протокол — детальные инструкции по шагам выполнения конкретной задачи;
— У каждого этапа должен быть набор требований к результатам и исполнителям, что позволит нанимать наиболее подходящих специалистов. А реальность добавит ограничения по сроку и бюджету;
— Для внедрения процесса расскажите о нём команде (возможно, придётся перебороть сопротивление) и смежным командам (синхронизироваться с их процессами), обучите команду и опробуйте процесс на практике, доработав проблемные места;
— Идеальный процесс не построить сразу. Заранее установите периодичность оценки его эффективности;
— Дорабатывайте по обратной связи от команды и смежных отделов. У найденных проблем могут быть самые разные решения, насколько хватит фантазии;
— Регламенты позволяют установить стандарты, ускорить передачу знаний, управлять ресурсами компании, повысить эффективность труда и высвободить время руководителей.
#management
Здравствуйте! Я меняю сферу деятельности, иду учиться на UX-редактора с 18 августа.
Подскажите, пожалуйста, где-то можно пройти стажировку? Готова отработать несколько месяцев для резюме.
Бесит, что например в яндекс почте anton.habr@yandex.ru и anton-habr@yandex.ru будут равнозначными, а вот если убрать точку или дефис то это совсем другой ящик. Короче совсем не как gmail
Читать полностью…
Как учитывали баланс между консистентностью и свободой при ребрендинге? Интересно узнать детали.
Читать полностью…
Т.е. в идеале располагать все компоненты либо на белых островках (и серый фон) либо фон должен быть белый, и на нем располагать компоненты
Читать полностью…
Только из-за этого или есть ещё какие-то предпосылки? Просто этот формат On gray с белыми островами прямо повсюду
Читать полностью…