понедельник, 23 октября 2017 г.

Панбагон. В длинном посте список людей для установки тега не виден

Когда я прошла гонку героев в Алабино, то написала длииииинный блог-пост с отзывом. Написала его во втором блоге, а потом вкопипастила в ВК, потому что там можно отметить людей тэгами и тем самым сказать им спасибо.


Вкопипастила отзыв, а потом стала отмечать людей. Это в блоге просто «Наталья, Мария», а в ВК можно же упомянуть их через собачку (@). И вот, значит, я удаляю имя «наталья», ставлю собачку и начинаю вводить: «Н-а-т-а». Что такое? Где подсказка с именами моих знакомых???

Ввод_1. Подсказки нету

Сижу, ничего не понимаю. Пробую ввести имя целиком, пробую стереть и снова ввести. Нет подсказок и все тут!


Через минуту-другую я догадалась прокрутить скроллбар вниз. Сильно вниз, надо сказать 
И вот они, подсказки. В самом конце поста. Это ж надо было догадаться, что, чтобы их увидеть, мне надо долго и упорно скролировать...

Ввод_2. Подсказка внизу поста

Так что тут если не usability-баг, то как минимум улучшение!

Давайте оформим как баг! По уже известному шаблону:

***************************************************************************
В длинном посте список людей для установки тега вверху поста не виден

Шаги воспроизведения

  1. Открыть главную страницу в ВК — https://vk.com под любым пользователем и нажать «Моя страница» (но тут в реальной жизни дается ссылка на страницу конкретного человека + данные для авторизации под ним, но у меня тестовых данных нет)
  2. Ввести длинный текст в пост, или вкопипастить его, например, такой: (если у вас JIRA, можно вместить текст в {code}, тогда он не будет расколбашивать всю страницу. Ну или приложить в блокноте аттачем и сослаться на аттач)
  3. Отмотать наверх поста, поставить собачку и начать вводить имя друга, например, @Ната
Результат

Подсказка со списком друзей не появляется, см рис «Ввод_1. Подсказки нету». Точнее, он есть, просто ниже поста. И нам до нее адо мотать полстраницы, см рис «Ввод_2. Подсказка внизу поста».

Ожидаемый результат

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


***************************************************************************

Как найти такой баг? Проверяя граничные значения! Например, используя мнемонику БМВ Smile :)

Хотя, конечно, простое тестирование мнемоники этот баг не найден. Мы проверим, влезает ли длинный текст. Влезает, все норм! Но мы же тестировщики. Мы видим, что скролл-бар уехал и думаем, может ли это принести плохие последствия в связанном функционале. Какой функционал связан с написанием поста? Тегание друга, выпадающая подсказка!

Или просто, когда тестируем, что подсказка выпадает, помним про границы. Что будет, если подсказку вызывать:

  • в начале предложения;
  • в конце предложения;
  • в середине предложения;
  • в середине другого слова;
  • в очень длинном тексте — начале / конце.
А вот так уже найдем! 


См также:

Шаблон бага → использовался в статье
Шаблон улучшения — Как продумывать свое улучшение с примером, когда это приводит к отказу от постановки задачи.
Как заводить задачи в баг-трекер → подробнее о том, как ставить задачу и заполнять обязательные поля.
Мнемоника БМВ и ее применение → использовалась в статье

PS — добавила пост в общую копилку багов. 

4 комментария:

  1. Ольга, а от имени программиста, который пытался исправить баг, Вам случайно не было претензий о непонятном тексте бага "В длинном посте список людей для установки тега вверху поста не виден"?
    Если бы не было шагов воспроизведения, актуального и желаемого результата, то это предложение, написанное вроде бы по-русски, не читаемо. Почему бы не сказать проще и конкретнее: "Длинный текст сообщения не позволяет увидеть подсветку списка пользователей при вставке тега '@'."?

    ОтветитьУдалить
    Ответы
    1. О, спасибо! Согласна, ваш вариант понятнее :)
      Кто ж спорит про «сапожник без сапог», я порой от своих же багов ужасаюсь

      Удалить
  2. Об ожидаемом результате.
    Вы обсуждали его с интерфейс-разработчиком и программистом? Или у Вас есть стандарт для таких случаев?
    Дело в том, что реализация может быть нескольких вариантов:
    - фильтруемый список появляется в самом окне ввода текста сразу после символа '@';
    - фильтруемый список появляется в дополнительном окне в видимой зоне рабочего окна/браузера;
    - локализация списка в видимую область браузера происходит автоматически, но при этом окно с вводимым текстом сообщения уменьшается для показа нескольких строк списка;
    - и другие варианты.

    ОтветитьУдалить
    Ответы
    1. Конечно, НЕ обсуждала, я же не состою в команде разработки ВК :)
      Этот список вариантов разработчик предлагает уже после заведения бага, что в целом норм, дальше уже обсуждаем и выбираем оптимальный

      Удалить