Убедитесь, что пользователи знают, что ниже панели генерируется превью

Учитывая, что в панели осталось немного белого (желтого) пространства, почему бы просто не добавить строку с предложением пользователям закрыть окно, чтобы увидеть панель предпросмотра? Это стало бы дополнительным стимулом нажать ESC или кнопку закрытия (X). Возможно: «Закройте эту панель, чтобы увидеть панель предпросмотра».

3 лайка

Как пользователь форумов на Rust, я столкнулся с этой проблемой. Этот экземпляр Discourse (неправильный термин?) имеет синюю плашку «Ваша тема похожа на…», стилизованную аналогично этой жёлтой плашке «Добро пожаловать», но она не закрывает полностью нижнюю область. После закрытия синей плашки то, что жёлтая выглядит иначе, заставило меня предположить, что она сдвигает область ввода текста (делая её уже), поэтому я сначала оставил её открытой. Мне и в голову не приходило, что предпросмотр с форматированием, который я искал, поместится идеально под жёлтой плашкой.

Ещё одна идея для решения этой проблемы: добавить предложение вроде «Скройте эту панель с помощью кнопки в правом верхнем углу, чтобы увидеть предпросмотр с форматированием вашего сообщения» в содержимое. Я предполагаю, что это настраивается для каждого экземпляра, но добавление этого предложения в шаблон по умолчанию, вероятно, приведёт к тому, что оно появится на большинстве экземпляров.

2 лайка

Да, пожалуйста.

Я попробую этот трюк!

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

2 лайка

Мне было бы очень интересно увидеть альтернативные визуальные макеты, которые оставляют достаточно визуальных подсказок о том, что за ними скрыт превью (например, просто немного сужая окно или немного ограничивая высоту).

Это на 100% реализуемо в компоненте темы.

2 лайка

Я тоже так подумал: 80–90% высоты/ширины области предпросмотра в редакторе, выровнено по нижнему правому углу, но с крестиком закрытия в верхнем левом углу, чтобы взгляд мог одновременно фокусироваться на строке под панелью и на крестике.

1 лайк

Однако я бы возразил, что пользователи Facebook пользуются этим сайтом как минимум с 2010 года и к настоящему времени уже имеют десятилетний опыт освоения того, как «печатать слова в полях на веб-страницах». В оригинальных руководствах к Apple Mac объяснялось, как пользоваться мышью, но, например, сейчас компьютеры уже не включают инструкций о том, как работает мышь или тачпад.

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

Также рядом с крестиком «X» написано «esc», чтобы указать, что вы можете закрыть уведомление об обучении.

image

Таким образом, к третьему сообщению панели обучения перестанут появляться, однако подсказка «ваша тема похожа на…» будет отображаться (при создании новой темы) но только после ввода достаточного количества текста для совпадения по теме.

Моя рекомендация: если вы беспокоитесь об этом для ваших пользователей, отключите панели обучения через настройки сайта и/или скройте их с помощью CSS.

1 лайк

Что-то вроде этого?

Для этого я уменьшил ширину на 5%. Хотя мой CSS очень начинающий, так что это может быть не совсем верное решение. :slight_smile:

.composer-popup {
    width: calc(45% - 16px);
}
5 лайков