Начинающему тестировщику 7: Очень кратко про Стили
Видео на YouTube: https://youtu.be/GLUmsmD8PtI
Ознакомительный курс по CSS. Классы, псевдоклассы, размерности, отступы, границы, заливки.
00:05 Что такое CSS
01:30 Каскадность стилей
10:23 Классы .class-name
13:34 Перечисление
14:28 Размерности
15:27 Размерность em
17:06 Размерность rem
19:53 Использование %
23:34 Отступы
24:58 Внешние отступы margin
28:15 Внутренние отступы padding
29:35 Границы блоков border
30:37 Скругление углов border-radius
31:32 Заливка блоков background
33:05 Атрибуты тегов и горячее редактирование исходного кода
37:10 Псевдоклассы :hover
41:50 Несколько классов для одного элемента
Видео на YouTube: https://youtu.be/GLUmsmD8PtI
Ознакомительный курс по CSS. Классы, псевдоклассы, размерности, отступы, границы, заливки.
00:05 Что такое CSS
01:30 Каскадность стилей
10:23 Классы .class-name
13:34 Перечисление
14:28 Размерности
15:27 Размерность em
17:06 Размерность rem
19:53 Использование %
23:34 Отступы
24:58 Внешние отступы margin
28:15 Внутренние отступы padding
29:35 Границы блоков border
30:37 Скругление углов border-radius
31:32 Заливка блоков background
33:05 Атрибуты тегов и горячее редактирование исходного кода
37:10 Псевдоклассы :hover
41:50 Несколько классов для одного элемента
Заметки о юзабилити: Петрович - пример для всех, любите свой сайт!
Видео на YouTube: https://youtu.be/94fo-zS74CY
Краткий обзор юзабилити известного строительного интернет-магазина. Редкий пример того, как нужно разрабатывать сайты и сколько времени и сил на это нужно.
01:03 Яндекс никому покоя не даёт? )
01:26 Не докрученный попапчик
03:10 Мини-карточки: разный функционал
04:06 Пересчитывает не все цены
04:55 Пейджинг в каталоге: плохой/ОТЛИЧНЫЙ!
09:15 Учёт остатков на складе
11:08 Сметы: сервис с большим потенциалом
13:35 Фильтры: повторы и портянки
15:28 Сортировка: заб(и|ы)ли?
15:49 Проскроливать карточку товара
17:09 Переходы по фоткам товаров
17:38 Поиск: Яндекс нервно курит в сторонке
18:39 Перенос корзины в другой город
Видео на YouTube: https://youtu.be/94fo-zS74CY
Краткий обзор юзабилити известного строительного интернет-магазина. Редкий пример того, как нужно разрабатывать сайты и сколько времени и сил на это нужно.
01:03 Яндекс никому покоя не даёт? )
01:26 Не докрученный попапчик
03:10 Мини-карточки: разный функционал
04:06 Пересчитывает не все цены
04:55 Пейджинг в каталоге: плохой/ОТЛИЧНЫЙ!
09:15 Учёт остатков на складе
11:08 Сметы: сервис с большим потенциалом
13:35 Фильтры: повторы и портянки
15:28 Сортировка: заб(и|ы)ли?
15:49 Проскроливать карточку товара
17:09 Переходы по фоткам товаров
17:38 Поиск: Яндекс нервно курит в сторонке
18:39 Перенос корзины в другой город
Кнопка Купить: в поисках лучшего решения
Видео на YouTube: https://youtu.be/m5r2Ildpimw
Разные варианты реализации кнопки Купить в интернет-магазинах.
03:04 Считать в кнопке
10:05 Считать рядом
14:41 Ничего не считать
19:43 Парочка антипримеров ))
Текстовая версия данного обзора.
Видео на YouTube: https://youtu.be/m5r2Ildpimw
Разные варианты реализации кнопки Купить в интернет-магазинах.
03:04 Считать в кнопке
10:05 Считать рядом
14:41 Ничего не считать
19:43 Парочка антипримеров ))
Текстовая версия данного обзора.
Чек-листы в трекере вместо задач
Видео на YouTube (7 минут): https://youtu.be/vmvwyS2y5Ko
Пример неудобного использования чек-листов (если можно так выразится в данном случае) в трекере вместо полноценных, отдельных задач. Исключительно ради уменьшения количества задач на доске вводят абсолютно неудобную систему составления задач.
Особенно это касается тестирования. Ужасно неудобно собирать баги в таком виде в трекере!
Видео на YouTube (7 минут): https://youtu.be/vmvwyS2y5Ko
Пример неудобного использования чек-листов (если можно так выразится в данном случае) в трекере вместо полноценных, отдельных задач. Исключительно ради уменьшения количества задач на доске вводят абсолютно неудобную систему составления задач.
Особенно это касается тестирования. Ужасно неудобно собирать баги в таком виде в трекере!
Интернет магазин: "минимум" в поле Количества
Видео на YouTube (4 минуты): https://youtu.be/7ouMdgZe40g?t=9
Редкий и полезный функционал - показать минимальное кол-во товара, которое юзер может указать с помощью +/- на поле Количества товара.
Видео на YouTube (4 минуты): https://youtu.be/7ouMdgZe40g?t=9
Редкий и полезный функционал - показать минимальное кол-во товара, которое юзер может указать с помощью +/- на поле Количества товара.
Не грубите юзерам
Видео на YouTube (4 минуты): https://youtu.be/QluGnVDLNCQ?t=9
Пример "неуважительных" формулировок в текстах на сайте. Обращайте внимание на формулировки текстов на сайте, особенно в заголовках (их чаще всего читают).
Да «краткость – сестра таланта», но в угоду краткости может пострадать уважение к вашим клиентам. Часто встречаются неуважительные формулировки или где клиент явно на втором месте.
Видео на YouTube (4 минуты): https://youtu.be/QluGnVDLNCQ?t=9
Пример "неуважительных" формулировок в текстах на сайте. Обращайте внимание на формулировки текстов на сайте, особенно в заголовках (их чаще всего читают).
Да «краткость – сестра таланта», но в угоду краткости может пострадать уважение к вашим клиентам. Часто встречаются неуважительные формулировки или где клиент явно на втором месте.
прикол про блокировки )
нужно было открыть несколько зарубежных сайтов по теме онлайн-курсов, подсмотреть у них некоторые интерфейсные решения…
так вот, из топ 5 сайтов 4 заблокированы, а прикол в том, что заблокированы ВСЕ с русской локализацией (язык интерфейса), а с английской локализацией — нет 🤣
вывод: пишите на инглише и вас никто не заблокирует (даже в Китае) 😜
нужно было открыть несколько зарубежных сайтов по теме онлайн-курсов, подсмотреть у них некоторые интерфейсные решения…
так вот, из топ 5 сайтов 4 заблокированы, а прикол в том, что заблокированы ВСЕ с русской локализацией (язык интерфейса), а с английской локализацией — нет 🤣
вывод: пишите на инглише и вас никто не заблокирует (даже в Китае) 😜
Коррекция «заголовков»: зачем нужны UX-тексты
Видео на YouTube (16 минут): https://youtu.be/iyPosn8INPs
Один из вариантов как представить владельцам проблемы на сайте с короткими текстами. И как потом представить предлагаемые улучшения.
Ссылка на Miro: https://miro.com/app/board/uXjVKEV-sj8=/
UX-текст – это редактура коротких текстов, чтобы они становились более понятными, логичными и ещё более короткими.
UX-текст – это про «вылизывание» текстов, когда любите своё дело до такой степени, что руки дошли уже и до текстов ))
Когда вы «подвинули и перекрасили» все кнопочки и блоки (в угоду юзабилити), но клиентам всё равно что-то «не нравится», то есть смысл обратиться к текстам…
На сколько текст в кнопках, заголовках, анонсах, оповещениях, формах соответствует интуитивным ожиданиям юзеров, на сколько логичен и связен…
Видео на YouTube (16 минут): https://youtu.be/iyPosn8INPs
Один из вариантов как представить владельцам проблемы на сайте с короткими текстами. И как потом представить предлагаемые улучшения.
Ссылка на Miro: https://miro.com/app/board/uXjVKEV-sj8=/
UX-текст – это редактура коротких текстов, чтобы они становились более понятными, логичными и ещё более короткими.
UX-текст – это про «вылизывание» текстов, когда любите своё дело до такой степени, что руки дошли уже и до текстов ))
Когда вы «подвинули и перекрасили» все кнопочки и блоки (в угоду юзабилити), но клиентам всё равно что-то «не нравится», то есть смысл обратиться к текстам…
На сколько текст в кнопках, заголовках, анонсах, оповещениях, формах соответствует интуитивным ожиданиям юзеров, на сколько логичен и связен…
👍3
UX-тексты: правим объявление ЖКХ
Видео на YouTube (6 минут): https://youtu.be/8j6XY0YKLWM?t=8
Запрещённый приём — править объявления ЖКХ, но в портфолио обязательно должно быть хоть одно ))
Ссылка на Miro: https://miro.com/app/board/uXjVK-Befts=/
#UXtext
Видео на YouTube (6 минут): https://youtu.be/8j6XY0YKLWM?t=8
Запрещённый приём — править объявления ЖКХ, но в портфолио обязательно должно быть хоть одно ))
Ссылка на Miro: https://miro.com/app/board/uXjVK-Befts=/
#UXtext
🔥3
#мнение Сколько нужно человек, чтобы вкрутить одну лампочку?
В современном бизнесе ответ простой — любое кол-во, пока это приносит прибыль…💰 — не осуждаю, если все довольны… но всегда поражаюсь ))
Тут (PDF, 9стр, 560kb) презентация UX-исследования от одной фирмы… ссылку на них не даю, но к ним «респект и уважуха», что умеют так обрабатывать клиентов.
Ребята наняли ШЕСТЬ юзеров, дали им задания, анкеты и отправили тыкать «морду». Не менее ДВУХ менеджеров контролировали это и сводили результаты. Наверняка на этооплачено потрачено 3+ дня.
здесь даже не важно какой сайт, достаточно только выводы прочитать…
Выводы (стр.6): рядом мои коменты
1. Увеличить скорость загрузки сайта…
2. Реализовать счетчик корзины…
3. Переместить «Цвет» в начало фильтра […]
4. Добавить сортировку по цвету.
5. Чтобы всплывающие окна не выглядели слишком навязчивыми, увеличить на 20 секунд время перед показами pop-up окон.
6. В форме заказа использовать маску ввода […]
ИТОГО: Заказчикпотратил кучу денег и получил выводы, которые делает ОДИН подготовленный человек, за ОДИН ЧАС, просто «потыкав» сайт! 😎
Да, директор не получит «красивые» графики и отчёт на 100 страниц…
В современном бизнесе ответ простой — любое кол-во, пока это приносит прибыль…
Тут (PDF, 9стр, 560kb) презентация UX-исследования от одной фирмы… ссылку на них не даю, но к ним «респект и уважуха», что умеют так обрабатывать клиентов.
Ребята наняли ШЕСТЬ юзеров, дали им задания, анкеты и отправили тыкать «морду». Не менее ДВУХ менеджеров контролировали это и сводили результаты. Наверняка на это
здесь даже не важно какой сайт, достаточно только выводы прочитать…
Выводы (стр.6): рядом мои коменты
1. Увеличить скорость загрузки сайта…
Это сразу видно в браузерном дебагере и не нужно проводить опрос «шести человек»!2. Реализовать счетчик корзины…
Нет или не работает счётчика на корзине — это БАГ! Не нужно «шесть человек».3. Переместить «Цвет» в начало фильтра […]
Для товаров, где «Цвет» первейший параметр, если в фильтре его нет или где-то внизу, то это БАГ! Не нужно «шесть человек».4. Добавить сортировку по цвету.
Не очевидно и очень спорно (зачем? так ли нужно?), это «решают» не 6 юзеров, а 166!5. Чтобы всплывающие окна не выглядели слишком навязчивыми, увеличить на 20 секунд время перед показами pop-up окон.
А этот ШЕДЕВР привёл целиком )) «…увеличить время перед показом поп-апов»!!!? — их вообще надо убирать, это абсолютное ЗЛО 😡! Не нужно «шесть человек».6. В форме заказа использовать маску ввода […]
На формах нет масок ввода или неправильный type — это БАГ! Не нужно «шесть человек».ИТОГО: Заказчик
Да, директор не получит «красивые» графики и отчёт на 100 страниц…
а без этого он не поймёт, на что потрачено 150тыр?!Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Компактная каталожная карточка для онлайн-курсов
Видео на YouTube (12 минут)
Этот выпуск в текстовом виде
Какая информация важна для пользователя. Пытаемся что-то сделать с мешаниной цен.
#мнение | ЗоЮ
Видео на YouTube (12 минут)
Этот выпуск в текстовом виде
Какая информация важна для пользователя. Пытаемся что-то сделать с мешаниной цен.
#мнение | ЗоЮ
🔥3
Странный заказчик
Заказ:
протестировать вёрстку 30+ страниц, разные браузеры, адаптив + сравнить с фигмой (без пиксель-перфект), баги в гуглдок…
Договариваемся:
«примерное время ОТ 5 часов, примерно столько-то денег… работаем?» — «работаем…»
Начинаю с Главной… там 40 багов… потратил 2,5часа… хм, как-то дофига выходит… эдак на 30+ страниц уйдёт 10+ часов… ((
пишу про это заказчику…
Ответ заказчика:
«меня такой подход не устраивает… отчёт оставьте себе…»🤨
Что именно не так, не смог выяснить, кроме того, что заказчику нужна точная цифра расходов на тестирование, которую я не могу назвать при всём желании, ибо хз сколько там ещё будет багов (дофига, судя только по одной странице).
хз что с такими делать ))
Заказ:
протестировать вёрстку 30+ страниц, разные браузеры, адаптив + сравнить с фигмой (без пиксель-перфект), баги в гуглдок…
Договариваемся:
«примерное время ОТ 5 часов, примерно столько-то денег… работаем?» — «работаем…»
Начинаю с Главной… там 40 багов… потратил 2,5часа… хм, как-то дофига выходит… эдак на 30+ страниц уйдёт 10+ часов… ((
пишу про это заказчику…
Ответ заказчика:
«меня такой подход не устраивает… отчёт оставьте себе…»
Что именно не так, не смог выяснить, кроме того, что заказчику нужна точная цифра расходов на тестирование, которую я не могу назвать при всём желании, ибо хз сколько там ещё будет багов (дофига, судя только по одной странице).
хз что с такими делать ))
Please open Telegram to view this post
VIEW IN TELEGRAM
🤷♂2
Пишем короткое сообщение о кукисах
Разбор «стандартного» сообщения о кукисах. Пишем коротко, понятно, информативно, функционально.
Смотреть на YouTube (7 минут)
Читать на сайте, немного подробнее (4 минуты)
👇 Присылайте в коменты интересные скрины сообщений о кукисах
#UXtext
Разбор «стандартного» сообщения о кукисах. Пишем коротко, понятно, информативно, функционально.
Смотреть на YouTube (7 минут)
Читать на сайте, немного подробнее (4 минуты)
Ещё было про кукисы в канале:
- Самозакрывающиеся куки
- Как не надо писать кукисы
👇 Присылайте в коменты интересные скрины сообщений о кукисах
#UXtext
👍2
Разбор бесплатно для подписчиков канала.
Присылайте в личку или в комент ссылку на сайт или дизайн. Собираем конфу и на часик делаем разбор юзабилити и текстов.
Разбор попадает в этот канал (потому и бесплатный)😉
———————-
Уважаемые подписчики, кто хотел бы поучаствовать в подобных разборах в качестве гостевого аналитика, пишите в личку — буду приглашать вас персонально ))
Присылайте в личку или в комент ссылку на сайт или дизайн. Собираем конфу и на часик делаем разбор юзабилити и текстов.
Разбор попадает в этот канал (потому и бесплатный)
———————-
Уважаемые подписчики, кто хотел бы поучаствовать в подобных разборах в качестве гостевого аналитика, пишите в личку — буду приглашать вас персонально ))
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🎉1
#кейс №1 Правим сообщение в телефоне
(1) - оригинал
(2) - постарался сохранить стиль, но сократил текст — заголовок с вопросом, пояснение и кнопки-ответы…
здесь пояснение сбивает с толку — вопрос (заголовок) про одно, пояснение про другое и пока дошёл до кнопок, уже забыл про что спрашивали🤔
(3) - мне кажется, без пояснения гораздо понятнее😉
(4) - мне кажется, что модалка касается именно приложения Voice
в заголовке задаём конкретный вопрос, в пояснялке уточняем/поясняем (чтобы юзер не волновался), на кнопках предлагаем ответы на вопрос
не стал упоминать в тексте про «фоновый режим», подумал, что это и так понятно
ещё варианты с пояснениями (Figma)
#UXtext
(1) - оригинал
(2) - постарался сохранить стиль, но сократил текст — заголовок с вопросом, пояснение и кнопки-ответы…
здесь пояснение сбивает с толку — вопрос (заголовок) про одно, пояснение про другое и пока дошёл до кнопок, уже забыл про что спрашивали
(3) - мне кажется, без пояснения гораздо понятнее
(4) - мне кажется, что модалка касается именно приложения Voice
в заголовке задаём конкретный вопрос, в пояснялке уточняем/поясняем (чтобы юзер не волновался), на кнопках предлагаем ответы на вопрос
не стал упоминать в тексте про «фоновый режим», подумал, что это и так понятно
ещё варианты с пояснениями (Figma)
#UXtext
Please open Telegram to view this post
VIEW IN TELEGRAM
Разбор сайта по поддержке стартапов
🎦 Видео на YouTube (22 минуты)
Сайт не помогает стартаперам, а рекламирует услуги.
Исправляем ситуацию.
#разбор
🎦 Видео на YouTube (22 минуты)
Сайт не помогает стартаперам, а рекламирует услуги.
Исправляем ситуацию.
#разбор
👍2
Разбор сайтов про ремонт, дизайн, обстановку
Видео на YouTube (26 минут)
Это разбор не конкретного сайта, а подобных сайтов на примере одного.
Показывают только красивые картинки и никак не помогают пользователю сделать выбор.
Радикально исправляем ситуацию.
#разбор
Видео на YouTube (26 минут)
Это разбор не конкретного сайта, а подобных сайтов на примере одного.
Показывают только красивые картинки и никак не помогают пользователю сделать выбор.
Радикально исправляем ситуацию.
#разбор
👍2🤔2
#мнение Юзабилити аудит — фигня!
Видео на YouTube (5 минут)
Читать на сайте чуть подробнее (5 минут)
Зачем юзабилити аудит, если он не решает глобальных проблем сайта?
Видео на YouTube (5 минут)
Читать на сайте чуть подробнее (5 минут)
Зачем юзабилити аудит, если он не решает глобальных проблем сайта?
🤔2