noknok | product design

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

● Делимся новым кейсом: провели UX/UI-аудит сервиса Поптимайзер. ● Поптимайзер — сервис для создания попапов и квизов, который сочетает интерактивные и геймифицированные механики для увеличения конверсии и сбора лидов. ● Отзыв: «Я написал ребятам из Нокнок и попросил посмотреть на Поптимайзер. Они с радостью откликнулись. И это оказалось куда полезнее, чем я ожидал. Они прошлись по интерфейсу и нашли места, где возникает непонимание или лишнее трение. Было видно, что ребята взялись за работу серьёзно и отлично погрузились в продукт. В итоге я получил структурированный список недочётов, которые реально мешали пользователям, а также несколько гипотез, некоторые из которых удалось внедрить почти сразу. Другим приятным сюрпризом оказался опрос маркетологов команды: увидеть ход мыслей реальных пользователей, то как они думают о ценности сервиса и в какой момент они готовы платить — невероятно полезно. Это дало пищу для размышлений и дальнейшего планирования. Рекомендую Нокнок всем, кто строит продукт и хочет получить профессиональный разбор не только дизайна, но и бизнес-ценности». Андрей, фаундер Поптимайзера → Почитать кейс → Попробовать Поптимайзер

Собрали best practices и ошибки в одной статье про AI-ассистентов для интернет-магазинов. В конце — полезный бонус. 🌏 https://noknok.ru/ai-chat

Продолжаем нашу серию постов про то, как превратить AI-чат в инструмент продаж. Рассмотрим, как работать с товарами внутри диалога. Проблема: AI-чат подбирает товары, но с ними сложно взаимодействовать: • Нужно вручную вводить название для следующего запроса. • Нельзя сразу добавить в избранное или корзину. • А при сравнении ключевые различия не видны. Что можно сделать? Выбор товаров Чекбоксы / multi-select прямо в чате. Пользователь отмечает несколько позиций, которые становятся контекстом для дальнейших действий. Действия над выбранным Сценарии: сравнить, найти похожие, подобрать лучший вариант. Ассистент использует выбранные товары как входные данные и ведёт пользователя дальше. Сравнение Наглядная таблица или карточки рядом. Ключевые отличия подсвечены, а краткий вывод помогает быстрее принять решение. Итог: простые доработки позволяют взаимодействовать с подобранными товарами намного проще. #concept #productfeatures

Длинные чаты с ИИ – это боль При работе с чатом, в котором накопилось много контента, становится сложно к нему возвращаться: теряется ход мысли, ориентироваться получается в основном только по своим сообщениям. Напрашивается вопрос, как это можно улучшить? Подобные решения попадались у других дизайнеров, а позже нечто подобное появилось и в DeepSeek. Мы сделали несколько концептов, которые упрощают взаимодействие с чатом и делают навигацию в длинных диалогах удобнее. Фокус-режим Одна кнопка скрывает все ответы ИИ, остаются только твои вопросы. Нужный ответ можно раскрыть по тапу. Временная шкала Боковая панель с цветовой разбивкой по темам. Тапаешь на тему и переходишь к нужному месту. При скролле шкала обновляется автоматически. Содержание из промтов Сбоку отображаются маркеры. При скролле по ним всплывают сообщения пользователя, и можно быстро переключаться между ними. Резюме Каждый длинный ответ ИИ сворачиваются в краткое описание на 1–2 строки. Детали раскрываются по тапу. #concept

Продолжаем разбирать удачные решения в AI-чатах. Сегодня на очереди — «Самокат». Что можно взять на заметку? 1. Единый диалог с историей запросов. Нет разделения на чаты, но есть история прошлых запросов. 2. Многоуровневые подсказки. Вложенные сценарии помогают уточнить запрос шаг за шагом, не теряя контекст. 3. Совмещение рекомендаций и действий. Ответ содержит пояснительный текст и сразу — карточки товаров, которые можно добавить в корзину без лишних переходов. 4. Релевантные подсказки для продолжения. После ответа предлагаются уточняющие или смежные вопросы, чтобы направить диалог дальше. 5. Корректная обработка доменных запросов. Ассистент адекватно реагирует на вопросы, выходящие за рамки ассортимента или доставки, не ломая сценарий. #productfeatures