Комментарии 17
А что происходит, если БИК ошибочный, но название банка опознается, как существующее?
По логике данного кейса быть не должно, так как это сторонние API банка, которые ищут наименование банка по БИК. Если в БД имеется информация, имя банка отображается. Допускается ситуация, когда мы сначала ввели верный БИК — подтянулось имя, а затем изменили данные в поле БИК. В этом случае старое наименование должно исчезнуть. Если имя банка останется, пользователь может ошибочно предположить, что ввел правильный БИК.
Макет 1
В поле «Номер счета» плейсхолдер отображается когда курсор в поле (проверка 2)
Плейсхолдер «Введите номер счёта» - на макете «счета» (проверка 3)
Крестик «Удалить все» отображается в пустых полях (БИК, имя банка)
Ужас. Сколько всего разного нужно учитывать! Попробуй пропиши это всё в коде.
А что такое 15:
Вырезать данные из поля и вставить обратно
?
Согласен) Представь, а это только 3 поля, обычно на странице более 5 полей может находиться. Это задача на две недели тестирования.
Отвечаю на твой вопрос: вставить данные в поле - выделить все данные в этом поле - нажать вырезать (данные копируются и удаляются) - далее вставляем в другое поле эти данные. По опыту пользователь может ввести данные не в то поле и он может вырезать цифры и вставить в валидное поле.
Если скопировать "Про1вер2ка3" - вставится только "123"
Ставит в тупик. По моему, ничего не должно вставляться. По логике. Зачем нужно цифры извлекать?
Это про удобство использования, на некоторых клавиатурах есть вероятность напечатать букву среди цифр.
Кейс:
1) Пожилой человек хранит реквизиты в заметках, он при попытке скопировать добавляет лишнюю букву.
2) Вставляет уже не 20 цифр, а 21 символ.
3) Маска допускает вставку только 20 цифр (убирая лишнюю букву).
По макетам в статье нашел баги?)
1 макет
В поле "Номер счёта" неровно расположен курсор
При нажатии на поле "Номер счёта" плейсхолдер продолжает отображаться
В требованиях слово "счёт" плейсхолдера поля "Номер счёта" написан через "ё", в форме через "е"
Различные отступы между полями формы (между "Номер счёта" и "БИК" отступ меньше, чем между "БИК" и "Наименование банка"
2 макет
В требованиях не описано, что при появлении подсказки курсор должен быть выделен цветом, только поле, поэтому стоит либо уточнить это и записать в требования, либо убрать в форме.
Текст подсказки располагается под полем и по центру, что тоже нигде не оговорено и должно быть конкретизировано
3 макет
Под полем "Номер счёта" отображается подсказка "Должен содержать 20 цифр", но отсутствует "Должен начинаться на 4XX"
В поле "Номер счёта" отсутствует фокус, но крестик для удаления не появился
Отображение плейсхолдера в поле "БИК" при фокусе
Отображение подсказки "Должен содержать 9 цифр" в поле "БИК" до снятия фокуса
Отображение крестика для удаления содержимого в поле "БИК" при фокусе на поле
Курсор в поле "БИК" выделен красным цветом, должен быть черный
Вместо подсказки "Наименование заполнится, если БИК счёта найден" "Заполнится автоматически, если БИК счёта найден"
4 макет
В поле "Номер счёта" отсутствуют пробелы между парами цифр
Вместо кнопки "Далее" кнопка "Дальше"
В поле "Номер счёта" введено 19 цифр, но кнопка "Далее" активна
Ну вот как-то так :)
У тебя талант тестировать верстку! Хорошая работа ❤️
Под полем "Номер счёта" отображается подсказка "Должен содержать 20 цифр", но отсутствует "Должен начинаться на 4XX"
хорошее замечание - здесь был определен принцип релевантности. Две подсказки отображать неудобно, и приятно решение разместить их по приоритету:
Если меньше 20 цифр и счёт не начинается с 4, то после снятия фокуса выводим "Должен содержать 20 цифр" - это важнее, тк банально счёт введен не до конца. А после тапа на поле отображается "Должен начинаться на 4XX" при этом "Должен содержать 20 цифр" пропадает на время ввода. А подсказка "Должен начинаться на 4XX" отображается до тех пор, пока не исправят начало счёта (не зависит от ввода, фокуса поля и тд).
Различные отступы между полями формы (между "Номер счёта" и "БИК" отступ меньше, чем между "БИК" и "Наименование банка"
Хорошее замечание, я бы добавил, что подсказки налеплены на поля и нет отступов между поле - подсказка - поле. Тут либо изначально увеличивать отступ между полями или увеличивать отступ только при появлении подсказки.
Интересная разминка. Окрывайте форточку.
К тому, что не сказали можно добавить:
При наличие значений в строке иконка очистки должна быть черной, а не серой (по общепринятым гайдлайнам).
п.23 в чек-листе некоррекный "Кнопка Далее доступна при заполнении всех полей на странице". Поскольку у нас фронт валидирует форму на лету, то кнопка Далее должна быть активной только при валидном заполнении формы. тут или двусмысленное описание проверки в чек-листе или нарушение общепринятных гайдлайнов.
Подсказки отображаются при продолжении ввода в другом поле - проверка не указана для поля Наименование банка.
При этом описание проверки из пункта выше двусмысленное, если форма заполнена корректно и переключается фокус, то подсказка должна скрываться. из описание можно подумать, что подсказки фризятся после первого появления.
чек-лист можно усилить пунктами: запрет на вставку изображений из буфера (на своем опыте такой баг находил) и добавить пункт перемещение пайпа (курсора) стрелками или тапом/кликом
Тестирование полей ввода. Реквизиты