🛠 Юзабилити аудит сайта: инструменты для оценки UX/UI и Mobile Friendly

Недавно обновил свой MacBook Air M1 до MacBook Pro 16 M3 Pro как инвестицию в рабочие процессы на ближайшие 3–5 лет. И обнаружил в новой macOS функцию «Видеоповтор iPhone», которая оказалась не просто полезной, а повергла меня в восторг. Уверен, что она будет полезна всем пользователям техники Apple, и не только им. Владельцам Windows тоже будет полезен этот пост.

Ранее, чтобы сделать хороший юзабилити-аудит сайта, мне приходилось, помимо просмотра десктопной версии, открывать сайт на мобильном и прокликивать руками. Несмотря на общий буфер обмена между макбуком и айфоном, всё равно было неудобно каждый раз доставать телефон, вводить сайт, делать скрины и обрабатывать их на самом телефоне, а потом через AirDrop передавать на компьютер и вставлять в презентацию. Всё это в прошлом!

Теперь я могу открыть телефон на своём компьютере и прокликать сайт с компьютера без симуляций и искажений, быстро сделать скриншот и сразу вставить его в презентацию. И всё это максимально бесшовно.

Что ещё делаю с помощью этой функции?

🎵 Слушаю Яндекс Музыку с телефона на компьютере.

🏦 Открываю банковские и другие приложения, которые не имеют десктопной версии.

💬 Получаю телефонные уведомления на компьютер сразу же.

👉 Открываю компактную версию Телеграм на телефоне, чтобы десктопное приложение не занимало место на экране.

Таким образом, я реже отвлекаюсь на сам телефон. Для меня лично это очень полезно, потому что моя жизнь больше завязана на компьютер, чем на смартфон. И для таких как я сделана эта функция.

Пока до конца не разобрался, где ещё можно применить. Если у вас есть идеи по сценариям применения такого функционала, пишите в комментариях. Чтобы воспользоваться этой функцией, вам нужно обновить macOS до 15 версии и свой iPhone до 18 версии и выше.

А что делать тем, у кого Windows/Linux и Android?

1 Решение №1. Ранее я использовал кросс-платформенный браузер для аудитов юзабилити. Называется Blisk – https://blisk.io/. Приложение очень похоже на Chrome, поэтому привыкнуть к нему будет легко. Однако, в отличие от Chrome, в нём есть расширенный функционал для разработчиков, дизайнеров, UX/UI-специалистов и SEO-специалистов. Вы можете добавить сколько угодно разных устройств с необходимым разрешением и эмулировать их в одном окне. Но приложение платное, стоит около $11 в месяц. Бесплатно можно использовать только 10 минут в день. Для быстрого аудита вполне сгодится.

2 Решение №2. Замечательное расширение для браузера ILoveAdaptive и одноимённый сайт iloveadaptive.com. Всё гибко и бесплатно. Я думаю, оно есть у большинства специалистов, и тут я вас не удивлю.

Особенно всё это актуально на фоне того, что Google Mobile-Friendly Test больше не существует и перенесён в Lighthouse. А удобство проверять как-то надо.

Надеюсь, эта информация поможет вам сделать ваши сайты удобнее, а работу комфортнее. Если было полезно, поставьте огонёк 🔥 Ниже скину скриншорты как это все выглядит для macOS, Blisk и iLoveAdaptive.

Сделай свой сайт удобным для людей, а не только роботов с Hello Digital World