ЗоЮ | Забота о юзерах
1.02K subscribers
518 photos
38 videos
2 files
626 links
Для продактов, дизайнеров, редакторов, предпринимателей — всех, кто хочет понимать, почему сайт (не) работает.

Про UX/CX, тексты и здравый смысл: инсайты, разборы, исследования, сценарии, примеры из жизни.

Product Experience Lead → @uiuxaudit
Download Telegram
Начинающему тестировщику 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/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 (7 минут): https://youtu.be/vmvwyS2y5Ko

Пример неудобного использования чек-листов (если можно так выразится в данном случае) в трекере вместо полноценных, отдельных задач. Исключительно ради уменьшения количества задач на доске вводят абсолютно неудобную систему составления задач.
Особенно это касается тестирования. Ужасно неудобно собирать баги в таком виде в трекере!
Интернет магазин: "минимум" в поле Количества

Видео на YouTube (4 минуты): https://youtu.be/7ouMdgZe40g?t=9

Редкий и полезный функционал - показать минимальное кол-во товара, которое юзер может указать с помощью +/- на поле Количества товара.
Не грубите юзерам

Видео на YouTube (4 минуты): https://youtu.be/QluGnVDLNCQ?t=9

Пример "неуважительных" формулировок в текстах на сайте. Обращайте внимание на формулировки текстов на сайте, особенно в заголовках (их чаще всего читают).
Да «краткость – сестра таланта», но в угоду краткости может пострадать уважение к вашим клиентам. Часто встречаются неуважительные формулировки или где клиент явно на втором месте.
прикол про блокировки )
нужно было открыть несколько зарубежных сайтов по теме онлайн-курсов, подсмотреть у них некоторые интерфейсные решения…
так вот, из топ 5 сайтов 4 заблокированы, а прикол в том, что заблокированы ВСЕ с русской локализацией (язык интерфейса), а с английской локализацией — нет 🤣

вывод: пишите на инглише и вас никто не заблокирует (даже в Китае) 😜
Коррекция «заголовков»: зачем нужны 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
🔥3
трудности перевода ))

#юмор
🔥4
#мнение Сколько нужно человек, чтобы вкрутить одну лампочку?

В современном бизнесе ответ простой — любое кол-во, пока это приносит прибыль… 💰 — не осуждаю, если все довольны… но всегда поражаюсь ))

Тут (PDF, 9стр, 560kb) презентация UX-исследования от одной фирмы… ссылку на них не даю, но к ним «респект и уважуха», что умеют так обрабатывать клиентов.

Ребята наняли ШЕСТЬ юзеров, дали им задания, анкеты и отправили тыкать «морду». Не менее ДВУХ менеджеров контролировали это и сводили результаты. Наверняка на это оплачено потрачено 3+ дня.

здесь даже не важно какой сайт, достаточно только выводы прочитать…

Выводы (стр.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 минут)
Этот выпуск в текстовом виде

Какая информация важна для пользователя. Пытаемся что-то сделать с мешаниной цен.

#мнение | ЗоЮ
🔥3
Странный заказчик

Заказ:
протестировать вёрстку 30+ страниц, разные браузеры, адаптив + сравнить с фигмой (без пиксель-перфект), баги в гуглдок…

Договариваемся:
«примерное время ОТ 5 часов, примерно столько-то денег… работаем?» — «работаем…»

Начинаю с Главной… там 40 багов… потратил 2,5часа… хм, как-то дофига выходит… эдак на 30+ страниц уйдёт 10+ часов… ((
пишу про это заказчику…

Ответ заказчика:
«меня такой подход не устраивает… отчёт оставьте себе…» 🤨

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

хз что с такими делать ))
Please open Telegram to view this post
VIEW IN TELEGRAM
🤷‍♂2
Пишем короткое сообщение о кукисах

Разбор «стандартного» сообщения о кукисах. Пишем коротко, понятно, информативно, функционально.

Смотреть на YouTube (7 минут)

Читать на сайте, немного подробнее (4 минуты)

Ещё было про кукисы в канале:
- Самозакрывающиеся куки
- Как не надо писать кукисы


👇 Присылайте в коменты интересные скрины сообщений о кукисах

#UXtext
👍2
Разбор бесплатно для подписчиков канала.
Присылайте в личку или в комент ссылку на сайт или дизайн. Собираем конфу и на часик делаем разбор юзабилити и текстов.

Разбор попадает в этот канал (потому и бесплатный) 😉

———————-
Уважаемые подписчики, кто хотел бы поучаствовать в подобных разборах в качестве гостевого аналитика, пишите в личку — буду приглашать вас персонально ))
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🎉1
юзеры — не люди )))
я так и знал ))

#юмор
🤷‍♂2
#кейс №1 Правим сообщение в телефоне

(1) - оригинал

(2) - постарался сохранить стиль, но сократил текст — заголовок с вопросом, пояснение и кнопки-ответы…
здесь пояснение сбивает с толку — вопрос (заголовок) про одно, пояснение про другое и пока дошёл до кнопок, уже забыл про что спрашивали 🤔

(3) - мне кажется, без пояснения гораздо понятнее 😉

(4) - мне кажется, что модалка касается именно приложения Voice

в заголовке задаём конкретный вопрос, в пояснялке уточняем/поясняем (чтобы юзер не волновался), на кнопках предлагаем ответы на вопрос

не стал упоминать в тексте про «фоновый режим», подумал, что это и так понятно

ещё варианты с пояснениями (Figma)

#UXtext
Please open Telegram to view this post
VIEW IN TELEGRAM
Разбор сайта по поддержке стартапов

🎦 Видео на YouTube (22 минуты)

Сайт не помогает стартаперам, а рекламирует услуги.
Исправляем ситуацию.

#разбор
👍2
Разбор сайтов про ремонт, дизайн, обстановку

Видео на YouTube (26 минут)

Это разбор не конкретного сайта, а подобных сайтов на примере одного.

Показывают только красивые картинки и никак не помогают пользователю сделать выбор.

Радикально исправляем ситуацию.

#разбор
👍2🤔2
#мнение Юзабилити аудит — фигня!

Видео на YouTube (5 минут)

Читать на сайте чуть подробнее (5 минут)

Зачем юзабилити аудит, если он не решает глобальных проблем сайта?
🤔2