Andrew Antokhin
🛠 Юзабилити аудит сайта: инструменты для оценки 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.
#seo_HDW #полезное_HDW #инструменты_HDW
⚡Навигация по каналу⚡
Подборка для новичков здесь.
Оставить заявку на консультацию или аудит можно здесь.
Сделай свой сайт удобным для людей, а не только роботов с 👋 Hello Digital World
23 · 1.1K ·