Мобильный виджет: как выглядит хороший чат на телефоне

Откройте свой сайт с телефона и попробуйте написать себе в чат. Если вам неудобно — клиентам тоже. Мобильный чат — это не десктопный, сжатый: это другой интерфейс.

Правила мобильного

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

В Чатве виджет на мобиле разворачивается на весь экран — как приложение. Клиент читает и пишет, не отжимая поле клавиатурой.

Проверка за пять минут

1. 1Откройте сайт с телефонаНапишите себе, как клиент.
2. 2Закройте и откройте чатИстория на месте? Хорошо.
3. 3Нажмите быструю кнопкуОтвет читается без скролла?
4. 4Сверните и вернитесьНичего не потерялось?

Половина наших диалогов — с телефона. Мы не знали, пока не посмотрели. Теперь мобильный — наш главный экран.

Детали, которые решают

Кнопка не должна закрывать кнопку «купить». Поле ввода не должно прятаться под клавиатуру. История не должна теряться при сворачивании. Это мелочи, которые решают, станет ли виджет дверью или стеной.

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

Мобильный — это значит

• Полный экран при открытии — не половинка с полосой.
• Поле ввода всегда на виду — клавиатура не отжимает.
• История при сворачивании — на месте.
• Быстрые кнопки — вместо набора текста.

Пройдите путь клиента сами: зайдите с телефона, задайте вопрос, сверните, вернитесь. Если что-то раздражает вас — оно бесит клиентов.

Ошибки мобильного

• Виджет закрывает кнопку покупки — смотрите на малых экранах.
• Длинные ответы — телефон читают мельком.
• Поле ввода под клавиатурой — никто не будет бороться.
• История пропадает при сворачивании — доверие уходит с ней.

Всё это не видно на десктопе и решает всё на телефоне. Пять минут с собственным устройством — лучший UX-тест, который существует.

Ошибки мобильного

• Виджет закрывает кнопку покупки — смотрите на малых экранах.
• Длинные ответы — телефон читают мельком.
• Поле ввода под клавиатурой — никто не будет бороться.
• История пропадает при сворачивании — доверие уходит с ней.

Всё это не видно на десктопе и решает всё на телефоне. Пять минут с собственным устройством — лучший UX-тест, который существует.

Проверка за пять минут

Откройте сайт с телефона, задайте вопрос, сверните чат, вернитесь. Если что-то потерялось — вы нашли, что чинить. Если нет — у вас уже лучше, чем у половины рынка.

Чек-лист

• Кнопка не закрывает покупку.
• Кнопки большие — палец, не курсор.
• Ответы короткие — читают на бегу.
• История при сворачивании — на месте.
• Звонок во время диалога — ничего не ломает.

Пять минут с собственным телефоном — и вы знаете больше, чем любой аудит. Клиент живёт на мобильном; ваш чат должен жить там же.

Детали, которые решают

Кнопка не должна закрывать кнопку покупки. Поле ввода не должно прятаться под клавиатуру. История не должна теряться при сворачивании. Это мелочи, которые решают, станет ли виджет дверью или стеной.

Проверка за пять минут

Откройте сайт с телефона, задайте вопрос, сверните чат, вернитесь. Если что-то потерялось — вы нашли, что чинить. Если нет — у вас уже лучше, чем у половины рынка.

Мобильный клиент нетерпелив не потому, что он плохой — а потому что он стоит, идёт, едет. Ваш чат должен работать в его ритме: тап, ответ, дело. Всё остальное — детали, которые решают, останется ли он.

Чек-лист

• Кнопка не закрывает покупку.
• Кнопки большие — палец, не курсор.
• Ответы короткие — читают на бегу.
• История при сворачивании — на месте.
• Звонок во время диалога — ничего не ломает.

Пять минут с собственным телефоном — и вы знаете больше, чем любой аудит. Клиент живёт на мобильном; ваш чат должен жить там же.

Мобильный клиент нетерпелив не потому, что он плохой — а потому что он стоит, идёт, едет. Ваш чат должен работать в его ритме: тап, ответ, дело. Всё остальное — детали, которые решают, останется ли он.