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

Я занимаюсь онбордингом новых пользователей на нашем сайте Discourse и отмечаю, как они взаимодействуют с платформой и где возникают трудности.

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


[Описание изображения: Скриншот ситуации, описанной выше.]

Для людей, не знакомых с Markdown, конструкции вроде
![Screenshot of Google Chrome (10-13-20, 2-49-45 PM)|690x197](upload://3OvVqVJ86INccIlpsOKv6ZbE98a.png)

или

[Write How We Communicate FAQ](https://hub.youthpowercoalition.org/t/write-how-we-communicate-faq/451/2)

особенно при вставке из другого текстового редактора, выглядят очень странно и неочевидно, будто они не сработают, так как превью не отображается. Моя новая пользовательница вставила текст и сразу начала удалять такие символы, как * в *bolded text*. Она никогда не нажимала esc, чтобы закрыть справочный текст и обнаружить, что эти странные символы на самом деле формируют именно то сообщение, которое она хотела.

Таким образом, с точки зрения UX,我认为 нужно сделать что-то, что явно показывает, что превью ГЕНЕРИРУЕТСЯ, и что справочный текст можно закрыть. Сейчас это недостаточно очевидно.

12 лайков

Отмечаю @tobiaseigen, так как мы начали этот разговор вне Meta.

Вот первоначальный ответ Тобиаса:

Я не знал, что оно не исчезает само по себе, так как я всегда сразу нажимаю X, чтобы закрыть его. Если люди не понимают, что его можно закрыть, и не закрывают, то функционал редактора действительно будет очень запутанным и неудобным. Если вы сможете добавить ответ на How to disable the yellow panels for first two posts? с этим отзывом, мы сможем поработать над улучшением. Одна идея, которая у меня есть, — добавить кнопку закрытия во всплывающем окне и запретить ввод текста, пока оно не будет закрыто? Или закрывать его автоматически через некоторое время?

Какие у вас есть идеи?

5 лайков

Как насчёт того, чтобы разместить его горизонтально над панелями редактирования и предпросмотра, а не поверх панели предпросмотра?

5 лайков

Может быть, добавить немного прозрачности для фона панели?
Также я бы разместил (еще одну?) кнопку «Esc x» слева на панели; та, что справа, в обычном месте, находится слишком далеко от «действия глаза» :grin:

1 лайк

Отличная статья с возможными решениями!

https://medium.com/tap-to-dismiss/tap-to-dismiss-fbc66bdf500a

Может быть, сделать его модальным окном, которое появляется снизу?


[Image Description: Screenshot from article that shows what I described above]

Я сомневаюсь насчёт этого, потому что, на мой взгляд, во многих местах крестики размещают в правом верхнем углу. То, что мне хотелось бы видеть, — это чтобы x и сочетание клавиш esc были намного темнее, а символ x соответствовал иконке крестика в круге, к которой я привык. См. статью выше.

2 лайка

Мне нравится идея, что это появляется снизу.

3 лайка

Я не уверен, насколько это серьёзная проблема, потому что

  • в традиционном правом верхнем углу элемента интерфейса есть очень заметная кнопка закрытия и текст «esc»

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

Вы правы, объективно это не большая проблема, но могу засвидетельствовать: в редких случаях, когда пользователи совсем не привыкли к… любому интерфейсу, всё становится огромным препятствием на пути к написанию текста. Та самая тонкость Discourse, которую мы все любим, может восприниматься как пугающая. Мой случай, конечно, пограничный, но мне пришлось убедить некоторых моих пользователей перейти сразу от ручки и бумаги к Discourse, минуя все промежуточные этапы! Так что да, эта панель создавала (небольшое) трение.

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

Ах да, насчёт этого :thinking: Я всегда считал странным, что как администратор я всё ещё вижу эту панель после сотен сообщений и тем, но это меня никогда особо не беспокоило…
Но я только что проверил: в сводке указано, что я создал -313 сообщений! :anguished: Отрицательное количество?

Я видел, как новые пользователи чаще всего не замечают это.

Новые пользователи — это те, кто больше всего запутается.

2 лайка

Вы также предполагаете, что эти пользователи никогда не будут публиковать больше двух раз. Так ли это обычно в вашем сообществе?

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

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

Я передумал. Думаю, определённо стоит попробовать, если перемещение кнопок «x» и «Esc» влево изменит поведение пользователей. Кроме того, я заметил, что на многих сайтах эти элементы уже расположены слева, гораздо чаще, чем я ожидал.

3 лайка

Ещё один вариант — полностью отключить это сообщение. Тогда новые пользователи будут видеть только превью. Я считаю, что это можно сделать сегодня через существующие настройки сайта Discourse.

2 лайка

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

1 лайк

Я думаю, это «обучать до публикации»

4 лайка

Спасибо. Я изменил эту настройку на 0 и посмотрю, как всё пойдёт.

3 лайка

Дайте знать, если это не сработает, так как, на мой взгляд, это самое простое решение.

1 лайк

Можу точно подтвердить эту проблему. Только что потратил 5 минут на поиски ответа и нашёл эту тему через Google.

В целом понятно, как закрыть панель. Но проблема не в том, что пользователь пытается её закрыть и не может понять, как это сделать. Вместо этого пользователь не видит причин закрывать её, потому что не знает, что за ней скрывается что-то интересное. Затем он оказывается перегружен редактированием синтаксиса Markdown без предварительного просмотра.

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

4 лайка

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

Вот что там написано:

Добро пожаловать в {sitename} — спасибо за ваш вклад!

  • Улучшает ли ваш ответ разговор каким-либо образом?
  • Будьте добры к другим участникам сообщества.
  • Конструктивная критика приветствуется, но критикуйте идеи, а не людей

Подробнее см. наши правила сообщества. Эта панель будет отображаться только для ваших первых 2 сообщений

Это… oчень, очень важная рекомендация. Одна из самых важных, которые мы даем. Теперь, эту панель рекомендаций следует пропустить, если вы указали «Пропустить материалы для новых пользователей» во время первоначального онбординга, как показано ниже — этот параметр был введен в Discourse 2.6 в конце 2020 года:

Он также доступен как настройка пользователя.

Тем не менее, я не считаю, что набор слов, как я делаю это сейчас, обычно требует значительного (или какого-либо?) форматирования, и в наши дни, спустя более 30 лет, люди в целом комфортно набирают слова в полях в интернете.

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

2 лайка

Ну, я только что пришел с недавно внедренного сайта на Discourse, который заменяет два устаревших сайта. Мы всё ещё настраиваем его, и одной из первых вещей, с которыми я столкнулся, было отсутствие предварительного просмотра. Я имею в виду, что на каждом разумном сайте для публикации текста есть какой-то вид предварительного просмотра, и я лихорадочно искал кнопку, чтобы его открыть. Смею сказать, что я опытный пользователь форумов, но у меня ушли минуты, чтобы прийти к идее закрыть жёлтую, а затем и синюю (похожие темы) панели.

У нас часто бывают пользователи, которые вставляют длинные фрагменты кода или некорректно оформленные URL-адреса. Предварительный просмотр уже необходим, особенно для новых пользователей. Пожалуйста, отнеситесь к этому как к обратной связи от пользователей, а не просто как к какой-то абстрактной идее.

Исправление, которое, я полагаю, простое, — просто сузить панель приветствия до 2/3 её ширины, чтобы сделать видимой нижележащую панель предварительного просмотра. Тогда станет ясно, что закрытие панели действительно что-то даст.

5 лайков